diff --git a/src/api/business/schedule.ts b/src/api/business/schedule.ts
new file mode 100644
index 0000000..f5b4569
--- /dev/null
+++ b/src/api/business/schedule.ts
@@ -0,0 +1,89 @@
+/**
+ * 设备收发接口
+*/
+import request from '../index'
+import type { IListQuery } from '@/views/business/schedule/interchange/interchange_interface'
+const prefix = '/meter'
+
+// 列表查询
+export function getInterChangeList(data: IListQuery) {
+  return request({
+    url: `${prefix}/schedule/interChange/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 导出列表
+export function exportInterchangeList(data: Omit<IListQuery, 'limit' | 'offset'>) {
+  return request({
+    url: `${prefix}/schedule/interChange/listExport`,
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
+
+// 根据样品id收入
+export function interchangeListTake(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/take`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id删除
+export function interchangeListDelete(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/delete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id完成
+export function interchangeListComplete(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/complete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id回退
+export function interchangeListBack(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/back`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id归还
+export function interchangeListReturn(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/return`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id催办
+export function interchangeListUrge(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/urge`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id终止
+export function interchangeListTerminate(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/terminate`,
+    method: 'post',
+    data,
+  })
+}
+

diff --git a/src/api/business/schedule.ts b/src/api/business/schedule.ts
new file mode 100644
index 0000000..f5b4569
--- /dev/null
+++ b/src/api/business/schedule.ts
@@ -0,0 +1,89 @@
+/**
+ * 设备收发接口
+*/
+import request from '../index'
+import type { IListQuery } from '@/views/business/schedule/interchange/interchange_interface'
+const prefix = '/meter'
+
+// 列表查询
+export function getInterChangeList(data: IListQuery) {
+  return request({
+    url: `${prefix}/schedule/interChange/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 导出列表
+export function exportInterchangeList(data: Omit<IListQuery, 'limit' | 'offset'>) {
+  return request({
+    url: `${prefix}/schedule/interChange/listExport`,
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
+
+// 根据样品id收入
+export function interchangeListTake(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/take`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id删除
+export function interchangeListDelete(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/delete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id完成
+export function interchangeListComplete(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/complete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id回退
+export function interchangeListBack(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/back`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id归还
+export function interchangeListReturn(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/return`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id催办
+export function interchangeListUrge(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/urge`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id终止
+export function interchangeListTerminate(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/terminate`,
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/views/business/schedule/interchange/buttonBox.vue b/src/views/business/schedule/interchange/buttonBox.vue
new file mode 100644
index 0000000..dc864bd
--- /dev/null
+++ b/src/views/business/schedule/interchange/buttonBox.vue
@@ -0,0 +1,45 @@
+<script lang="ts" setup name="ButtonBox">
+import { DefaultProps } from 'element-plus'
+import { ref } from 'vue'
+const emits = defineEmits(['changeCurrentButton'])
+// 按钮菜单
+const menu = [
+  { name: '待收入', id: 'taking' },
+  { name: '已收入', id: 'took' },
+  { name: '待归还', id: 'returning' },
+  { name: '已归还', id: 'returned' },
+  { name: '已超期', id: 'overtime' },
+]
+const current = ref('taking')
+watch(current, (newValue) => {
+  emits('changeCurrentButton', newValue)
+})
+</script>
+
+<template>
+  <div class="container">
+    <div class="btns">
+      <!-- 三级菜单 -->
+      <el-radio-group v-model="current">
+        <el-radio-button v-for="item in menu" :key="item.id" :label="item.id">
+          {{ item.name }}
+        </el-radio-button>
+      </el-radio-group>
+    </div>
+    <!-- 展示区域 -->
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  position: relative;
+
+  .btns {
+    position: fixed;
+    top: 76px;
+    right: 15px;
+    z-index: 999;
+  }
+}
+</style>
+

diff --git a/src/api/business/schedule.ts b/src/api/business/schedule.ts
new file mode 100644
index 0000000..f5b4569
--- /dev/null
+++ b/src/api/business/schedule.ts
@@ -0,0 +1,89 @@
+/**
+ * 设备收发接口
+*/
+import request from '../index'
+import type { IListQuery } from '@/views/business/schedule/interchange/interchange_interface'
+const prefix = '/meter'
+
+// 列表查询
+export function getInterChangeList(data: IListQuery) {
+  return request({
+    url: `${prefix}/schedule/interChange/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 导出列表
+export function exportInterchangeList(data: Omit<IListQuery, 'limit' | 'offset'>) {
+  return request({
+    url: `${prefix}/schedule/interChange/listExport`,
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
+
+// 根据样品id收入
+export function interchangeListTake(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/take`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id删除
+export function interchangeListDelete(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/delete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id完成
+export function interchangeListComplete(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/complete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id回退
+export function interchangeListBack(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/back`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id归还
+export function interchangeListReturn(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/return`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id催办
+export function interchangeListUrge(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/urge`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id终止
+export function interchangeListTerminate(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/terminate`,
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/views/business/schedule/interchange/buttonBox.vue b/src/views/business/schedule/interchange/buttonBox.vue
new file mode 100644
index 0000000..dc864bd
--- /dev/null
+++ b/src/views/business/schedule/interchange/buttonBox.vue
@@ -0,0 +1,45 @@
+<script lang="ts" setup name="ButtonBox">
+import { DefaultProps } from 'element-plus'
+import { ref } from 'vue'
+const emits = defineEmits(['changeCurrentButton'])
+// 按钮菜单
+const menu = [
+  { name: '待收入', id: 'taking' },
+  { name: '已收入', id: 'took' },
+  { name: '待归还', id: 'returning' },
+  { name: '已归还', id: 'returned' },
+  { name: '已超期', id: 'overtime' },
+]
+const current = ref('taking')
+watch(current, (newValue) => {
+  emits('changeCurrentButton', newValue)
+})
+</script>
+
+<template>
+  <div class="container">
+    <div class="btns">
+      <!-- 三级菜单 -->
+      <el-radio-group v-model="current">
+        <el-radio-button v-for="item in menu" :key="item.id" :label="item.id">
+          {{ item.name }}
+        </el-radio-button>
+      </el-radio-group>
+    </div>
+    <!-- 展示区域 -->
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  position: relative;
+
+  .btns {
+    position: fixed;
+    top: 76px;
+    right: 15px;
+    z-index: 999;
+  }
+}
+</style>
+
diff --git a/src/views/business/schedule/interchange/interchangeEdit.vue b/src/views/business/schedule/interchange/interchangeEdit.vue
index 8c9b87c..67066a8 100644
--- a/src/views/business/schedule/interchange/interchangeEdit.vue
+++ b/src/views/business/schedule/interchange/interchangeEdit.vue
@@ -1,13 +1,712 @@
+<!-- 新建、编辑、详情 -->
 <script lang="ts" setup name="InterchangeEdit">
-// 设备交接单编辑
+import type { Ref } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, UploadUserFile } from 'element-plus'
+import { ref } from 'vue'
+import { Calendar, Search } from '@element-plus/icons-vue'
+import type { ISampleDetail, Menu, SimpleCertification, SimpleMeasureRecord } from './interchange_interface'
+import sampleDialog from '@/views/customer/sample/list/sampleDialog.vue'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+import { SCHEDULE } from '@/utils/scheduleDict'
+import TemplateTable from '@/views/customer/customerInfo/templateTable.vue'
+import { addSample, getSapmleDetail, updateSample } from '@/api/customer/sampleList'
+import countries from '@/components/AddressSelect/country-code.json'
+import { UploadFile } from '@/api/measure/file'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import type { ICustomer } from '@/views/customer/customerInfo/customer_interface'
+
+const textMap: { [key: string]: string } = {
+  edit: '编辑',
+  add: '新建',
+  detail: '详情',
+}// 字典
+const pageType = ref('add') // 页面类型: add, edit, detail
+const countryList = ref(countries) // 国家列表
+const loading = ref(false) // 表单加载状态
+const infoId = ref('') // id
+const visible = ref(false) // 控制对话框显隐
+const mesureCategoryMap: { [key: string]: string } = {
+  edit: '编辑',
+  add: '新建',
+  detail: '详情',
+}// 字典
+const mesureCategoryList = [
+  {
+    label: '检定',
+    value: 'jd',
+  },
+  {
+    label: '检测',
+    value: 'jc',
+  },
+  {
+    label: '验收检定',
+    value: 'ysjd',
+  },
+  {
+    label: '抽检',
+    value: 'cj',
+  },
+  {
+    label: '校准',
+    value: 'jz',
+  },
+  {
+    label: '测试',
+    value: 'cs',
+  },
+  {
+    label: '验收校准',
+    value: 'ysjz',
+  },
+]// 校检类别
+const mesureResultList = [
+  {
+    label: '合格',
+    value: 'hg',
+  },
+  {
+    label: '修后合格',
+    value: 'xhhg',
+  },
+  {
+    label: '限用',
+    value: 'xy',
+  },
+  {
+    label: '准用',
+    value: 'zy',
+  },
+  {
+    label: '不合格',
+    value: 'bhg',
+  },
+  {
+    label: '漏检',
+    value: 'lj',
+  },
+  {
+    label: '逾期未检定',
+    value: 'yqwjd',
+  },
+]// 检定结果
+const mesureResultMap = {
+  hg: '合格',
+  xhhg: '修后合格',
+  xy: '限用',
+  zy: '准用',
+  bhg: '不合格',
+  lj: '漏检',
+  yqwjd: '逾期未检定',
+}// 检定结果字典
+const mesureTypeList = [
+  {
+    label: '自检',
+    value: 'zj',
+  },
+  {
+    label: '外包',
+    value: 'wb',
+  },
+]// 检定方式
+const dataForm: Ref<ISampleDetail> = ref({
+  id: '',
+  sampleNo: '', // 样品编号
+  sampleName: '', // 样品名称
+  sampleModel: '', // 样品型号
+  manufacturingNo: '', // 出厂编号
+  customerNo: '', // 委托方代码
+  customerName: '', // 委托方名称
+  phone: '', // 委托方电话
+  postalCode: '', // 委托方邮编
+  companyAddress: '', // 委托方地址
+  mesureCategory: '', // 检校类别
+  manufacturer: '', // 生产厂家
+  manufacturerCountry: '', // 厂家国别
+  manufacturingDate: '', // 出厂年月
+  ABC: '', // ABC
+  // deliverer: '', // 送检人
+  // delivererTel: '', // 送检人联系方式
+  mesureContent: '', // 检定项目
+  mesurePeriod: '', // 检定周期
+  remark: '', // 备注
+  minioFileName: '', // 说明书
+  labelBind: '', // 标签绑定
+  mesureType: '', // 检定方式
+})
+const ruleFormRef = ref<FormInstance>()
+
+// 自定义校验规则--检定周期为正整数
+const validateMesurePeriod = (rule: any, value: any, callback: any) => {
+  if (value === '') {
+    callback()
+  }
+  else if (!(/(^[1-9]\d*$)/.test(value))) {
+    callback(new Error('请输入一个正整数'))
+  }
+  else {
+    callback()
+  }
+}
+
+// 校验规则
+const rules = ref({
+  sampleName: [{ required: true, message: '样品名称不能为空', trigger: 'blur' }],
+  sampleModel: [{ required: true, message: '样品型号不能为空', trigger: 'blur' }],
+  manufacturingNo: [{ required: true, message: '出厂编号不能为空', trigger: 'blur' }],
+  customerNo: [{ required: true, message: '委托方代码不能为空', trigger: 'change' }],
+  customerName: [{ required: true, message: '委托方名称不能为空', trigger: 'blur' }],
+  phone: [{ required: true, message: '委托方电话不能为空', trigger: 'blur' }],
+  postalCode: [{ required: true, message: '委托方邮编不能为空', trigger: 'blur' }],
+  companyAddress: [{ required: true, message: '委托方地址不能为空', trigger: 'blur' }],
+  mesureContent: [{ required: true, message: '检定项目不能为空', trigger: 'blur' }],
+  mesurePeriod: [{ validator: validateMesurePeriod, trigger: 'blur' }],
+}) // 表单验证规则
+
+// 其他关联数据列表
+const dataList = ref({
+  measureRecords: [] as SimpleMeasureRecord[],
+  certificationRecords: [] as SimpleCertification[],
+})
+
+// 获取检定记录
+const fetchMeasureRecords = function (query = null) {
+  dataList.value.measureRecords = []
+}
+// 获取检定证书
+const fetchCertifications = function (query = null) {
+  dataList.value.certificationRecords = []
+}
+
+// 菜单
+const menu: Menu[] = [
+  {
+    name: '检定记录',
+    columns: [
+      { text: '委托单编号', value: 'orderCode' },
+      { text: '委托单日期', value: 'orderTime' },
+      { text: '委托方代码', value: 'customerCode' },
+      { text: '委托方名称', value: 'customerName' },
+      { text: '送检人', value: 'deliverer' },
+      { text: '送检日期', value: 'deliverTime' },
+    ],
+    list: 'measureRecords',
+    pagination: true,
+    searchFunc: fetchMeasureRecords,
+  },
+  {
+    name: '检定证书',
+    columns: [
+      { text: '证书编号', value: 'certificationCode' },
+      { text: '证书名称', value: 'certificationName' },
+      { text: '证书类型', value: 'certificationType' },
+      { text: '证书出具日期', value: 'effectiveDate' },
+      { text: '证书有效期', value: 'expirationDate' },
+    ],
+    list: 'certificationRecords',
+    pagination: true,
+    searchFunc: fetchCertifications,
+  },
+]
+
+const currentMenu = ref('检定记录')
+const currentMenuObj = computed(() => {
+  return menu.find(item => item.name === currentMenu.value)
+})
+
+// 从路由中获取页面类型参数
+const $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 $router = useRouter()
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+
+// 打印表单
+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: '',
+})
+
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  // 原生上传
+  console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    UploadFile(fd).then((res) => {
+      if (res.code === 200) {
+        dataForm.value.minioFileName = res.data[0]
+        // 重置当前验证
+        ElMessage.success('文件上传成功')
+      }
+      else {
+        ElMessage.error(res.message)
+      }
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+
+// 委托方代码获取焦点
+const customerNoFocus = () => {
+  visible.value = true
+  console.log(visible.value)
+}
+
+// 选好委托方
+const confirmCheckout = (val: Array<ICustomer>) => {
+  if (val && val.length) {
+    const getValue = val[0]
+    dataForm.value.customerNo = getValue.customerNo
+    dataForm.value.customerName = getValue.customerName
+    dataForm.value.phone = getValue.phone
+    dataForm.value.postalCode = getValue.postalCode
+    dataForm.value.companyAddress = getValue.briefName
+  }
+}
+
+// 控制选择委托方对话框显隐
+const changeVisible = (val: boolean) => {
+  visible.value = val
+}
+
+// 保存
+function saveForm(formEl: FormInstance | undefined) {
+  if (!formEl) { return }
+  formEl.validate((valid, fields) => {
+    if (valid) {
+      ElMessageBox.confirm(
+        '确认保存吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then(() => {
+        if (dataForm.value.id) {
+          updateSample(dataForm.value).then((res) => {
+            if (res.code === 200) {
+              dataForm.value.id = res.data.id
+              dataForm.value.customerNo = res.data.customerNo
+              ElMessage.success('已保存')
+              $router.go(-1)
+            }
+          })
+        }
+        else {
+          addSample(dataForm.value).then((res) => {
+            if (res.code === 200) {
+              dataForm.value.id = res.data.id
+              dataForm.value.customerNo = res.data.customerNo
+              ElMessage.success('已保存')
+              $router.go(-1)
+            }
+          })
+        }
+      })
+    }
+  })
+}
+
+// 提交表单
+function submitForm() {
+  if (dataForm.value.id) {
+    const params = {
+      id: dataForm.value.id,
+      formId: SCHEDULE.SUPPLIER_APPROVAL, // 表单id
+    }
+    addSample(params).then((res) => {
+      ElMessage.success('提交成功')
+      close()
+    })
+  }
+  else {
+    ElMessage.info('请先保存再提交！')
+  }
+}
+
+const getInfo = () => {
+  getSapmleDetail({ id: infoId.value }).then((res) => {
+    res.data = {
+      ABC: 'A',
+      companyAddress: '北京/北京市',
+      customerName: '京东集团',
+      customerNo: 'sygf202211290001',
+      id: '',
+      labelBind: '11222',
+      manufacturer: '北京某厂家',
+      manufacturerCountry: 'CN',
+      manufacturingDate: '2023-03',
+      manufacturingNo: '123121',
+      mesureCategory: 'jd',
+      mesureContent: '项目1',
+      mesurePeriod: '1',
+      mesureType: 'zj',
+      minioFileName: '小程序工期表-1117_1674961769128.xlsx',
+      phone: '950618',
+      postalCode: 'test',
+      remark: '无备注',
+      sampleModel: '型号1',
+      sampleName: '样品1',
+      sampleNo: '',
+      measureResultCode: 'bhg',
+    }
+    // dataForm.value = res.data
+    // dataForm.value.measureResult = mesureResultMap[dataForm.value.measureResultCode]
+    // for (const item of menu) {
+    //   item.searchFunc()
+    // }
+  })
+}
+
+// 非添加页面获取详情
+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'" type="primary" @click="saveForm(ruleFormRef)">
+          保存
+        </el-button>
+        <el-button type="info" @click="close">
+          关闭
+        </el-button>
+      </template>
+      <div id="form">
+        <el-form
+          ref="ruleFormRef"
+          :model="dataForm"
+          :label-width="120"
+          label-position="right"
+          :rules="rules"
+        >
+          <el-row :gutter="24">
+            <el-col :span="6">
+              <el-form-item label="样品编号:" prop="sampleNo">
+                <el-input
+                  v-model="dataForm.sampleNo"
+                  :placeholder="pageType === 'detail' ? '' : '系统自动生成'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="样品名称:" prop="sampleName">
+                <el-input
+                  v-model="dataForm.sampleName"
+                  :placeholder="pageType === 'detail' ? '' : '请输入样品名称'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col><el-col :span="6">
+              <el-form-item label="样品型号:" prop="sampleModel">
+                <el-input
+                  v-model="dataForm.sampleModel"
+                  :placeholder="pageType === 'detail' ? '' : '请输入样品型号'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="出厂编号:" prop="manufacturingNo">
+                <el-input
+                  v-model="dataForm.manufacturingNo"
+                  :placeholder="pageType === 'detail' ? '' : '请输入出厂编号'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="委托方代码" prop="customerNo">
+                <el-input
+                  v-model="dataForm.customerNo"
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方代码'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                  @focus="customerNoFocus"
+                >
+                  <template #suffix>
+                    <el-icon v-if="pageType !== 'detail'" class="el-input__icon">
+                      <search />
+                    </el-icon>
+                  </template>
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="委托方名称" prop="customerName">
+                <el-input
+                  v-model="dataForm.customerName"
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方名称'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="委托方电话" prop="phone">
+                <el-input
+                  v-model="dataForm.phone"
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方电话'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="委托方邮编" prop="postalCode">
+                <el-input
+                  v-model="dataForm.postalCode"
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方邮编'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="18">
+              <el-form-item label="委托方地址:" prop="companyAddress">
+                <el-input
+                  v-model="dataForm.companyAddress"
+                  type="textarea"
+                  autosize
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方地址'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="校检类别:">
+                <el-select
+                  v-model="dataForm.mesureCategory"
+                  :placeholder="pageType === 'detail' ? '' : '请选择校检类别'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                >
+                  <el-option v-for="item of mesureCategoryList" :key="item.value" :label="item.label" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="生产厂家:">
+                <el-input
+                  v-model="dataForm.manufacturer"
+                  :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-select
+                  v-model="dataForm.manufacturerCountry"
+                  :placeholder="pageType === 'detail' ? '' : '请选择厂家国别'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                >
+                  <el-option v-for="country of countryList" :key="country.code" :label="country.CNName" :value="country.code" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="出厂年月:">
+                <el-date-picker
+                  v-model="dataForm.manufacturingDate"
+                  type="month"
+                  format="YYYY-MM"
+                  value-format="YYYY-MM"
+                  class="full-width-input"
+                  :placeholder="pageType === 'detail' ? '' : '请输入出厂年月'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="ABC:">
+                <el-select
+                  v-model="dataForm.ABC"
+                  :placeholder="pageType === 'detail' ? '' : '请选择ABC'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                >
+                  <el-option v-for="item of ['A', 'B', 'C']" :key="item" :label="item" :value="item" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="检定周期（月）:" prop="mesurePeriod">
+                <el-input
+                  v-model="dataForm.mesurePeriod"
+                  :placeholder="pageType === 'detail' ? '' : '请输入检定周期'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="检定日期:">
+                <el-input
+                  v-model="dataForm.measureDate"
+                  :placeholder="pageType === 'detail' ? '' : '请输入检定日期'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="有效日期:">
+                <el-input
+                  v-model="dataForm.effectiveDate"
+                  :placeholder="pageType === 'detail' ? '' : '请输入有效日期'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="检定结果:">
+                <el-input
+                  v-model="dataForm.measureResult"
+                  :placeholder="pageType === 'detail' ? '' : '请选择检定结果'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="送检人:">
+                <el-input
+                  v-model="dataForm.deliverer"
+                  :placeholder="pageType === 'detail' ? '' : '请输入送检人'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="联系方式:">
+                <el-input
+                  v-model="dataForm.delivererTel"
+                  :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-select
+                  v-model="dataForm.mesureType"
+                  :placeholder="pageType === 'detail' ? '' : '请选择检定方式'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                >
+                  <el-option v-for="item of mesureTypeList" :key="item.value" :label="item.label" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="标签绑定:">
+                <el-input
+                  v-model="dataForm.labelBind"
+                  :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="12">
+              <el-form-item label="检定项目:" prop="mesureContent">
+                <el-input
+                  v-model="dataForm.mesureContent"
+                  :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="12">
+              <el-form-item label="备注:">
+                <el-input
+                  v-model="dataForm.remark"
+                  type="textarea"
+                  autosize
+                  :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="12">
+              <el-form-item label="说明书:">
+                <show-photo v-if="dataForm.minioFileName" :minio-file-name="dataForm.minioFileName" />
+                <span v-else-if="pageType === 'detail'">无</span>
+                <input v-show="pageType === ''" ref="fileRef" type="file" @change="onFileChange">
+                <el-button v-if="pageType !== 'detail'" id="file" type="primary" :disabled="pageType === 'detail'" :style="{ 'margin-left': dataForm.minioFileName === '' ? '0px' : '20px' }" @click="upload">
+                  {{ dataForm.minioFileName === '' ? '上传' : '更换附件' }}
+                </el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </detail-page>
+
+    <!-- 检定记录、检定证书 -->
+    <detail-block-switch v-if="pageType === 'detail'" :title="currentMenu">
+      <template #menu>
+        <el-radio-group v-model="currentMenu">
+          <el-radio-button v-for="item in menu" :key="item.name" :label="item.name">
+            {{ item.name }}
+          </el-radio-button>
+        </el-radio-group>
+      </template>
+      <template-table v-if="currentMenuObj" :columns="currentMenuObj.columns" :list="dataList[currentMenuObj.list]" :loading="false" :pagination="currentMenuObj.pagination" @change-page="currentMenuObj?.searchFunc" />
+    </detail-block-switch>
+
+    <!-- 选择委托方组件 -->
+    <sample-dialog v-model:visible="visible" @confirmCheckout="confirmCheckout" @changeVisible="changeVisible" />
   </app-container>
 </template>
 
 <style lang="scss" scoped>
 // 样式
 </style>
+

diff --git a/src/api/business/schedule.ts b/src/api/business/schedule.ts
new file mode 100644
index 0000000..f5b4569
--- /dev/null
+++ b/src/api/business/schedule.ts
@@ -0,0 +1,89 @@
+/**
+ * 设备收发接口
+*/
+import request from '../index'
+import type { IListQuery } from '@/views/business/schedule/interchange/interchange_interface'
+const prefix = '/meter'
+
+// 列表查询
+export function getInterChangeList(data: IListQuery) {
+  return request({
+    url: `${prefix}/schedule/interChange/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 导出列表
+export function exportInterchangeList(data: Omit<IListQuery, 'limit' | 'offset'>) {
+  return request({
+    url: `${prefix}/schedule/interChange/listExport`,
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
+
+// 根据样品id收入
+export function interchangeListTake(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/take`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id删除
+export function interchangeListDelete(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/delete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id完成
+export function interchangeListComplete(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/complete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id回退
+export function interchangeListBack(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/back`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id归还
+export function interchangeListReturn(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/return`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id催办
+export function interchangeListUrge(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/urge`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id终止
+export function interchangeListTerminate(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/terminate`,
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/views/business/schedule/interchange/buttonBox.vue b/src/views/business/schedule/interchange/buttonBox.vue
new file mode 100644
index 0000000..dc864bd
--- /dev/null
+++ b/src/views/business/schedule/interchange/buttonBox.vue
@@ -0,0 +1,45 @@
+<script lang="ts" setup name="ButtonBox">
+import { DefaultProps } from 'element-plus'
+import { ref } from 'vue'
+const emits = defineEmits(['changeCurrentButton'])
+// 按钮菜单
+const menu = [
+  { name: '待收入', id: 'taking' },
+  { name: '已收入', id: 'took' },
+  { name: '待归还', id: 'returning' },
+  { name: '已归还', id: 'returned' },
+  { name: '已超期', id: 'overtime' },
+]
+const current = ref('taking')
+watch(current, (newValue) => {
+  emits('changeCurrentButton', newValue)
+})
+</script>
+
+<template>
+  <div class="container">
+    <div class="btns">
+      <!-- 三级菜单 -->
+      <el-radio-group v-model="current">
+        <el-radio-button v-for="item in menu" :key="item.id" :label="item.id">
+          {{ item.name }}
+        </el-radio-button>
+      </el-radio-group>
+    </div>
+    <!-- 展示区域 -->
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  position: relative;
+
+  .btns {
+    position: fixed;
+    top: 76px;
+    right: 15px;
+    z-index: 999;
+  }
+}
+</style>
+
diff --git a/src/views/business/schedule/interchange/interchangeEdit.vue b/src/views/business/schedule/interchange/interchangeEdit.vue
index 8c9b87c..67066a8 100644
--- a/src/views/business/schedule/interchange/interchangeEdit.vue
+++ b/src/views/business/schedule/interchange/interchangeEdit.vue
@@ -1,13 +1,712 @@
+<!-- 新建、编辑、详情 -->
 <script lang="ts" setup name="InterchangeEdit">
-// 设备交接单编辑
+import type { Ref } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, UploadUserFile } from 'element-plus'
+import { ref } from 'vue'
+import { Calendar, Search } from '@element-plus/icons-vue'
+import type { ISampleDetail, Menu, SimpleCertification, SimpleMeasureRecord } from './interchange_interface'
+import sampleDialog from '@/views/customer/sample/list/sampleDialog.vue'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+import { SCHEDULE } from '@/utils/scheduleDict'
+import TemplateTable from '@/views/customer/customerInfo/templateTable.vue'
+import { addSample, getSapmleDetail, updateSample } from '@/api/customer/sampleList'
+import countries from '@/components/AddressSelect/country-code.json'
+import { UploadFile } from '@/api/measure/file'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import type { ICustomer } from '@/views/customer/customerInfo/customer_interface'
+
+const textMap: { [key: string]: string } = {
+  edit: '编辑',
+  add: '新建',
+  detail: '详情',
+}// 字典
+const pageType = ref('add') // 页面类型: add, edit, detail
+const countryList = ref(countries) // 国家列表
+const loading = ref(false) // 表单加载状态
+const infoId = ref('') // id
+const visible = ref(false) // 控制对话框显隐
+const mesureCategoryMap: { [key: string]: string } = {
+  edit: '编辑',
+  add: '新建',
+  detail: '详情',
+}// 字典
+const mesureCategoryList = [
+  {
+    label: '检定',
+    value: 'jd',
+  },
+  {
+    label: '检测',
+    value: 'jc',
+  },
+  {
+    label: '验收检定',
+    value: 'ysjd',
+  },
+  {
+    label: '抽检',
+    value: 'cj',
+  },
+  {
+    label: '校准',
+    value: 'jz',
+  },
+  {
+    label: '测试',
+    value: 'cs',
+  },
+  {
+    label: '验收校准',
+    value: 'ysjz',
+  },
+]// 校检类别
+const mesureResultList = [
+  {
+    label: '合格',
+    value: 'hg',
+  },
+  {
+    label: '修后合格',
+    value: 'xhhg',
+  },
+  {
+    label: '限用',
+    value: 'xy',
+  },
+  {
+    label: '准用',
+    value: 'zy',
+  },
+  {
+    label: '不合格',
+    value: 'bhg',
+  },
+  {
+    label: '漏检',
+    value: 'lj',
+  },
+  {
+    label: '逾期未检定',
+    value: 'yqwjd',
+  },
+]// 检定结果
+const mesureResultMap = {
+  hg: '合格',
+  xhhg: '修后合格',
+  xy: '限用',
+  zy: '准用',
+  bhg: '不合格',
+  lj: '漏检',
+  yqwjd: '逾期未检定',
+}// 检定结果字典
+const mesureTypeList = [
+  {
+    label: '自检',
+    value: 'zj',
+  },
+  {
+    label: '外包',
+    value: 'wb',
+  },
+]// 检定方式
+const dataForm: Ref<ISampleDetail> = ref({
+  id: '',
+  sampleNo: '', // 样品编号
+  sampleName: '', // 样品名称
+  sampleModel: '', // 样品型号
+  manufacturingNo: '', // 出厂编号
+  customerNo: '', // 委托方代码
+  customerName: '', // 委托方名称
+  phone: '', // 委托方电话
+  postalCode: '', // 委托方邮编
+  companyAddress: '', // 委托方地址
+  mesureCategory: '', // 检校类别
+  manufacturer: '', // 生产厂家
+  manufacturerCountry: '', // 厂家国别
+  manufacturingDate: '', // 出厂年月
+  ABC: '', // ABC
+  // deliverer: '', // 送检人
+  // delivererTel: '', // 送检人联系方式
+  mesureContent: '', // 检定项目
+  mesurePeriod: '', // 检定周期
+  remark: '', // 备注
+  minioFileName: '', // 说明书
+  labelBind: '', // 标签绑定
+  mesureType: '', // 检定方式
+})
+const ruleFormRef = ref<FormInstance>()
+
+// 自定义校验规则--检定周期为正整数
+const validateMesurePeriod = (rule: any, value: any, callback: any) => {
+  if (value === '') {
+    callback()
+  }
+  else if (!(/(^[1-9]\d*$)/.test(value))) {
+    callback(new Error('请输入一个正整数'))
+  }
+  else {
+    callback()
+  }
+}
+
+// 校验规则
+const rules = ref({
+  sampleName: [{ required: true, message: '样品名称不能为空', trigger: 'blur' }],
+  sampleModel: [{ required: true, message: '样品型号不能为空', trigger: 'blur' }],
+  manufacturingNo: [{ required: true, message: '出厂编号不能为空', trigger: 'blur' }],
+  customerNo: [{ required: true, message: '委托方代码不能为空', trigger: 'change' }],
+  customerName: [{ required: true, message: '委托方名称不能为空', trigger: 'blur' }],
+  phone: [{ required: true, message: '委托方电话不能为空', trigger: 'blur' }],
+  postalCode: [{ required: true, message: '委托方邮编不能为空', trigger: 'blur' }],
+  companyAddress: [{ required: true, message: '委托方地址不能为空', trigger: 'blur' }],
+  mesureContent: [{ required: true, message: '检定项目不能为空', trigger: 'blur' }],
+  mesurePeriod: [{ validator: validateMesurePeriod, trigger: 'blur' }],
+}) // 表单验证规则
+
+// 其他关联数据列表
+const dataList = ref({
+  measureRecords: [] as SimpleMeasureRecord[],
+  certificationRecords: [] as SimpleCertification[],
+})
+
+// 获取检定记录
+const fetchMeasureRecords = function (query = null) {
+  dataList.value.measureRecords = []
+}
+// 获取检定证书
+const fetchCertifications = function (query = null) {
+  dataList.value.certificationRecords = []
+}
+
+// 菜单
+const menu: Menu[] = [
+  {
+    name: '检定记录',
+    columns: [
+      { text: '委托单编号', value: 'orderCode' },
+      { text: '委托单日期', value: 'orderTime' },
+      { text: '委托方代码', value: 'customerCode' },
+      { text: '委托方名称', value: 'customerName' },
+      { text: '送检人', value: 'deliverer' },
+      { text: '送检日期', value: 'deliverTime' },
+    ],
+    list: 'measureRecords',
+    pagination: true,
+    searchFunc: fetchMeasureRecords,
+  },
+  {
+    name: '检定证书',
+    columns: [
+      { text: '证书编号', value: 'certificationCode' },
+      { text: '证书名称', value: 'certificationName' },
+      { text: '证书类型', value: 'certificationType' },
+      { text: '证书出具日期', value: 'effectiveDate' },
+      { text: '证书有效期', value: 'expirationDate' },
+    ],
+    list: 'certificationRecords',
+    pagination: true,
+    searchFunc: fetchCertifications,
+  },
+]
+
+const currentMenu = ref('检定记录')
+const currentMenuObj = computed(() => {
+  return menu.find(item => item.name === currentMenu.value)
+})
+
+// 从路由中获取页面类型参数
+const $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 $router = useRouter()
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+
+// 打印表单
+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: '',
+})
+
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  // 原生上传
+  console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    UploadFile(fd).then((res) => {
+      if (res.code === 200) {
+        dataForm.value.minioFileName = res.data[0]
+        // 重置当前验证
+        ElMessage.success('文件上传成功')
+      }
+      else {
+        ElMessage.error(res.message)
+      }
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+
+// 委托方代码获取焦点
+const customerNoFocus = () => {
+  visible.value = true
+  console.log(visible.value)
+}
+
+// 选好委托方
+const confirmCheckout = (val: Array<ICustomer>) => {
+  if (val && val.length) {
+    const getValue = val[0]
+    dataForm.value.customerNo = getValue.customerNo
+    dataForm.value.customerName = getValue.customerName
+    dataForm.value.phone = getValue.phone
+    dataForm.value.postalCode = getValue.postalCode
+    dataForm.value.companyAddress = getValue.briefName
+  }
+}
+
+// 控制选择委托方对话框显隐
+const changeVisible = (val: boolean) => {
+  visible.value = val
+}
+
+// 保存
+function saveForm(formEl: FormInstance | undefined) {
+  if (!formEl) { return }
+  formEl.validate((valid, fields) => {
+    if (valid) {
+      ElMessageBox.confirm(
+        '确认保存吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then(() => {
+        if (dataForm.value.id) {
+          updateSample(dataForm.value).then((res) => {
+            if (res.code === 200) {
+              dataForm.value.id = res.data.id
+              dataForm.value.customerNo = res.data.customerNo
+              ElMessage.success('已保存')
+              $router.go(-1)
+            }
+          })
+        }
+        else {
+          addSample(dataForm.value).then((res) => {
+            if (res.code === 200) {
+              dataForm.value.id = res.data.id
+              dataForm.value.customerNo = res.data.customerNo
+              ElMessage.success('已保存')
+              $router.go(-1)
+            }
+          })
+        }
+      })
+    }
+  })
+}
+
+// 提交表单
+function submitForm() {
+  if (dataForm.value.id) {
+    const params = {
+      id: dataForm.value.id,
+      formId: SCHEDULE.SUPPLIER_APPROVAL, // 表单id
+    }
+    addSample(params).then((res) => {
+      ElMessage.success('提交成功')
+      close()
+    })
+  }
+  else {
+    ElMessage.info('请先保存再提交！')
+  }
+}
+
+const getInfo = () => {
+  getSapmleDetail({ id: infoId.value }).then((res) => {
+    res.data = {
+      ABC: 'A',
+      companyAddress: '北京/北京市',
+      customerName: '京东集团',
+      customerNo: 'sygf202211290001',
+      id: '',
+      labelBind: '11222',
+      manufacturer: '北京某厂家',
+      manufacturerCountry: 'CN',
+      manufacturingDate: '2023-03',
+      manufacturingNo: '123121',
+      mesureCategory: 'jd',
+      mesureContent: '项目1',
+      mesurePeriod: '1',
+      mesureType: 'zj',
+      minioFileName: '小程序工期表-1117_1674961769128.xlsx',
+      phone: '950618',
+      postalCode: 'test',
+      remark: '无备注',
+      sampleModel: '型号1',
+      sampleName: '样品1',
+      sampleNo: '',
+      measureResultCode: 'bhg',
+    }
+    // dataForm.value = res.data
+    // dataForm.value.measureResult = mesureResultMap[dataForm.value.measureResultCode]
+    // for (const item of menu) {
+    //   item.searchFunc()
+    // }
+  })
+}
+
+// 非添加页面获取详情
+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'" type="primary" @click="saveForm(ruleFormRef)">
+          保存
+        </el-button>
+        <el-button type="info" @click="close">
+          关闭
+        </el-button>
+      </template>
+      <div id="form">
+        <el-form
+          ref="ruleFormRef"
+          :model="dataForm"
+          :label-width="120"
+          label-position="right"
+          :rules="rules"
+        >
+          <el-row :gutter="24">
+            <el-col :span="6">
+              <el-form-item label="样品编号:" prop="sampleNo">
+                <el-input
+                  v-model="dataForm.sampleNo"
+                  :placeholder="pageType === 'detail' ? '' : '系统自动生成'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="样品名称:" prop="sampleName">
+                <el-input
+                  v-model="dataForm.sampleName"
+                  :placeholder="pageType === 'detail' ? '' : '请输入样品名称'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col><el-col :span="6">
+              <el-form-item label="样品型号:" prop="sampleModel">
+                <el-input
+                  v-model="dataForm.sampleModel"
+                  :placeholder="pageType === 'detail' ? '' : '请输入样品型号'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="出厂编号:" prop="manufacturingNo">
+                <el-input
+                  v-model="dataForm.manufacturingNo"
+                  :placeholder="pageType === 'detail' ? '' : '请输入出厂编号'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="委托方代码" prop="customerNo">
+                <el-input
+                  v-model="dataForm.customerNo"
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方代码'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                  @focus="customerNoFocus"
+                >
+                  <template #suffix>
+                    <el-icon v-if="pageType !== 'detail'" class="el-input__icon">
+                      <search />
+                    </el-icon>
+                  </template>
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="委托方名称" prop="customerName">
+                <el-input
+                  v-model="dataForm.customerName"
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方名称'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="委托方电话" prop="phone">
+                <el-input
+                  v-model="dataForm.phone"
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方电话'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="委托方邮编" prop="postalCode">
+                <el-input
+                  v-model="dataForm.postalCode"
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方邮编'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="18">
+              <el-form-item label="委托方地址:" prop="companyAddress">
+                <el-input
+                  v-model="dataForm.companyAddress"
+                  type="textarea"
+                  autosize
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方地址'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="校检类别:">
+                <el-select
+                  v-model="dataForm.mesureCategory"
+                  :placeholder="pageType === 'detail' ? '' : '请选择校检类别'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                >
+                  <el-option v-for="item of mesureCategoryList" :key="item.value" :label="item.label" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="生产厂家:">
+                <el-input
+                  v-model="dataForm.manufacturer"
+                  :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-select
+                  v-model="dataForm.manufacturerCountry"
+                  :placeholder="pageType === 'detail' ? '' : '请选择厂家国别'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                >
+                  <el-option v-for="country of countryList" :key="country.code" :label="country.CNName" :value="country.code" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="出厂年月:">
+                <el-date-picker
+                  v-model="dataForm.manufacturingDate"
+                  type="month"
+                  format="YYYY-MM"
+                  value-format="YYYY-MM"
+                  class="full-width-input"
+                  :placeholder="pageType === 'detail' ? '' : '请输入出厂年月'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="ABC:">
+                <el-select
+                  v-model="dataForm.ABC"
+                  :placeholder="pageType === 'detail' ? '' : '请选择ABC'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                >
+                  <el-option v-for="item of ['A', 'B', 'C']" :key="item" :label="item" :value="item" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="检定周期（月）:" prop="mesurePeriod">
+                <el-input
+                  v-model="dataForm.mesurePeriod"
+                  :placeholder="pageType === 'detail' ? '' : '请输入检定周期'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="检定日期:">
+                <el-input
+                  v-model="dataForm.measureDate"
+                  :placeholder="pageType === 'detail' ? '' : '请输入检定日期'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="有效日期:">
+                <el-input
+                  v-model="dataForm.effectiveDate"
+                  :placeholder="pageType === 'detail' ? '' : '请输入有效日期'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="检定结果:">
+                <el-input
+                  v-model="dataForm.measureResult"
+                  :placeholder="pageType === 'detail' ? '' : '请选择检定结果'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="送检人:">
+                <el-input
+                  v-model="dataForm.deliverer"
+                  :placeholder="pageType === 'detail' ? '' : '请输入送检人'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="联系方式:">
+                <el-input
+                  v-model="dataForm.delivererTel"
+                  :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-select
+                  v-model="dataForm.mesureType"
+                  :placeholder="pageType === 'detail' ? '' : '请选择检定方式'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                >
+                  <el-option v-for="item of mesureTypeList" :key="item.value" :label="item.label" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="标签绑定:">
+                <el-input
+                  v-model="dataForm.labelBind"
+                  :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="12">
+              <el-form-item label="检定项目:" prop="mesureContent">
+                <el-input
+                  v-model="dataForm.mesureContent"
+                  :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="12">
+              <el-form-item label="备注:">
+                <el-input
+                  v-model="dataForm.remark"
+                  type="textarea"
+                  autosize
+                  :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="12">
+              <el-form-item label="说明书:">
+                <show-photo v-if="dataForm.minioFileName" :minio-file-name="dataForm.minioFileName" />
+                <span v-else-if="pageType === 'detail'">无</span>
+                <input v-show="pageType === ''" ref="fileRef" type="file" @change="onFileChange">
+                <el-button v-if="pageType !== 'detail'" id="file" type="primary" :disabled="pageType === 'detail'" :style="{ 'margin-left': dataForm.minioFileName === '' ? '0px' : '20px' }" @click="upload">
+                  {{ dataForm.minioFileName === '' ? '上传' : '更换附件' }}
+                </el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </detail-page>
+
+    <!-- 检定记录、检定证书 -->
+    <detail-block-switch v-if="pageType === 'detail'" :title="currentMenu">
+      <template #menu>
+        <el-radio-group v-model="currentMenu">
+          <el-radio-button v-for="item in menu" :key="item.name" :label="item.name">
+            {{ item.name }}
+          </el-radio-button>
+        </el-radio-group>
+      </template>
+      <template-table v-if="currentMenuObj" :columns="currentMenuObj.columns" :list="dataList[currentMenuObj.list]" :loading="false" :pagination="currentMenuObj.pagination" @change-page="currentMenuObj?.searchFunc" />
+    </detail-block-switch>
+
+    <!-- 选择委托方组件 -->
+    <sample-dialog v-model:visible="visible" @confirmCheckout="confirmCheckout" @changeVisible="changeVisible" />
   </app-container>
 </template>
 
 <style lang="scss" scoped>
 // 样式
 </style>
+
diff --git a/src/views/business/schedule/interchange/interchangeList.vue b/src/views/business/schedule/interchange/interchangeList.vue
index f65137f..5bb8865 100644
--- a/src/views/business/schedule/interchange/interchangeList.vue
+++ b/src/views/business/schedule/interchange/interchangeList.vue
@@ -1,13 +1,557 @@
 <script lang="ts" setup name="InterchangeList">
-// 设备交接单列表
+import type { Ref } from 'vue'
+import { getCurrentInstance, ref } from 'vue'
+import type { DateModelType } from 'element-plus'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IListQuery, IinterchangeList } from './interchange_interface'
+import ButtonBox from './buttonBox.vue'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import {
+  exportInterchangeList,
+  getInterChangeList,
+  interchangeListBack,
+  interchangeListComplete,
+  interchangeListDelete,
+  interchangeListReturn,
+  interchangeListTake,
+  interchangeListTerminate,
+  interchangeListUrge,
+} from '@/api/business/schedule'
+import { printJSON } from '@/utils/printUtils'
+
+const { proxy } = getCurrentInstance() as any
+const $router = useRouter()
+
+// 是否加急
+const isUrgentMap = [
+  { label: '全部', value: '0' },
+  { label: '是', value: '1' },
+  { label: '否', value: '2' },
+]
+
+// 样品属性
+const sampleAttrMap = [
+  { label: '全部', value: '0' },
+  { label: '客户样品', value: '1' },
+  { label: '自有设备', value: '2' },
+]
+
+const currentMenu = ref('taking') // buttonBox菜单选中项
+
+// 查询条件
+const listQuery: Ref<IListQuery> = ref({
+  sampleNo: '', // 样品编号
+  sampleName: '', // 样品名称
+  orderCode: '', // 委托书编号
+  customerId: '', // 委托方代码
+  startTime: '', // 预计送达开始时间
+  endTime: '', // 预计送达结束时间
+  isUrgent: '', // 是否加急
+  sampleAttr: '', // 样品属性
+  type: '',
+  offset: 1,
+  limit: 20,
+})
+const timeRange = ref<[DateModelType, DateModelType]>(['', ''])
+
+// 表头待收入
+const columnsTaking = ref<TableColumn[]>([
+  { text: '样品编号', value: 'sampleNo', width: '160', align: 'center' },
+  { text: '样品名称', value: 'sampleName', width: '120', align: 'center' },
+  { text: '型号', value: 'sampleModel', align: 'center' },
+  { text: '出厂编号', value: 'evaluationName', align: 'center' },
+  { text: '委托书编号', value: 'orderCode', align: 'center' },
+  { text: '委托方代码', value: 'customerId', align: 'center' },
+  { text: '委托方名称', value: 'customerName', align: 'center' },
+  { text: '送检人', value: 'deliverer', align: 'center' },
+  { text: '是否加急', value: 'isUrgent', align: 'center' },
+  { text: '样品属性', value: 'sampleAttr', align: 'center' },
+  { text: '预计送达时间', value: 'planDeliverTime', align: 'center' },
+])
+
+const columns = ref<TableColumn[]>([
+  { text: '样品编号', value: 'sampleNo', width: '160', align: 'center' },
+  { text: '样品名称', value: 'sampleName', width: '120', align: 'center' },
+  { text: '型号', value: 'sampleModel', align: 'center' },
+  { text: '出厂编号', value: 'evaluationName', align: 'center' },
+  { text: '委托书编号', value: 'orderCode', align: 'center' },
+  { text: '委托方代码', value: 'customerId', align: 'center' },
+  { text: '委托方名称', value: 'customerName', align: 'center' },
+  { text: '实际送达时间', value: 'deliverTime', align: 'center' },
+  { text: '要求检完时间', value: 'requireOverTime', align: 'center' },
+  { text: '是否加急', value: 'isUrgent', align: 'center' },
+  { text: '样品属性', value: 'sampleAttr', align: 'center' },
+  { text: '当前检定环节', value: 'currentDeliver', align: 'center' },
+  { text: '证书出具', value: 'Certifications', align: 'center' },
+])
+
+// 表格数据
+const list = ref<IinterchangeList[]>([])
+// 总数
+const total = ref(0)
+// 表格加载状态
+const loadingTable = ref(false)
+// 选中的内容
+const checkoutList = ref<string[]>([])
+// 数据查询
+function fetchData(isNowPage = false) {
+  // loadingTable.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    listQuery.value.offset = 1
+  }
+  listQuery.value.startTime = timeRange.value[0] as string || ''
+  listQuery.value.endTime = timeRange.value[1] as string || ''
+  listQuery.value.type = currentMenu.value
+  // getInterChangeList(listQuery.value).then((response) => {
+  //   response.data.rows = [
+  //     {
+  //       id: 'test',
+  //       sampleNo: 'test', // 样品编号
+  //       sampleName: 'test', // 样品名称
+  //       sampleModel: 'test', // 型号
+  //       evaluationName: 'test', // 出厂编号
+  //       orderCode: 'test', // 委托书编号
+  //       customerId: 'test', // 委托方代码
+  //       customerName: 'test', // 委托方名称
+  //       deliverer: 'test', // 送检人
+  //       isUrgent: 'test', // 是否加急
+  //       sampleAttr: 'test', // 样品属性
+  //       planDeliverTime: 'test', // 预计送达时间
+  //     }]
+  //   list.value = response.data.rows.map((item: IinterchangeList) => {
+  //     return {
+  //       ...item,
+  //       Certifications: item.currentCertifications === item.requireCertifications ? item.requireCertifications : (`${item.currentCertifications}/${item.requireCertifications}`),
+  //     }
+  //   })
+  //   total.value = parseInt(response.data.total)
+  //   loadingTable.value = false
+  // })
+  list.value = [
+    {
+      id: 'test',
+      sampleNo: 'test', // 样品编号
+      sampleName: 'test', // 样品名称
+      sampleModel: 'test', // 型号
+      evaluationName: 'test', // 出厂编号
+      orderCode: 'test', // 委托书编号
+      customerId: 'test', // 委托方代码
+      customerName: 'test', // 委托方名称
+      deliverer: 'test', // 送检人
+      isUrgent: '2', // 是否加急
+      sampleAttr: '1', // 样品属性
+      planDeliverTime: 'test', // 预计送达时间
+      deliverTime: 'test', // 实际送达时间
+      requireOverTime: 'test', // 要求检完时间
+      currentCertifications: '1', // 已出具证书总数
+      requireCertifications: '5', // 应出具证书总数
+      currentDeliver: 'test', // 当前检定环节
+    }].map((item: IinterchangeList) => {
+    return {
+      ...item,
+      Certifications: item.currentCertifications === item.requireCertifications ? item.requireCertifications : (`${item.currentCertifications}/${item.requireCertifications}`),
+    }
+  })
+}
+
+// 点击搜索
+const searchList = () => {
+  fetchData(true)
+}
+// 点击重置
+const clearList = () => {
+  listQuery.value = {
+    sampleNo: '', // 样品编号
+    sampleName: '', // 样品名称
+    orderCode: '', // 委托书编号
+    customerId: '', // 委托方代码
+    startTime: '', // 预计送达开始时间
+    endTime: '', // 预计送达结束时间
+    isUrgent: '', // 是否加急
+    sampleAttr: '', // 样品属性
+    offset: 1,
+    limit: 20,
+  }
+  timeRange.value = ['', '']
+}
+
+// 多选发生改变时
+function handleSelectionChange(e: any) {
+  checkoutList.value = e.map((item: { id: string }) => item.id)
+}
+
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+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)
+}
+
+// 监听buttonBox切换
+const changeCurrentButton = (val: string) => {
+  currentMenu.value = val
+  console.log(currentMenu.value)
+
+  fetchData(true)
+}
+
+// 点击扫描收入
+const scanTake = () => {}
+// 点击扫描结束检定
+const scanOver = () => {}
+// 点击扫描归还
+const scanReturn = () => {}
+// 点击标签绑定
+const scan = () => {}
+
+// 导出
+const exportAll = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: '下载中请稍后',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (list.value.length > 0) {
+    const params = {
+      sampleNo: listQuery.value.sampleNo, // 样品编号
+      sampleName: listQuery.value.sampleName, // 样品名称
+      orderCode: listQuery.value.orderCode, // 委托书编号
+      customerId: listQuery.value.customerId, // 委托方代码
+      startTime: listQuery.value.startTime, // 预计送达开始时间
+      endTime: listQuery.value.endTime, // 预计送达结束时间
+      isUrgent: listQuery.value.isUrgent, // 是否加急
+      sampleAttr: listQuery.value.sampleAttr, // 样品属性
+      type: currentMenu.value,
+      ids: checkoutList.value,
+    }
+    exportInterchangeList(params).then((res) => {
+      const blob = new Blob([res.data])
+      exportFile(blob, '设备收发列表.xlsx')
+    })
+  }
+  else {
+    ElMessage.warning('无数据可导出数据')
+  }
+  loading.close()
+}
+
+// 操作
+const handleEdit = (row: IinterchangeList, type: string, title: string) => {
+  ElMessageBox.confirm(
+    `确认${title}吗？`,
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  )
+    .then(() => {
+      if (type === 'take') { // 收入
+        interchangeListTake({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'delete') { // 删除
+        interchangeListDelete({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'complete') { // 完成
+        interchangeListComplete({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'back') { // 回退
+        interchangeListBack({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'return') { // 归还
+        interchangeListReturn({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'urge') { // 催办
+        interchangeListUrge({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'terminate') { // 终止
+        interchangeListTerminate({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+    })
+}
+
+// 打印列表
+function printList() {
+  // 打印列
+  let column = columnsTaking.value
+  if (currentMenu.value === 'taking') {
+    column = columns.value
+  }
+  const properties = column.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: IinterchangeList) => checkoutList.value.includes(item.id))
+    printJSON(printList, properties, '设备收发列表')
+  }
+  else {
+    ElMessage.warning('无可打印内容')
+  }
+}
+
+// 点击编辑或详情
+const goEdit = (row: IinterchangeList, pageType: 'edit' | 'detail') => {
+  $router.push(`/schedule/interchange/${pageType}/${row.sampleNo}`)
+}
+
+fetchData(true)
 </script>
 
 <template>
   <app-container>
-    设备收发
+    <search-area
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.sampleNo"
+          placeholder="样品编号"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.sampleName"
+          placeholder="样品名称"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.orderCode"
+          placeholder="委托书编号"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.customerId"
+          placeholder="委托方代码"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <search-item>
+          <el-date-picker
+            v-model="timeRange"
+            type="datetimerange"
+            range-separator="到"
+            format="YYYY/MM/DD"
+            value-format="YYYY-MM-DD"
+            start-placeholder="预计送达开始时间"
+            end-placeholder="预计送达结束时间"
+          />
+        </search-item>
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.isUrgent" placeholder="是否加急" style="width: 120px;" clearable>
+          <el-option
+            v-for="item in isUrgentMap"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.sampleAttr" placeholder="样品属性" style="width: 120px;" clearable>
+          <el-option
+            v-for="item in sampleAttrMap"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </search-item>
+    </search-area>
+    <table-container>
+      <template #btns-right>
+        <icon-button v-if="proxy.hasPerm('/schedule/interchangeList/scanTake') && currentMenu === 'taking'" icon="icon-device" title="扫描收入" type="primary" @click="scanTake" />
+        <icon-button v-if="proxy.hasPerm('/schedule/interchangeList/scanOver') && (currentMenu === 'took' || currentMenu === 'overtime') " icon="icon-device" title="扫描结束检定" type="primary" @click="scanOver" />
+        <icon-button v-if="proxy.hasPerm('/schedule/interchangeList/scanReturn') && currentMenu === 'returning'" icon="icon-device" title="扫描归还" type="primary" @click="scanReturn" />
+        <icon-button v-if="proxy.hasPerm('/sample/list/export')" icon="icon-export" title="导出" type="primary" @click="exportAll" />
+        <icon-button v-if="proxy.hasPerm('/sample/list/print')" icon="icon-print" title="打印" type="primary" @click="printList" />
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="currentMenu === 'taking' ? columnsTaking : columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multi-select="handleSelectionChange"
+      >
+        <template #columns>
+          <el-table-column label="操作" align="center" width="220">
+            <template #default="{ row }">
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/edit') && currentMenu === 'taking'"
+                size="small"
+                type="primary"
+                link
+                @click="goEdit(row, 'edit')"
+              >
+                编辑
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="goEdit(row, 'detail')"
+              >
+                详情
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/tagBinding') && (currentMenu === 'taking' || currentMenu === 'took' || currentMenu === 'returning')"
+                size="small"
+                link
+                type="primary"
+                @click="scan()"
+              >
+                标签绑定
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/take') && currentMenu === 'taking'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'take', '收入')"
+              >
+                收入
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/delete') && currentMenu === 'taking'"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row, 'delete', '删除')"
+              >
+                删除
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/complete') && currentMenu === 'took'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'complete', '完成')"
+              >
+                完成
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/return') && currentMenu === 'returning'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'return', '归还')"
+              >
+                归还
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/back') && (currentMenu === 'returning' || currentMenu === 'took' || currentMenu === 'returned')"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'back', '回退')"
+              >
+                回退
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/urge') && currentMenu === 'overtime'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'urge', '催办')"
+              >
+                催办
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/terminate') && (currentMenu === 'took' || currentMenu === 'overtime')"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'terminate', '终止')"
+              >
+                终止
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box @changeCurrentButton="changeCurrentButton" />
   </app-container>
 </template>
 
 <style lang="scss" scoped>
-// 样式
+.short-input {
+  width: 160px;
+}
 </style>

diff --git a/src/api/business/schedule.ts b/src/api/business/schedule.ts
new file mode 100644
index 0000000..f5b4569
--- /dev/null
+++ b/src/api/business/schedule.ts
@@ -0,0 +1,89 @@
+/**
+ * 设备收发接口
+*/
+import request from '../index'
+import type { IListQuery } from '@/views/business/schedule/interchange/interchange_interface'
+const prefix = '/meter'
+
+// 列表查询
+export function getInterChangeList(data: IListQuery) {
+  return request({
+    url: `${prefix}/schedule/interChange/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 导出列表
+export function exportInterchangeList(data: Omit<IListQuery, 'limit' | 'offset'>) {
+  return request({
+    url: `${prefix}/schedule/interChange/listExport`,
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
+
+// 根据样品id收入
+export function interchangeListTake(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/take`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id删除
+export function interchangeListDelete(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/delete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id完成
+export function interchangeListComplete(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/complete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id回退
+export function interchangeListBack(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/back`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id归还
+export function interchangeListReturn(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/return`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id催办
+export function interchangeListUrge(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/urge`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id终止
+export function interchangeListTerminate(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/terminate`,
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/views/business/schedule/interchange/buttonBox.vue b/src/views/business/schedule/interchange/buttonBox.vue
new file mode 100644
index 0000000..dc864bd
--- /dev/null
+++ b/src/views/business/schedule/interchange/buttonBox.vue
@@ -0,0 +1,45 @@
+<script lang="ts" setup name="ButtonBox">
+import { DefaultProps } from 'element-plus'
+import { ref } from 'vue'
+const emits = defineEmits(['changeCurrentButton'])
+// 按钮菜单
+const menu = [
+  { name: '待收入', id: 'taking' },
+  { name: '已收入', id: 'took' },
+  { name: '待归还', id: 'returning' },
+  { name: '已归还', id: 'returned' },
+  { name: '已超期', id: 'overtime' },
+]
+const current = ref('taking')
+watch(current, (newValue) => {
+  emits('changeCurrentButton', newValue)
+})
+</script>
+
+<template>
+  <div class="container">
+    <div class="btns">
+      <!-- 三级菜单 -->
+      <el-radio-group v-model="current">
+        <el-radio-button v-for="item in menu" :key="item.id" :label="item.id">
+          {{ item.name }}
+        </el-radio-button>
+      </el-radio-group>
+    </div>
+    <!-- 展示区域 -->
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  position: relative;
+
+  .btns {
+    position: fixed;
+    top: 76px;
+    right: 15px;
+    z-index: 999;
+  }
+}
+</style>
+
diff --git a/src/views/business/schedule/interchange/interchangeEdit.vue b/src/views/business/schedule/interchange/interchangeEdit.vue
index 8c9b87c..67066a8 100644
--- a/src/views/business/schedule/interchange/interchangeEdit.vue
+++ b/src/views/business/schedule/interchange/interchangeEdit.vue
@@ -1,13 +1,712 @@
+<!-- 新建、编辑、详情 -->
 <script lang="ts" setup name="InterchangeEdit">
-// 设备交接单编辑
+import type { Ref } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, UploadUserFile } from 'element-plus'
+import { ref } from 'vue'
+import { Calendar, Search } from '@element-plus/icons-vue'
+import type { ISampleDetail, Menu, SimpleCertification, SimpleMeasureRecord } from './interchange_interface'
+import sampleDialog from '@/views/customer/sample/list/sampleDialog.vue'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+import { SCHEDULE } from '@/utils/scheduleDict'
+import TemplateTable from '@/views/customer/customerInfo/templateTable.vue'
+import { addSample, getSapmleDetail, updateSample } from '@/api/customer/sampleList'
+import countries from '@/components/AddressSelect/country-code.json'
+import { UploadFile } from '@/api/measure/file'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import type { ICustomer } from '@/views/customer/customerInfo/customer_interface'
+
+const textMap: { [key: string]: string } = {
+  edit: '编辑',
+  add: '新建',
+  detail: '详情',
+}// 字典
+const pageType = ref('add') // 页面类型: add, edit, detail
+const countryList = ref(countries) // 国家列表
+const loading = ref(false) // 表单加载状态
+const infoId = ref('') // id
+const visible = ref(false) // 控制对话框显隐
+const mesureCategoryMap: { [key: string]: string } = {
+  edit: '编辑',
+  add: '新建',
+  detail: '详情',
+}// 字典
+const mesureCategoryList = [
+  {
+    label: '检定',
+    value: 'jd',
+  },
+  {
+    label: '检测',
+    value: 'jc',
+  },
+  {
+    label: '验收检定',
+    value: 'ysjd',
+  },
+  {
+    label: '抽检',
+    value: 'cj',
+  },
+  {
+    label: '校准',
+    value: 'jz',
+  },
+  {
+    label: '测试',
+    value: 'cs',
+  },
+  {
+    label: '验收校准',
+    value: 'ysjz',
+  },
+]// 校检类别
+const mesureResultList = [
+  {
+    label: '合格',
+    value: 'hg',
+  },
+  {
+    label: '修后合格',
+    value: 'xhhg',
+  },
+  {
+    label: '限用',
+    value: 'xy',
+  },
+  {
+    label: '准用',
+    value: 'zy',
+  },
+  {
+    label: '不合格',
+    value: 'bhg',
+  },
+  {
+    label: '漏检',
+    value: 'lj',
+  },
+  {
+    label: '逾期未检定',
+    value: 'yqwjd',
+  },
+]// 检定结果
+const mesureResultMap = {
+  hg: '合格',
+  xhhg: '修后合格',
+  xy: '限用',
+  zy: '准用',
+  bhg: '不合格',
+  lj: '漏检',
+  yqwjd: '逾期未检定',
+}// 检定结果字典
+const mesureTypeList = [
+  {
+    label: '自检',
+    value: 'zj',
+  },
+  {
+    label: '外包',
+    value: 'wb',
+  },
+]// 检定方式
+const dataForm: Ref<ISampleDetail> = ref({
+  id: '',
+  sampleNo: '', // 样品编号
+  sampleName: '', // 样品名称
+  sampleModel: '', // 样品型号
+  manufacturingNo: '', // 出厂编号
+  customerNo: '', // 委托方代码
+  customerName: '', // 委托方名称
+  phone: '', // 委托方电话
+  postalCode: '', // 委托方邮编
+  companyAddress: '', // 委托方地址
+  mesureCategory: '', // 检校类别
+  manufacturer: '', // 生产厂家
+  manufacturerCountry: '', // 厂家国别
+  manufacturingDate: '', // 出厂年月
+  ABC: '', // ABC
+  // deliverer: '', // 送检人
+  // delivererTel: '', // 送检人联系方式
+  mesureContent: '', // 检定项目
+  mesurePeriod: '', // 检定周期
+  remark: '', // 备注
+  minioFileName: '', // 说明书
+  labelBind: '', // 标签绑定
+  mesureType: '', // 检定方式
+})
+const ruleFormRef = ref<FormInstance>()
+
+// 自定义校验规则--检定周期为正整数
+const validateMesurePeriod = (rule: any, value: any, callback: any) => {
+  if (value === '') {
+    callback()
+  }
+  else if (!(/(^[1-9]\d*$)/.test(value))) {
+    callback(new Error('请输入一个正整数'))
+  }
+  else {
+    callback()
+  }
+}
+
+// 校验规则
+const rules = ref({
+  sampleName: [{ required: true, message: '样品名称不能为空', trigger: 'blur' }],
+  sampleModel: [{ required: true, message: '样品型号不能为空', trigger: 'blur' }],
+  manufacturingNo: [{ required: true, message: '出厂编号不能为空', trigger: 'blur' }],
+  customerNo: [{ required: true, message: '委托方代码不能为空', trigger: 'change' }],
+  customerName: [{ required: true, message: '委托方名称不能为空', trigger: 'blur' }],
+  phone: [{ required: true, message: '委托方电话不能为空', trigger: 'blur' }],
+  postalCode: [{ required: true, message: '委托方邮编不能为空', trigger: 'blur' }],
+  companyAddress: [{ required: true, message: '委托方地址不能为空', trigger: 'blur' }],
+  mesureContent: [{ required: true, message: '检定项目不能为空', trigger: 'blur' }],
+  mesurePeriod: [{ validator: validateMesurePeriod, trigger: 'blur' }],
+}) // 表单验证规则
+
+// 其他关联数据列表
+const dataList = ref({
+  measureRecords: [] as SimpleMeasureRecord[],
+  certificationRecords: [] as SimpleCertification[],
+})
+
+// 获取检定记录
+const fetchMeasureRecords = function (query = null) {
+  dataList.value.measureRecords = []
+}
+// 获取检定证书
+const fetchCertifications = function (query = null) {
+  dataList.value.certificationRecords = []
+}
+
+// 菜单
+const menu: Menu[] = [
+  {
+    name: '检定记录',
+    columns: [
+      { text: '委托单编号', value: 'orderCode' },
+      { text: '委托单日期', value: 'orderTime' },
+      { text: '委托方代码', value: 'customerCode' },
+      { text: '委托方名称', value: 'customerName' },
+      { text: '送检人', value: 'deliverer' },
+      { text: '送检日期', value: 'deliverTime' },
+    ],
+    list: 'measureRecords',
+    pagination: true,
+    searchFunc: fetchMeasureRecords,
+  },
+  {
+    name: '检定证书',
+    columns: [
+      { text: '证书编号', value: 'certificationCode' },
+      { text: '证书名称', value: 'certificationName' },
+      { text: '证书类型', value: 'certificationType' },
+      { text: '证书出具日期', value: 'effectiveDate' },
+      { text: '证书有效期', value: 'expirationDate' },
+    ],
+    list: 'certificationRecords',
+    pagination: true,
+    searchFunc: fetchCertifications,
+  },
+]
+
+const currentMenu = ref('检定记录')
+const currentMenuObj = computed(() => {
+  return menu.find(item => item.name === currentMenu.value)
+})
+
+// 从路由中获取页面类型参数
+const $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 $router = useRouter()
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+
+// 打印表单
+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: '',
+})
+
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  // 原生上传
+  console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    UploadFile(fd).then((res) => {
+      if (res.code === 200) {
+        dataForm.value.minioFileName = res.data[0]
+        // 重置当前验证
+        ElMessage.success('文件上传成功')
+      }
+      else {
+        ElMessage.error(res.message)
+      }
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+
+// 委托方代码获取焦点
+const customerNoFocus = () => {
+  visible.value = true
+  console.log(visible.value)
+}
+
+// 选好委托方
+const confirmCheckout = (val: Array<ICustomer>) => {
+  if (val && val.length) {
+    const getValue = val[0]
+    dataForm.value.customerNo = getValue.customerNo
+    dataForm.value.customerName = getValue.customerName
+    dataForm.value.phone = getValue.phone
+    dataForm.value.postalCode = getValue.postalCode
+    dataForm.value.companyAddress = getValue.briefName
+  }
+}
+
+// 控制选择委托方对话框显隐
+const changeVisible = (val: boolean) => {
+  visible.value = val
+}
+
+// 保存
+function saveForm(formEl: FormInstance | undefined) {
+  if (!formEl) { return }
+  formEl.validate((valid, fields) => {
+    if (valid) {
+      ElMessageBox.confirm(
+        '确认保存吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then(() => {
+        if (dataForm.value.id) {
+          updateSample(dataForm.value).then((res) => {
+            if (res.code === 200) {
+              dataForm.value.id = res.data.id
+              dataForm.value.customerNo = res.data.customerNo
+              ElMessage.success('已保存')
+              $router.go(-1)
+            }
+          })
+        }
+        else {
+          addSample(dataForm.value).then((res) => {
+            if (res.code === 200) {
+              dataForm.value.id = res.data.id
+              dataForm.value.customerNo = res.data.customerNo
+              ElMessage.success('已保存')
+              $router.go(-1)
+            }
+          })
+        }
+      })
+    }
+  })
+}
+
+// 提交表单
+function submitForm() {
+  if (dataForm.value.id) {
+    const params = {
+      id: dataForm.value.id,
+      formId: SCHEDULE.SUPPLIER_APPROVAL, // 表单id
+    }
+    addSample(params).then((res) => {
+      ElMessage.success('提交成功')
+      close()
+    })
+  }
+  else {
+    ElMessage.info('请先保存再提交！')
+  }
+}
+
+const getInfo = () => {
+  getSapmleDetail({ id: infoId.value }).then((res) => {
+    res.data = {
+      ABC: 'A',
+      companyAddress: '北京/北京市',
+      customerName: '京东集团',
+      customerNo: 'sygf202211290001',
+      id: '',
+      labelBind: '11222',
+      manufacturer: '北京某厂家',
+      manufacturerCountry: 'CN',
+      manufacturingDate: '2023-03',
+      manufacturingNo: '123121',
+      mesureCategory: 'jd',
+      mesureContent: '项目1',
+      mesurePeriod: '1',
+      mesureType: 'zj',
+      minioFileName: '小程序工期表-1117_1674961769128.xlsx',
+      phone: '950618',
+      postalCode: 'test',
+      remark: '无备注',
+      sampleModel: '型号1',
+      sampleName: '样品1',
+      sampleNo: '',
+      measureResultCode: 'bhg',
+    }
+    // dataForm.value = res.data
+    // dataForm.value.measureResult = mesureResultMap[dataForm.value.measureResultCode]
+    // for (const item of menu) {
+    //   item.searchFunc()
+    // }
+  })
+}
+
+// 非添加页面获取详情
+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'" type="primary" @click="saveForm(ruleFormRef)">
+          保存
+        </el-button>
+        <el-button type="info" @click="close">
+          关闭
+        </el-button>
+      </template>
+      <div id="form">
+        <el-form
+          ref="ruleFormRef"
+          :model="dataForm"
+          :label-width="120"
+          label-position="right"
+          :rules="rules"
+        >
+          <el-row :gutter="24">
+            <el-col :span="6">
+              <el-form-item label="样品编号:" prop="sampleNo">
+                <el-input
+                  v-model="dataForm.sampleNo"
+                  :placeholder="pageType === 'detail' ? '' : '系统自动生成'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="样品名称:" prop="sampleName">
+                <el-input
+                  v-model="dataForm.sampleName"
+                  :placeholder="pageType === 'detail' ? '' : '请输入样品名称'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col><el-col :span="6">
+              <el-form-item label="样品型号:" prop="sampleModel">
+                <el-input
+                  v-model="dataForm.sampleModel"
+                  :placeholder="pageType === 'detail' ? '' : '请输入样品型号'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="出厂编号:" prop="manufacturingNo">
+                <el-input
+                  v-model="dataForm.manufacturingNo"
+                  :placeholder="pageType === 'detail' ? '' : '请输入出厂编号'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="委托方代码" prop="customerNo">
+                <el-input
+                  v-model="dataForm.customerNo"
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方代码'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                  @focus="customerNoFocus"
+                >
+                  <template #suffix>
+                    <el-icon v-if="pageType !== 'detail'" class="el-input__icon">
+                      <search />
+                    </el-icon>
+                  </template>
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="委托方名称" prop="customerName">
+                <el-input
+                  v-model="dataForm.customerName"
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方名称'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="委托方电话" prop="phone">
+                <el-input
+                  v-model="dataForm.phone"
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方电话'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="委托方邮编" prop="postalCode">
+                <el-input
+                  v-model="dataForm.postalCode"
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方邮编'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="18">
+              <el-form-item label="委托方地址:" prop="companyAddress">
+                <el-input
+                  v-model="dataForm.companyAddress"
+                  type="textarea"
+                  autosize
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方地址'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="校检类别:">
+                <el-select
+                  v-model="dataForm.mesureCategory"
+                  :placeholder="pageType === 'detail' ? '' : '请选择校检类别'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                >
+                  <el-option v-for="item of mesureCategoryList" :key="item.value" :label="item.label" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="生产厂家:">
+                <el-input
+                  v-model="dataForm.manufacturer"
+                  :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-select
+                  v-model="dataForm.manufacturerCountry"
+                  :placeholder="pageType === 'detail' ? '' : '请选择厂家国别'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                >
+                  <el-option v-for="country of countryList" :key="country.code" :label="country.CNName" :value="country.code" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="出厂年月:">
+                <el-date-picker
+                  v-model="dataForm.manufacturingDate"
+                  type="month"
+                  format="YYYY-MM"
+                  value-format="YYYY-MM"
+                  class="full-width-input"
+                  :placeholder="pageType === 'detail' ? '' : '请输入出厂年月'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="ABC:">
+                <el-select
+                  v-model="dataForm.ABC"
+                  :placeholder="pageType === 'detail' ? '' : '请选择ABC'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                >
+                  <el-option v-for="item of ['A', 'B', 'C']" :key="item" :label="item" :value="item" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="检定周期（月）:" prop="mesurePeriod">
+                <el-input
+                  v-model="dataForm.mesurePeriod"
+                  :placeholder="pageType === 'detail' ? '' : '请输入检定周期'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="检定日期:">
+                <el-input
+                  v-model="dataForm.measureDate"
+                  :placeholder="pageType === 'detail' ? '' : '请输入检定日期'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="有效日期:">
+                <el-input
+                  v-model="dataForm.effectiveDate"
+                  :placeholder="pageType === 'detail' ? '' : '请输入有效日期'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="检定结果:">
+                <el-input
+                  v-model="dataForm.measureResult"
+                  :placeholder="pageType === 'detail' ? '' : '请选择检定结果'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="送检人:">
+                <el-input
+                  v-model="dataForm.deliverer"
+                  :placeholder="pageType === 'detail' ? '' : '请输入送检人'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="联系方式:">
+                <el-input
+                  v-model="dataForm.delivererTel"
+                  :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-select
+                  v-model="dataForm.mesureType"
+                  :placeholder="pageType === 'detail' ? '' : '请选择检定方式'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                >
+                  <el-option v-for="item of mesureTypeList" :key="item.value" :label="item.label" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="标签绑定:">
+                <el-input
+                  v-model="dataForm.labelBind"
+                  :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="12">
+              <el-form-item label="检定项目:" prop="mesureContent">
+                <el-input
+                  v-model="dataForm.mesureContent"
+                  :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="12">
+              <el-form-item label="备注:">
+                <el-input
+                  v-model="dataForm.remark"
+                  type="textarea"
+                  autosize
+                  :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="12">
+              <el-form-item label="说明书:">
+                <show-photo v-if="dataForm.minioFileName" :minio-file-name="dataForm.minioFileName" />
+                <span v-else-if="pageType === 'detail'">无</span>
+                <input v-show="pageType === ''" ref="fileRef" type="file" @change="onFileChange">
+                <el-button v-if="pageType !== 'detail'" id="file" type="primary" :disabled="pageType === 'detail'" :style="{ 'margin-left': dataForm.minioFileName === '' ? '0px' : '20px' }" @click="upload">
+                  {{ dataForm.minioFileName === '' ? '上传' : '更换附件' }}
+                </el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </detail-page>
+
+    <!-- 检定记录、检定证书 -->
+    <detail-block-switch v-if="pageType === 'detail'" :title="currentMenu">
+      <template #menu>
+        <el-radio-group v-model="currentMenu">
+          <el-radio-button v-for="item in menu" :key="item.name" :label="item.name">
+            {{ item.name }}
+          </el-radio-button>
+        </el-radio-group>
+      </template>
+      <template-table v-if="currentMenuObj" :columns="currentMenuObj.columns" :list="dataList[currentMenuObj.list]" :loading="false" :pagination="currentMenuObj.pagination" @change-page="currentMenuObj?.searchFunc" />
+    </detail-block-switch>
+
+    <!-- 选择委托方组件 -->
+    <sample-dialog v-model:visible="visible" @confirmCheckout="confirmCheckout" @changeVisible="changeVisible" />
   </app-container>
 </template>
 
 <style lang="scss" scoped>
 // 样式
 </style>
+
diff --git a/src/views/business/schedule/interchange/interchangeList.vue b/src/views/business/schedule/interchange/interchangeList.vue
index f65137f..5bb8865 100644
--- a/src/views/business/schedule/interchange/interchangeList.vue
+++ b/src/views/business/schedule/interchange/interchangeList.vue
@@ -1,13 +1,557 @@
 <script lang="ts" setup name="InterchangeList">
-// 设备交接单列表
+import type { Ref } from 'vue'
+import { getCurrentInstance, ref } from 'vue'
+import type { DateModelType } from 'element-plus'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IListQuery, IinterchangeList } from './interchange_interface'
+import ButtonBox from './buttonBox.vue'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import {
+  exportInterchangeList,
+  getInterChangeList,
+  interchangeListBack,
+  interchangeListComplete,
+  interchangeListDelete,
+  interchangeListReturn,
+  interchangeListTake,
+  interchangeListTerminate,
+  interchangeListUrge,
+} from '@/api/business/schedule'
+import { printJSON } from '@/utils/printUtils'
+
+const { proxy } = getCurrentInstance() as any
+const $router = useRouter()
+
+// 是否加急
+const isUrgentMap = [
+  { label: '全部', value: '0' },
+  { label: '是', value: '1' },
+  { label: '否', value: '2' },
+]
+
+// 样品属性
+const sampleAttrMap = [
+  { label: '全部', value: '0' },
+  { label: '客户样品', value: '1' },
+  { label: '自有设备', value: '2' },
+]
+
+const currentMenu = ref('taking') // buttonBox菜单选中项
+
+// 查询条件
+const listQuery: Ref<IListQuery> = ref({
+  sampleNo: '', // 样品编号
+  sampleName: '', // 样品名称
+  orderCode: '', // 委托书编号
+  customerId: '', // 委托方代码
+  startTime: '', // 预计送达开始时间
+  endTime: '', // 预计送达结束时间
+  isUrgent: '', // 是否加急
+  sampleAttr: '', // 样品属性
+  type: '',
+  offset: 1,
+  limit: 20,
+})
+const timeRange = ref<[DateModelType, DateModelType]>(['', ''])
+
+// 表头待收入
+const columnsTaking = ref<TableColumn[]>([
+  { text: '样品编号', value: 'sampleNo', width: '160', align: 'center' },
+  { text: '样品名称', value: 'sampleName', width: '120', align: 'center' },
+  { text: '型号', value: 'sampleModel', align: 'center' },
+  { text: '出厂编号', value: 'evaluationName', align: 'center' },
+  { text: '委托书编号', value: 'orderCode', align: 'center' },
+  { text: '委托方代码', value: 'customerId', align: 'center' },
+  { text: '委托方名称', value: 'customerName', align: 'center' },
+  { text: '送检人', value: 'deliverer', align: 'center' },
+  { text: '是否加急', value: 'isUrgent', align: 'center' },
+  { text: '样品属性', value: 'sampleAttr', align: 'center' },
+  { text: '预计送达时间', value: 'planDeliverTime', align: 'center' },
+])
+
+const columns = ref<TableColumn[]>([
+  { text: '样品编号', value: 'sampleNo', width: '160', align: 'center' },
+  { text: '样品名称', value: 'sampleName', width: '120', align: 'center' },
+  { text: '型号', value: 'sampleModel', align: 'center' },
+  { text: '出厂编号', value: 'evaluationName', align: 'center' },
+  { text: '委托书编号', value: 'orderCode', align: 'center' },
+  { text: '委托方代码', value: 'customerId', align: 'center' },
+  { text: '委托方名称', value: 'customerName', align: 'center' },
+  { text: '实际送达时间', value: 'deliverTime', align: 'center' },
+  { text: '要求检完时间', value: 'requireOverTime', align: 'center' },
+  { text: '是否加急', value: 'isUrgent', align: 'center' },
+  { text: '样品属性', value: 'sampleAttr', align: 'center' },
+  { text: '当前检定环节', value: 'currentDeliver', align: 'center' },
+  { text: '证书出具', value: 'Certifications', align: 'center' },
+])
+
+// 表格数据
+const list = ref<IinterchangeList[]>([])
+// 总数
+const total = ref(0)
+// 表格加载状态
+const loadingTable = ref(false)
+// 选中的内容
+const checkoutList = ref<string[]>([])
+// 数据查询
+function fetchData(isNowPage = false) {
+  // loadingTable.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    listQuery.value.offset = 1
+  }
+  listQuery.value.startTime = timeRange.value[0] as string || ''
+  listQuery.value.endTime = timeRange.value[1] as string || ''
+  listQuery.value.type = currentMenu.value
+  // getInterChangeList(listQuery.value).then((response) => {
+  //   response.data.rows = [
+  //     {
+  //       id: 'test',
+  //       sampleNo: 'test', // 样品编号
+  //       sampleName: 'test', // 样品名称
+  //       sampleModel: 'test', // 型号
+  //       evaluationName: 'test', // 出厂编号
+  //       orderCode: 'test', // 委托书编号
+  //       customerId: 'test', // 委托方代码
+  //       customerName: 'test', // 委托方名称
+  //       deliverer: 'test', // 送检人
+  //       isUrgent: 'test', // 是否加急
+  //       sampleAttr: 'test', // 样品属性
+  //       planDeliverTime: 'test', // 预计送达时间
+  //     }]
+  //   list.value = response.data.rows.map((item: IinterchangeList) => {
+  //     return {
+  //       ...item,
+  //       Certifications: item.currentCertifications === item.requireCertifications ? item.requireCertifications : (`${item.currentCertifications}/${item.requireCertifications}`),
+  //     }
+  //   })
+  //   total.value = parseInt(response.data.total)
+  //   loadingTable.value = false
+  // })
+  list.value = [
+    {
+      id: 'test',
+      sampleNo: 'test', // 样品编号
+      sampleName: 'test', // 样品名称
+      sampleModel: 'test', // 型号
+      evaluationName: 'test', // 出厂编号
+      orderCode: 'test', // 委托书编号
+      customerId: 'test', // 委托方代码
+      customerName: 'test', // 委托方名称
+      deliverer: 'test', // 送检人
+      isUrgent: '2', // 是否加急
+      sampleAttr: '1', // 样品属性
+      planDeliverTime: 'test', // 预计送达时间
+      deliverTime: 'test', // 实际送达时间
+      requireOverTime: 'test', // 要求检完时间
+      currentCertifications: '1', // 已出具证书总数
+      requireCertifications: '5', // 应出具证书总数
+      currentDeliver: 'test', // 当前检定环节
+    }].map((item: IinterchangeList) => {
+    return {
+      ...item,
+      Certifications: item.currentCertifications === item.requireCertifications ? item.requireCertifications : (`${item.currentCertifications}/${item.requireCertifications}`),
+    }
+  })
+}
+
+// 点击搜索
+const searchList = () => {
+  fetchData(true)
+}
+// 点击重置
+const clearList = () => {
+  listQuery.value = {
+    sampleNo: '', // 样品编号
+    sampleName: '', // 样品名称
+    orderCode: '', // 委托书编号
+    customerId: '', // 委托方代码
+    startTime: '', // 预计送达开始时间
+    endTime: '', // 预计送达结束时间
+    isUrgent: '', // 是否加急
+    sampleAttr: '', // 样品属性
+    offset: 1,
+    limit: 20,
+  }
+  timeRange.value = ['', '']
+}
+
+// 多选发生改变时
+function handleSelectionChange(e: any) {
+  checkoutList.value = e.map((item: { id: string }) => item.id)
+}
+
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+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)
+}
+
+// 监听buttonBox切换
+const changeCurrentButton = (val: string) => {
+  currentMenu.value = val
+  console.log(currentMenu.value)
+
+  fetchData(true)
+}
+
+// 点击扫描收入
+const scanTake = () => {}
+// 点击扫描结束检定
+const scanOver = () => {}
+// 点击扫描归还
+const scanReturn = () => {}
+// 点击标签绑定
+const scan = () => {}
+
+// 导出
+const exportAll = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: '下载中请稍后',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (list.value.length > 0) {
+    const params = {
+      sampleNo: listQuery.value.sampleNo, // 样品编号
+      sampleName: listQuery.value.sampleName, // 样品名称
+      orderCode: listQuery.value.orderCode, // 委托书编号
+      customerId: listQuery.value.customerId, // 委托方代码
+      startTime: listQuery.value.startTime, // 预计送达开始时间
+      endTime: listQuery.value.endTime, // 预计送达结束时间
+      isUrgent: listQuery.value.isUrgent, // 是否加急
+      sampleAttr: listQuery.value.sampleAttr, // 样品属性
+      type: currentMenu.value,
+      ids: checkoutList.value,
+    }
+    exportInterchangeList(params).then((res) => {
+      const blob = new Blob([res.data])
+      exportFile(blob, '设备收发列表.xlsx')
+    })
+  }
+  else {
+    ElMessage.warning('无数据可导出数据')
+  }
+  loading.close()
+}
+
+// 操作
+const handleEdit = (row: IinterchangeList, type: string, title: string) => {
+  ElMessageBox.confirm(
+    `确认${title}吗？`,
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  )
+    .then(() => {
+      if (type === 'take') { // 收入
+        interchangeListTake({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'delete') { // 删除
+        interchangeListDelete({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'complete') { // 完成
+        interchangeListComplete({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'back') { // 回退
+        interchangeListBack({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'return') { // 归还
+        interchangeListReturn({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'urge') { // 催办
+        interchangeListUrge({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'terminate') { // 终止
+        interchangeListTerminate({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+    })
+}
+
+// 打印列表
+function printList() {
+  // 打印列
+  let column = columnsTaking.value
+  if (currentMenu.value === 'taking') {
+    column = columns.value
+  }
+  const properties = column.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: IinterchangeList) => checkoutList.value.includes(item.id))
+    printJSON(printList, properties, '设备收发列表')
+  }
+  else {
+    ElMessage.warning('无可打印内容')
+  }
+}
+
+// 点击编辑或详情
+const goEdit = (row: IinterchangeList, pageType: 'edit' | 'detail') => {
+  $router.push(`/schedule/interchange/${pageType}/${row.sampleNo}`)
+}
+
+fetchData(true)
 </script>
 
 <template>
   <app-container>
-    设备收发
+    <search-area
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.sampleNo"
+          placeholder="样品编号"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.sampleName"
+          placeholder="样品名称"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.orderCode"
+          placeholder="委托书编号"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.customerId"
+          placeholder="委托方代码"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <search-item>
+          <el-date-picker
+            v-model="timeRange"
+            type="datetimerange"
+            range-separator="到"
+            format="YYYY/MM/DD"
+            value-format="YYYY-MM-DD"
+            start-placeholder="预计送达开始时间"
+            end-placeholder="预计送达结束时间"
+          />
+        </search-item>
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.isUrgent" placeholder="是否加急" style="width: 120px;" clearable>
+          <el-option
+            v-for="item in isUrgentMap"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.sampleAttr" placeholder="样品属性" style="width: 120px;" clearable>
+          <el-option
+            v-for="item in sampleAttrMap"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </search-item>
+    </search-area>
+    <table-container>
+      <template #btns-right>
+        <icon-button v-if="proxy.hasPerm('/schedule/interchangeList/scanTake') && currentMenu === 'taking'" icon="icon-device" title="扫描收入" type="primary" @click="scanTake" />
+        <icon-button v-if="proxy.hasPerm('/schedule/interchangeList/scanOver') && (currentMenu === 'took' || currentMenu === 'overtime') " icon="icon-device" title="扫描结束检定" type="primary" @click="scanOver" />
+        <icon-button v-if="proxy.hasPerm('/schedule/interchangeList/scanReturn') && currentMenu === 'returning'" icon="icon-device" title="扫描归还" type="primary" @click="scanReturn" />
+        <icon-button v-if="proxy.hasPerm('/sample/list/export')" icon="icon-export" title="导出" type="primary" @click="exportAll" />
+        <icon-button v-if="proxy.hasPerm('/sample/list/print')" icon="icon-print" title="打印" type="primary" @click="printList" />
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="currentMenu === 'taking' ? columnsTaking : columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multi-select="handleSelectionChange"
+      >
+        <template #columns>
+          <el-table-column label="操作" align="center" width="220">
+            <template #default="{ row }">
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/edit') && currentMenu === 'taking'"
+                size="small"
+                type="primary"
+                link
+                @click="goEdit(row, 'edit')"
+              >
+                编辑
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="goEdit(row, 'detail')"
+              >
+                详情
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/tagBinding') && (currentMenu === 'taking' || currentMenu === 'took' || currentMenu === 'returning')"
+                size="small"
+                link
+                type="primary"
+                @click="scan()"
+              >
+                标签绑定
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/take') && currentMenu === 'taking'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'take', '收入')"
+              >
+                收入
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/delete') && currentMenu === 'taking'"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row, 'delete', '删除')"
+              >
+                删除
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/complete') && currentMenu === 'took'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'complete', '完成')"
+              >
+                完成
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/return') && currentMenu === 'returning'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'return', '归还')"
+              >
+                归还
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/back') && (currentMenu === 'returning' || currentMenu === 'took' || currentMenu === 'returned')"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'back', '回退')"
+              >
+                回退
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/urge') && currentMenu === 'overtime'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'urge', '催办')"
+              >
+                催办
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/terminate') && (currentMenu === 'took' || currentMenu === 'overtime')"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'terminate', '终止')"
+              >
+                终止
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box @changeCurrentButton="changeCurrentButton" />
   </app-container>
 </template>
 
 <style lang="scss" scoped>
-// 样式
+.short-input {
+  width: 160px;
+}
 </style>
diff --git a/src/views/business/schedule/interchange/interchange_interface.ts b/src/views/business/schedule/interchange/interchange_interface.ts
new file mode 100644
index 0000000..a7df4fd
--- /dev/null
+++ b/src/views/business/schedule/interchange/interchange_interface.ts
@@ -0,0 +1,95 @@
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+
+export interface IListQuery {
+  sampleNo: string // 样品编号
+  sampleName: string // 样品名称
+  orderCode: string // 委托书编号
+  customerId: string // 委托方代码
+  startTime: string // 预计送达开始时间
+  endTime: string // 预计送达结束时间
+  isUrgent: string // 是否加急
+  sampleAttr: string // 样品属性
+  type: string // 类型（buttonBox）
+  offset: number
+  limit: number
+}
+
+export interface IinterchangeList {
+  id: string
+  sampleNo: string // 样品编号
+  sampleName: string // 样品名称
+  sampleModel: string // 型号
+  evaluationName: string // 出厂编号
+  orderCode: string // 委托书编号
+  customerId: string // 委托方代码
+  customerName: string // 委托方名称
+  deliverer: string // 送检人
+  isUrgent: string // 是否加急
+  sampleAttr: string // 样品属性
+  planDeliverTime: string // 预计送达时间
+  deliverTime: string // 实际送达时间
+  requireOverTime: string // 要求检完时间
+  currentCertifications: string | number // 已出具证书总数
+  requireCertifications: string | number // 应出具证书总数
+  currentDeliver: string // 当前检定环节
+}
+
+// 检定记录
+export interface SimpleMeasureRecord {
+  orderCode: string // 委托单编号
+  orderTime: string // 委托单日期
+  customerCode: string // 委托人代码
+  customerName: string // 委托人名称
+  deliverer: string // 送检人
+  deliverTime: string // 送检日期
+}
+
+// 检定证书
+export interface SimpleCertification {
+  certificationCode: string // 证书编号
+  certificationName: string // 证书形成
+  certificationType: string // 证书类型
+  effectiveDate: string // 证书出具日期
+  expirationDate: string // 证书有效期
+}
+
+export interface Menu {
+  name: string
+  columns: TableColumn[]
+  pagination: boolean
+  list: 'measureRecords' | 'certificationRecords'
+  searchFunc: Function
+}
+
+export interface ISampleDetail {
+  id?: string
+  sampleNo: string // 样品编号
+  sampleName: string // 样品名称
+  sampleModel: string // 样品型号
+  manufacturingNo: string // 出厂编号
+  customerNo: string // 委托方代码
+  customerName: string // 委托方名称
+  phone: string // 委托方电话
+  postalCode: string // 委托方邮编
+  companyAddress: string // 委托方地址
+  mesureCategory: string // 检校类别
+  manufacturer: string // 生产厂家
+  manufacturerCountry: string // 厂家国别
+  manufacturingDate: string // 出厂年月
+  ABC: string // ABC
+  deliverer?: string // 送检人
+  delivererTel?: string // 送检人联系方式
+  planDeliverTime?: string // 预计送达时间
+  requireOverTime?: string // 要求检完时间
+  mesureContent: string // 检定项目
+  mesurePeriod: string // 检定周期
+  remark: string // 备注
+  minioFileName: string // 说明书
+  labelBind: string // 标签绑定
+  mesureType: string // 检定方式
+  measureDate?: string // 检定日期
+  effectiveDate?: string // 有效日期
+  measureResultCode?: string // 检定结果代码
+  measureResult?: string // 检定结果
+}
+

diff --git a/src/api/business/schedule.ts b/src/api/business/schedule.ts
new file mode 100644
index 0000000..f5b4569
--- /dev/null
+++ b/src/api/business/schedule.ts
@@ -0,0 +1,89 @@
+/**
+ * 设备收发接口
+*/
+import request from '../index'
+import type { IListQuery } from '@/views/business/schedule/interchange/interchange_interface'
+const prefix = '/meter'
+
+// 列表查询
+export function getInterChangeList(data: IListQuery) {
+  return request({
+    url: `${prefix}/schedule/interChange/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 导出列表
+export function exportInterchangeList(data: Omit<IListQuery, 'limit' | 'offset'>) {
+  return request({
+    url: `${prefix}/schedule/interChange/listExport`,
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
+
+// 根据样品id收入
+export function interchangeListTake(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/take`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id删除
+export function interchangeListDelete(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/delete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id完成
+export function interchangeListComplete(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/complete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id回退
+export function interchangeListBack(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/back`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id归还
+export function interchangeListReturn(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/return`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id催办
+export function interchangeListUrge(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/urge`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id终止
+export function interchangeListTerminate(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/terminate`,
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/views/business/schedule/interchange/buttonBox.vue b/src/views/business/schedule/interchange/buttonBox.vue
new file mode 100644
index 0000000..dc864bd
--- /dev/null
+++ b/src/views/business/schedule/interchange/buttonBox.vue
@@ -0,0 +1,45 @@
+<script lang="ts" setup name="ButtonBox">
+import { DefaultProps } from 'element-plus'
+import { ref } from 'vue'
+const emits = defineEmits(['changeCurrentButton'])
+// 按钮菜单
+const menu = [
+  { name: '待收入', id: 'taking' },
+  { name: '已收入', id: 'took' },
+  { name: '待归还', id: 'returning' },
+  { name: '已归还', id: 'returned' },
+  { name: '已超期', id: 'overtime' },
+]
+const current = ref('taking')
+watch(current, (newValue) => {
+  emits('changeCurrentButton', newValue)
+})
+</script>
+
+<template>
+  <div class="container">
+    <div class="btns">
+      <!-- 三级菜单 -->
+      <el-radio-group v-model="current">
+        <el-radio-button v-for="item in menu" :key="item.id" :label="item.id">
+          {{ item.name }}
+        </el-radio-button>
+      </el-radio-group>
+    </div>
+    <!-- 展示区域 -->
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  position: relative;
+
+  .btns {
+    position: fixed;
+    top: 76px;
+    right: 15px;
+    z-index: 999;
+  }
+}
+</style>
+
diff --git a/src/views/business/schedule/interchange/interchangeEdit.vue b/src/views/business/schedule/interchange/interchangeEdit.vue
index 8c9b87c..67066a8 100644
--- a/src/views/business/schedule/interchange/interchangeEdit.vue
+++ b/src/views/business/schedule/interchange/interchangeEdit.vue
@@ -1,13 +1,712 @@
+<!-- 新建、编辑、详情 -->
 <script lang="ts" setup name="InterchangeEdit">
-// 设备交接单编辑
+import type { Ref } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, UploadUserFile } from 'element-plus'
+import { ref } from 'vue'
+import { Calendar, Search } from '@element-plus/icons-vue'
+import type { ISampleDetail, Menu, SimpleCertification, SimpleMeasureRecord } from './interchange_interface'
+import sampleDialog from '@/views/customer/sample/list/sampleDialog.vue'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+import { SCHEDULE } from '@/utils/scheduleDict'
+import TemplateTable from '@/views/customer/customerInfo/templateTable.vue'
+import { addSample, getSapmleDetail, updateSample } from '@/api/customer/sampleList'
+import countries from '@/components/AddressSelect/country-code.json'
+import { UploadFile } from '@/api/measure/file'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import type { ICustomer } from '@/views/customer/customerInfo/customer_interface'
+
+const textMap: { [key: string]: string } = {
+  edit: '编辑',
+  add: '新建',
+  detail: '详情',
+}// 字典
+const pageType = ref('add') // 页面类型: add, edit, detail
+const countryList = ref(countries) // 国家列表
+const loading = ref(false) // 表单加载状态
+const infoId = ref('') // id
+const visible = ref(false) // 控制对话框显隐
+const mesureCategoryMap: { [key: string]: string } = {
+  edit: '编辑',
+  add: '新建',
+  detail: '详情',
+}// 字典
+const mesureCategoryList = [
+  {
+    label: '检定',
+    value: 'jd',
+  },
+  {
+    label: '检测',
+    value: 'jc',
+  },
+  {
+    label: '验收检定',
+    value: 'ysjd',
+  },
+  {
+    label: '抽检',
+    value: 'cj',
+  },
+  {
+    label: '校准',
+    value: 'jz',
+  },
+  {
+    label: '测试',
+    value: 'cs',
+  },
+  {
+    label: '验收校准',
+    value: 'ysjz',
+  },
+]// 校检类别
+const mesureResultList = [
+  {
+    label: '合格',
+    value: 'hg',
+  },
+  {
+    label: '修后合格',
+    value: 'xhhg',
+  },
+  {
+    label: '限用',
+    value: 'xy',
+  },
+  {
+    label: '准用',
+    value: 'zy',
+  },
+  {
+    label: '不合格',
+    value: 'bhg',
+  },
+  {
+    label: '漏检',
+    value: 'lj',
+  },
+  {
+    label: '逾期未检定',
+    value: 'yqwjd',
+  },
+]// 检定结果
+const mesureResultMap = {
+  hg: '合格',
+  xhhg: '修后合格',
+  xy: '限用',
+  zy: '准用',
+  bhg: '不合格',
+  lj: '漏检',
+  yqwjd: '逾期未检定',
+}// 检定结果字典
+const mesureTypeList = [
+  {
+    label: '自检',
+    value: 'zj',
+  },
+  {
+    label: '外包',
+    value: 'wb',
+  },
+]// 检定方式
+const dataForm: Ref<ISampleDetail> = ref({
+  id: '',
+  sampleNo: '', // 样品编号
+  sampleName: '', // 样品名称
+  sampleModel: '', // 样品型号
+  manufacturingNo: '', // 出厂编号
+  customerNo: '', // 委托方代码
+  customerName: '', // 委托方名称
+  phone: '', // 委托方电话
+  postalCode: '', // 委托方邮编
+  companyAddress: '', // 委托方地址
+  mesureCategory: '', // 检校类别
+  manufacturer: '', // 生产厂家
+  manufacturerCountry: '', // 厂家国别
+  manufacturingDate: '', // 出厂年月
+  ABC: '', // ABC
+  // deliverer: '', // 送检人
+  // delivererTel: '', // 送检人联系方式
+  mesureContent: '', // 检定项目
+  mesurePeriod: '', // 检定周期
+  remark: '', // 备注
+  minioFileName: '', // 说明书
+  labelBind: '', // 标签绑定
+  mesureType: '', // 检定方式
+})
+const ruleFormRef = ref<FormInstance>()
+
+// 自定义校验规则--检定周期为正整数
+const validateMesurePeriod = (rule: any, value: any, callback: any) => {
+  if (value === '') {
+    callback()
+  }
+  else if (!(/(^[1-9]\d*$)/.test(value))) {
+    callback(new Error('请输入一个正整数'))
+  }
+  else {
+    callback()
+  }
+}
+
+// 校验规则
+const rules = ref({
+  sampleName: [{ required: true, message: '样品名称不能为空', trigger: 'blur' }],
+  sampleModel: [{ required: true, message: '样品型号不能为空', trigger: 'blur' }],
+  manufacturingNo: [{ required: true, message: '出厂编号不能为空', trigger: 'blur' }],
+  customerNo: [{ required: true, message: '委托方代码不能为空', trigger: 'change' }],
+  customerName: [{ required: true, message: '委托方名称不能为空', trigger: 'blur' }],
+  phone: [{ required: true, message: '委托方电话不能为空', trigger: 'blur' }],
+  postalCode: [{ required: true, message: '委托方邮编不能为空', trigger: 'blur' }],
+  companyAddress: [{ required: true, message: '委托方地址不能为空', trigger: 'blur' }],
+  mesureContent: [{ required: true, message: '检定项目不能为空', trigger: 'blur' }],
+  mesurePeriod: [{ validator: validateMesurePeriod, trigger: 'blur' }],
+}) // 表单验证规则
+
+// 其他关联数据列表
+const dataList = ref({
+  measureRecords: [] as SimpleMeasureRecord[],
+  certificationRecords: [] as SimpleCertification[],
+})
+
+// 获取检定记录
+const fetchMeasureRecords = function (query = null) {
+  dataList.value.measureRecords = []
+}
+// 获取检定证书
+const fetchCertifications = function (query = null) {
+  dataList.value.certificationRecords = []
+}
+
+// 菜单
+const menu: Menu[] = [
+  {
+    name: '检定记录',
+    columns: [
+      { text: '委托单编号', value: 'orderCode' },
+      { text: '委托单日期', value: 'orderTime' },
+      { text: '委托方代码', value: 'customerCode' },
+      { text: '委托方名称', value: 'customerName' },
+      { text: '送检人', value: 'deliverer' },
+      { text: '送检日期', value: 'deliverTime' },
+    ],
+    list: 'measureRecords',
+    pagination: true,
+    searchFunc: fetchMeasureRecords,
+  },
+  {
+    name: '检定证书',
+    columns: [
+      { text: '证书编号', value: 'certificationCode' },
+      { text: '证书名称', value: 'certificationName' },
+      { text: '证书类型', value: 'certificationType' },
+      { text: '证书出具日期', value: 'effectiveDate' },
+      { text: '证书有效期', value: 'expirationDate' },
+    ],
+    list: 'certificationRecords',
+    pagination: true,
+    searchFunc: fetchCertifications,
+  },
+]
+
+const currentMenu = ref('检定记录')
+const currentMenuObj = computed(() => {
+  return menu.find(item => item.name === currentMenu.value)
+})
+
+// 从路由中获取页面类型参数
+const $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 $router = useRouter()
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+
+// 打印表单
+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: '',
+})
+
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  // 原生上传
+  console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    UploadFile(fd).then((res) => {
+      if (res.code === 200) {
+        dataForm.value.minioFileName = res.data[0]
+        // 重置当前验证
+        ElMessage.success('文件上传成功')
+      }
+      else {
+        ElMessage.error(res.message)
+      }
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+
+// 委托方代码获取焦点
+const customerNoFocus = () => {
+  visible.value = true
+  console.log(visible.value)
+}
+
+// 选好委托方
+const confirmCheckout = (val: Array<ICustomer>) => {
+  if (val && val.length) {
+    const getValue = val[0]
+    dataForm.value.customerNo = getValue.customerNo
+    dataForm.value.customerName = getValue.customerName
+    dataForm.value.phone = getValue.phone
+    dataForm.value.postalCode = getValue.postalCode
+    dataForm.value.companyAddress = getValue.briefName
+  }
+}
+
+// 控制选择委托方对话框显隐
+const changeVisible = (val: boolean) => {
+  visible.value = val
+}
+
+// 保存
+function saveForm(formEl: FormInstance | undefined) {
+  if (!formEl) { return }
+  formEl.validate((valid, fields) => {
+    if (valid) {
+      ElMessageBox.confirm(
+        '确认保存吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then(() => {
+        if (dataForm.value.id) {
+          updateSample(dataForm.value).then((res) => {
+            if (res.code === 200) {
+              dataForm.value.id = res.data.id
+              dataForm.value.customerNo = res.data.customerNo
+              ElMessage.success('已保存')
+              $router.go(-1)
+            }
+          })
+        }
+        else {
+          addSample(dataForm.value).then((res) => {
+            if (res.code === 200) {
+              dataForm.value.id = res.data.id
+              dataForm.value.customerNo = res.data.customerNo
+              ElMessage.success('已保存')
+              $router.go(-1)
+            }
+          })
+        }
+      })
+    }
+  })
+}
+
+// 提交表单
+function submitForm() {
+  if (dataForm.value.id) {
+    const params = {
+      id: dataForm.value.id,
+      formId: SCHEDULE.SUPPLIER_APPROVAL, // 表单id
+    }
+    addSample(params).then((res) => {
+      ElMessage.success('提交成功')
+      close()
+    })
+  }
+  else {
+    ElMessage.info('请先保存再提交！')
+  }
+}
+
+const getInfo = () => {
+  getSapmleDetail({ id: infoId.value }).then((res) => {
+    res.data = {
+      ABC: 'A',
+      companyAddress: '北京/北京市',
+      customerName: '京东集团',
+      customerNo: 'sygf202211290001',
+      id: '',
+      labelBind: '11222',
+      manufacturer: '北京某厂家',
+      manufacturerCountry: 'CN',
+      manufacturingDate: '2023-03',
+      manufacturingNo: '123121',
+      mesureCategory: 'jd',
+      mesureContent: '项目1',
+      mesurePeriod: '1',
+      mesureType: 'zj',
+      minioFileName: '小程序工期表-1117_1674961769128.xlsx',
+      phone: '950618',
+      postalCode: 'test',
+      remark: '无备注',
+      sampleModel: '型号1',
+      sampleName: '样品1',
+      sampleNo: '',
+      measureResultCode: 'bhg',
+    }
+    // dataForm.value = res.data
+    // dataForm.value.measureResult = mesureResultMap[dataForm.value.measureResultCode]
+    // for (const item of menu) {
+    //   item.searchFunc()
+    // }
+  })
+}
+
+// 非添加页面获取详情
+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'" type="primary" @click="saveForm(ruleFormRef)">
+          保存
+        </el-button>
+        <el-button type="info" @click="close">
+          关闭
+        </el-button>
+      </template>
+      <div id="form">
+        <el-form
+          ref="ruleFormRef"
+          :model="dataForm"
+          :label-width="120"
+          label-position="right"
+          :rules="rules"
+        >
+          <el-row :gutter="24">
+            <el-col :span="6">
+              <el-form-item label="样品编号:" prop="sampleNo">
+                <el-input
+                  v-model="dataForm.sampleNo"
+                  :placeholder="pageType === 'detail' ? '' : '系统自动生成'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="样品名称:" prop="sampleName">
+                <el-input
+                  v-model="dataForm.sampleName"
+                  :placeholder="pageType === 'detail' ? '' : '请输入样品名称'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col><el-col :span="6">
+              <el-form-item label="样品型号:" prop="sampleModel">
+                <el-input
+                  v-model="dataForm.sampleModel"
+                  :placeholder="pageType === 'detail' ? '' : '请输入样品型号'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="出厂编号:" prop="manufacturingNo">
+                <el-input
+                  v-model="dataForm.manufacturingNo"
+                  :placeholder="pageType === 'detail' ? '' : '请输入出厂编号'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="委托方代码" prop="customerNo">
+                <el-input
+                  v-model="dataForm.customerNo"
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方代码'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                  @focus="customerNoFocus"
+                >
+                  <template #suffix>
+                    <el-icon v-if="pageType !== 'detail'" class="el-input__icon">
+                      <search />
+                    </el-icon>
+                  </template>
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="委托方名称" prop="customerName">
+                <el-input
+                  v-model="dataForm.customerName"
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方名称'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="委托方电话" prop="phone">
+                <el-input
+                  v-model="dataForm.phone"
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方电话'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="委托方邮编" prop="postalCode">
+                <el-input
+                  v-model="dataForm.postalCode"
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方邮编'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="18">
+              <el-form-item label="委托方地址:" prop="companyAddress">
+                <el-input
+                  v-model="dataForm.companyAddress"
+                  type="textarea"
+                  autosize
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方地址'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="校检类别:">
+                <el-select
+                  v-model="dataForm.mesureCategory"
+                  :placeholder="pageType === 'detail' ? '' : '请选择校检类别'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                >
+                  <el-option v-for="item of mesureCategoryList" :key="item.value" :label="item.label" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="生产厂家:">
+                <el-input
+                  v-model="dataForm.manufacturer"
+                  :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-select
+                  v-model="dataForm.manufacturerCountry"
+                  :placeholder="pageType === 'detail' ? '' : '请选择厂家国别'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                >
+                  <el-option v-for="country of countryList" :key="country.code" :label="country.CNName" :value="country.code" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="出厂年月:">
+                <el-date-picker
+                  v-model="dataForm.manufacturingDate"
+                  type="month"
+                  format="YYYY-MM"
+                  value-format="YYYY-MM"
+                  class="full-width-input"
+                  :placeholder="pageType === 'detail' ? '' : '请输入出厂年月'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="ABC:">
+                <el-select
+                  v-model="dataForm.ABC"
+                  :placeholder="pageType === 'detail' ? '' : '请选择ABC'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                >
+                  <el-option v-for="item of ['A', 'B', 'C']" :key="item" :label="item" :value="item" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="检定周期（月）:" prop="mesurePeriod">
+                <el-input
+                  v-model="dataForm.mesurePeriod"
+                  :placeholder="pageType === 'detail' ? '' : '请输入检定周期'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="检定日期:">
+                <el-input
+                  v-model="dataForm.measureDate"
+                  :placeholder="pageType === 'detail' ? '' : '请输入检定日期'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="有效日期:">
+                <el-input
+                  v-model="dataForm.effectiveDate"
+                  :placeholder="pageType === 'detail' ? '' : '请输入有效日期'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="检定结果:">
+                <el-input
+                  v-model="dataForm.measureResult"
+                  :placeholder="pageType === 'detail' ? '' : '请选择检定结果'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="送检人:">
+                <el-input
+                  v-model="dataForm.deliverer"
+                  :placeholder="pageType === 'detail' ? '' : '请输入送检人'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="联系方式:">
+                <el-input
+                  v-model="dataForm.delivererTel"
+                  :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-select
+                  v-model="dataForm.mesureType"
+                  :placeholder="pageType === 'detail' ? '' : '请选择检定方式'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                >
+                  <el-option v-for="item of mesureTypeList" :key="item.value" :label="item.label" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="标签绑定:">
+                <el-input
+                  v-model="dataForm.labelBind"
+                  :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="12">
+              <el-form-item label="检定项目:" prop="mesureContent">
+                <el-input
+                  v-model="dataForm.mesureContent"
+                  :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="12">
+              <el-form-item label="备注:">
+                <el-input
+                  v-model="dataForm.remark"
+                  type="textarea"
+                  autosize
+                  :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="12">
+              <el-form-item label="说明书:">
+                <show-photo v-if="dataForm.minioFileName" :minio-file-name="dataForm.minioFileName" />
+                <span v-else-if="pageType === 'detail'">无</span>
+                <input v-show="pageType === ''" ref="fileRef" type="file" @change="onFileChange">
+                <el-button v-if="pageType !== 'detail'" id="file" type="primary" :disabled="pageType === 'detail'" :style="{ 'margin-left': dataForm.minioFileName === '' ? '0px' : '20px' }" @click="upload">
+                  {{ dataForm.minioFileName === '' ? '上传' : '更换附件' }}
+                </el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </detail-page>
+
+    <!-- 检定记录、检定证书 -->
+    <detail-block-switch v-if="pageType === 'detail'" :title="currentMenu">
+      <template #menu>
+        <el-radio-group v-model="currentMenu">
+          <el-radio-button v-for="item in menu" :key="item.name" :label="item.name">
+            {{ item.name }}
+          </el-radio-button>
+        </el-radio-group>
+      </template>
+      <template-table v-if="currentMenuObj" :columns="currentMenuObj.columns" :list="dataList[currentMenuObj.list]" :loading="false" :pagination="currentMenuObj.pagination" @change-page="currentMenuObj?.searchFunc" />
+    </detail-block-switch>
+
+    <!-- 选择委托方组件 -->
+    <sample-dialog v-model:visible="visible" @confirmCheckout="confirmCheckout" @changeVisible="changeVisible" />
   </app-container>
 </template>
 
 <style lang="scss" scoped>
 // 样式
 </style>
+
diff --git a/src/views/business/schedule/interchange/interchangeList.vue b/src/views/business/schedule/interchange/interchangeList.vue
index f65137f..5bb8865 100644
--- a/src/views/business/schedule/interchange/interchangeList.vue
+++ b/src/views/business/schedule/interchange/interchangeList.vue
@@ -1,13 +1,557 @@
 <script lang="ts" setup name="InterchangeList">
-// 设备交接单列表
+import type { Ref } from 'vue'
+import { getCurrentInstance, ref } from 'vue'
+import type { DateModelType } from 'element-plus'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IListQuery, IinterchangeList } from './interchange_interface'
+import ButtonBox from './buttonBox.vue'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import {
+  exportInterchangeList,
+  getInterChangeList,
+  interchangeListBack,
+  interchangeListComplete,
+  interchangeListDelete,
+  interchangeListReturn,
+  interchangeListTake,
+  interchangeListTerminate,
+  interchangeListUrge,
+} from '@/api/business/schedule'
+import { printJSON } from '@/utils/printUtils'
+
+const { proxy } = getCurrentInstance() as any
+const $router = useRouter()
+
+// 是否加急
+const isUrgentMap = [
+  { label: '全部', value: '0' },
+  { label: '是', value: '1' },
+  { label: '否', value: '2' },
+]
+
+// 样品属性
+const sampleAttrMap = [
+  { label: '全部', value: '0' },
+  { label: '客户样品', value: '1' },
+  { label: '自有设备', value: '2' },
+]
+
+const currentMenu = ref('taking') // buttonBox菜单选中项
+
+// 查询条件
+const listQuery: Ref<IListQuery> = ref({
+  sampleNo: '', // 样品编号
+  sampleName: '', // 样品名称
+  orderCode: '', // 委托书编号
+  customerId: '', // 委托方代码
+  startTime: '', // 预计送达开始时间
+  endTime: '', // 预计送达结束时间
+  isUrgent: '', // 是否加急
+  sampleAttr: '', // 样品属性
+  type: '',
+  offset: 1,
+  limit: 20,
+})
+const timeRange = ref<[DateModelType, DateModelType]>(['', ''])
+
+// 表头待收入
+const columnsTaking = ref<TableColumn[]>([
+  { text: '样品编号', value: 'sampleNo', width: '160', align: 'center' },
+  { text: '样品名称', value: 'sampleName', width: '120', align: 'center' },
+  { text: '型号', value: 'sampleModel', align: 'center' },
+  { text: '出厂编号', value: 'evaluationName', align: 'center' },
+  { text: '委托书编号', value: 'orderCode', align: 'center' },
+  { text: '委托方代码', value: 'customerId', align: 'center' },
+  { text: '委托方名称', value: 'customerName', align: 'center' },
+  { text: '送检人', value: 'deliverer', align: 'center' },
+  { text: '是否加急', value: 'isUrgent', align: 'center' },
+  { text: '样品属性', value: 'sampleAttr', align: 'center' },
+  { text: '预计送达时间', value: 'planDeliverTime', align: 'center' },
+])
+
+const columns = ref<TableColumn[]>([
+  { text: '样品编号', value: 'sampleNo', width: '160', align: 'center' },
+  { text: '样品名称', value: 'sampleName', width: '120', align: 'center' },
+  { text: '型号', value: 'sampleModel', align: 'center' },
+  { text: '出厂编号', value: 'evaluationName', align: 'center' },
+  { text: '委托书编号', value: 'orderCode', align: 'center' },
+  { text: '委托方代码', value: 'customerId', align: 'center' },
+  { text: '委托方名称', value: 'customerName', align: 'center' },
+  { text: '实际送达时间', value: 'deliverTime', align: 'center' },
+  { text: '要求检完时间', value: 'requireOverTime', align: 'center' },
+  { text: '是否加急', value: 'isUrgent', align: 'center' },
+  { text: '样品属性', value: 'sampleAttr', align: 'center' },
+  { text: '当前检定环节', value: 'currentDeliver', align: 'center' },
+  { text: '证书出具', value: 'Certifications', align: 'center' },
+])
+
+// 表格数据
+const list = ref<IinterchangeList[]>([])
+// 总数
+const total = ref(0)
+// 表格加载状态
+const loadingTable = ref(false)
+// 选中的内容
+const checkoutList = ref<string[]>([])
+// 数据查询
+function fetchData(isNowPage = false) {
+  // loadingTable.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    listQuery.value.offset = 1
+  }
+  listQuery.value.startTime = timeRange.value[0] as string || ''
+  listQuery.value.endTime = timeRange.value[1] as string || ''
+  listQuery.value.type = currentMenu.value
+  // getInterChangeList(listQuery.value).then((response) => {
+  //   response.data.rows = [
+  //     {
+  //       id: 'test',
+  //       sampleNo: 'test', // 样品编号
+  //       sampleName: 'test', // 样品名称
+  //       sampleModel: 'test', // 型号
+  //       evaluationName: 'test', // 出厂编号
+  //       orderCode: 'test', // 委托书编号
+  //       customerId: 'test', // 委托方代码
+  //       customerName: 'test', // 委托方名称
+  //       deliverer: 'test', // 送检人
+  //       isUrgent: 'test', // 是否加急
+  //       sampleAttr: 'test', // 样品属性
+  //       planDeliverTime: 'test', // 预计送达时间
+  //     }]
+  //   list.value = response.data.rows.map((item: IinterchangeList) => {
+  //     return {
+  //       ...item,
+  //       Certifications: item.currentCertifications === item.requireCertifications ? item.requireCertifications : (`${item.currentCertifications}/${item.requireCertifications}`),
+  //     }
+  //   })
+  //   total.value = parseInt(response.data.total)
+  //   loadingTable.value = false
+  // })
+  list.value = [
+    {
+      id: 'test',
+      sampleNo: 'test', // 样品编号
+      sampleName: 'test', // 样品名称
+      sampleModel: 'test', // 型号
+      evaluationName: 'test', // 出厂编号
+      orderCode: 'test', // 委托书编号
+      customerId: 'test', // 委托方代码
+      customerName: 'test', // 委托方名称
+      deliverer: 'test', // 送检人
+      isUrgent: '2', // 是否加急
+      sampleAttr: '1', // 样品属性
+      planDeliverTime: 'test', // 预计送达时间
+      deliverTime: 'test', // 实际送达时间
+      requireOverTime: 'test', // 要求检完时间
+      currentCertifications: '1', // 已出具证书总数
+      requireCertifications: '5', // 应出具证书总数
+      currentDeliver: 'test', // 当前检定环节
+    }].map((item: IinterchangeList) => {
+    return {
+      ...item,
+      Certifications: item.currentCertifications === item.requireCertifications ? item.requireCertifications : (`${item.currentCertifications}/${item.requireCertifications}`),
+    }
+  })
+}
+
+// 点击搜索
+const searchList = () => {
+  fetchData(true)
+}
+// 点击重置
+const clearList = () => {
+  listQuery.value = {
+    sampleNo: '', // 样品编号
+    sampleName: '', // 样品名称
+    orderCode: '', // 委托书编号
+    customerId: '', // 委托方代码
+    startTime: '', // 预计送达开始时间
+    endTime: '', // 预计送达结束时间
+    isUrgent: '', // 是否加急
+    sampleAttr: '', // 样品属性
+    offset: 1,
+    limit: 20,
+  }
+  timeRange.value = ['', '']
+}
+
+// 多选发生改变时
+function handleSelectionChange(e: any) {
+  checkoutList.value = e.map((item: { id: string }) => item.id)
+}
+
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+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)
+}
+
+// 监听buttonBox切换
+const changeCurrentButton = (val: string) => {
+  currentMenu.value = val
+  console.log(currentMenu.value)
+
+  fetchData(true)
+}
+
+// 点击扫描收入
+const scanTake = () => {}
+// 点击扫描结束检定
+const scanOver = () => {}
+// 点击扫描归还
+const scanReturn = () => {}
+// 点击标签绑定
+const scan = () => {}
+
+// 导出
+const exportAll = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: '下载中请稍后',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (list.value.length > 0) {
+    const params = {
+      sampleNo: listQuery.value.sampleNo, // 样品编号
+      sampleName: listQuery.value.sampleName, // 样品名称
+      orderCode: listQuery.value.orderCode, // 委托书编号
+      customerId: listQuery.value.customerId, // 委托方代码
+      startTime: listQuery.value.startTime, // 预计送达开始时间
+      endTime: listQuery.value.endTime, // 预计送达结束时间
+      isUrgent: listQuery.value.isUrgent, // 是否加急
+      sampleAttr: listQuery.value.sampleAttr, // 样品属性
+      type: currentMenu.value,
+      ids: checkoutList.value,
+    }
+    exportInterchangeList(params).then((res) => {
+      const blob = new Blob([res.data])
+      exportFile(blob, '设备收发列表.xlsx')
+    })
+  }
+  else {
+    ElMessage.warning('无数据可导出数据')
+  }
+  loading.close()
+}
+
+// 操作
+const handleEdit = (row: IinterchangeList, type: string, title: string) => {
+  ElMessageBox.confirm(
+    `确认${title}吗？`,
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  )
+    .then(() => {
+      if (type === 'take') { // 收入
+        interchangeListTake({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'delete') { // 删除
+        interchangeListDelete({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'complete') { // 完成
+        interchangeListComplete({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'back') { // 回退
+        interchangeListBack({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'return') { // 归还
+        interchangeListReturn({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'urge') { // 催办
+        interchangeListUrge({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'terminate') { // 终止
+        interchangeListTerminate({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+    })
+}
+
+// 打印列表
+function printList() {
+  // 打印列
+  let column = columnsTaking.value
+  if (currentMenu.value === 'taking') {
+    column = columns.value
+  }
+  const properties = column.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: IinterchangeList) => checkoutList.value.includes(item.id))
+    printJSON(printList, properties, '设备收发列表')
+  }
+  else {
+    ElMessage.warning('无可打印内容')
+  }
+}
+
+// 点击编辑或详情
+const goEdit = (row: IinterchangeList, pageType: 'edit' | 'detail') => {
+  $router.push(`/schedule/interchange/${pageType}/${row.sampleNo}`)
+}
+
+fetchData(true)
 </script>
 
 <template>
   <app-container>
-    设备收发
+    <search-area
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.sampleNo"
+          placeholder="样品编号"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.sampleName"
+          placeholder="样品名称"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.orderCode"
+          placeholder="委托书编号"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.customerId"
+          placeholder="委托方代码"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <search-item>
+          <el-date-picker
+            v-model="timeRange"
+            type="datetimerange"
+            range-separator="到"
+            format="YYYY/MM/DD"
+            value-format="YYYY-MM-DD"
+            start-placeholder="预计送达开始时间"
+            end-placeholder="预计送达结束时间"
+          />
+        </search-item>
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.isUrgent" placeholder="是否加急" style="width: 120px;" clearable>
+          <el-option
+            v-for="item in isUrgentMap"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.sampleAttr" placeholder="样品属性" style="width: 120px;" clearable>
+          <el-option
+            v-for="item in sampleAttrMap"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </search-item>
+    </search-area>
+    <table-container>
+      <template #btns-right>
+        <icon-button v-if="proxy.hasPerm('/schedule/interchangeList/scanTake') && currentMenu === 'taking'" icon="icon-device" title="扫描收入" type="primary" @click="scanTake" />
+        <icon-button v-if="proxy.hasPerm('/schedule/interchangeList/scanOver') && (currentMenu === 'took' || currentMenu === 'overtime') " icon="icon-device" title="扫描结束检定" type="primary" @click="scanOver" />
+        <icon-button v-if="proxy.hasPerm('/schedule/interchangeList/scanReturn') && currentMenu === 'returning'" icon="icon-device" title="扫描归还" type="primary" @click="scanReturn" />
+        <icon-button v-if="proxy.hasPerm('/sample/list/export')" icon="icon-export" title="导出" type="primary" @click="exportAll" />
+        <icon-button v-if="proxy.hasPerm('/sample/list/print')" icon="icon-print" title="打印" type="primary" @click="printList" />
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="currentMenu === 'taking' ? columnsTaking : columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multi-select="handleSelectionChange"
+      >
+        <template #columns>
+          <el-table-column label="操作" align="center" width="220">
+            <template #default="{ row }">
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/edit') && currentMenu === 'taking'"
+                size="small"
+                type="primary"
+                link
+                @click="goEdit(row, 'edit')"
+              >
+                编辑
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="goEdit(row, 'detail')"
+              >
+                详情
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/tagBinding') && (currentMenu === 'taking' || currentMenu === 'took' || currentMenu === 'returning')"
+                size="small"
+                link
+                type="primary"
+                @click="scan()"
+              >
+                标签绑定
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/take') && currentMenu === 'taking'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'take', '收入')"
+              >
+                收入
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/delete') && currentMenu === 'taking'"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row, 'delete', '删除')"
+              >
+                删除
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/complete') && currentMenu === 'took'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'complete', '完成')"
+              >
+                完成
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/return') && currentMenu === 'returning'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'return', '归还')"
+              >
+                归还
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/back') && (currentMenu === 'returning' || currentMenu === 'took' || currentMenu === 'returned')"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'back', '回退')"
+              >
+                回退
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/urge') && currentMenu === 'overtime'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'urge', '催办')"
+              >
+                催办
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/terminate') && (currentMenu === 'took' || currentMenu === 'overtime')"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'terminate', '终止')"
+              >
+                终止
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box @changeCurrentButton="changeCurrentButton" />
   </app-container>
 </template>
 
 <style lang="scss" scoped>
-// 样式
+.short-input {
+  width: 160px;
+}
 </style>
diff --git a/src/views/business/schedule/interchange/interchange_interface.ts b/src/views/business/schedule/interchange/interchange_interface.ts
new file mode 100644
index 0000000..a7df4fd
--- /dev/null
+++ b/src/views/business/schedule/interchange/interchange_interface.ts
@@ -0,0 +1,95 @@
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+
+export interface IListQuery {
+  sampleNo: string // 样品编号
+  sampleName: string // 样品名称
+  orderCode: string // 委托书编号
+  customerId: string // 委托方代码
+  startTime: string // 预计送达开始时间
+  endTime: string // 预计送达结束时间
+  isUrgent: string // 是否加急
+  sampleAttr: string // 样品属性
+  type: string // 类型（buttonBox）
+  offset: number
+  limit: number
+}
+
+export interface IinterchangeList {
+  id: string
+  sampleNo: string // 样品编号
+  sampleName: string // 样品名称
+  sampleModel: string // 型号
+  evaluationName: string // 出厂编号
+  orderCode: string // 委托书编号
+  customerId: string // 委托方代码
+  customerName: string // 委托方名称
+  deliverer: string // 送检人
+  isUrgent: string // 是否加急
+  sampleAttr: string // 样品属性
+  planDeliverTime: string // 预计送达时间
+  deliverTime: string // 实际送达时间
+  requireOverTime: string // 要求检完时间
+  currentCertifications: string | number // 已出具证书总数
+  requireCertifications: string | number // 应出具证书总数
+  currentDeliver: string // 当前检定环节
+}
+
+// 检定记录
+export interface SimpleMeasureRecord {
+  orderCode: string // 委托单编号
+  orderTime: string // 委托单日期
+  customerCode: string // 委托人代码
+  customerName: string // 委托人名称
+  deliverer: string // 送检人
+  deliverTime: string // 送检日期
+}
+
+// 检定证书
+export interface SimpleCertification {
+  certificationCode: string // 证书编号
+  certificationName: string // 证书形成
+  certificationType: string // 证书类型
+  effectiveDate: string // 证书出具日期
+  expirationDate: string // 证书有效期
+}
+
+export interface Menu {
+  name: string
+  columns: TableColumn[]
+  pagination: boolean
+  list: 'measureRecords' | 'certificationRecords'
+  searchFunc: Function
+}
+
+export interface ISampleDetail {
+  id?: string
+  sampleNo: string // 样品编号
+  sampleName: string // 样品名称
+  sampleModel: string // 样品型号
+  manufacturingNo: string // 出厂编号
+  customerNo: string // 委托方代码
+  customerName: string // 委托方名称
+  phone: string // 委托方电话
+  postalCode: string // 委托方邮编
+  companyAddress: string // 委托方地址
+  mesureCategory: string // 检校类别
+  manufacturer: string // 生产厂家
+  manufacturerCountry: string // 厂家国别
+  manufacturingDate: string // 出厂年月
+  ABC: string // ABC
+  deliverer?: string // 送检人
+  delivererTel?: string // 送检人联系方式
+  planDeliverTime?: string // 预计送达时间
+  requireOverTime?: string // 要求检完时间
+  mesureContent: string // 检定项目
+  mesurePeriod: string // 检定周期
+  remark: string // 备注
+  minioFileName: string // 说明书
+  labelBind: string // 标签绑定
+  mesureType: string // 检定方式
+  measureDate?: string // 检定日期
+  effectiveDate?: string // 有效日期
+  measureResultCode?: string // 检定结果代码
+  measureResult?: string // 检定结果
+}
+
diff --git a/src/views/customer/sample/list/list.vue b/src/views/customer/sample/list/list.vue
index 4086b48..ac83279 100644
--- a/src/views/customer/sample/list/list.vue
+++ b/src/views/customer/sample/list/list.vue
@@ -98,7 +98,7 @@
   $router.push(`/sample/${pageType}/${row.id}`)
 }
 // 点击删除
-const handleDelete = (index: string, row: ISampleList) => {
+const handleDelete = (row: ISampleList) => {
   ElMessageBox.confirm(
     `确认删除${row.customerName}吗？`,
     '提示',
@@ -137,6 +137,7 @@
     offset: 1,
     limit: 20,
   }
+  timeRange.value = ['', '']
 }
 
 // 上传文件/批量导入
@@ -330,7 +331,7 @@
                 size="small"
                 link
                 type="danger"
-                @click="handleDelete(row.$index, row)"
+                @click="handleDelete(row)"
               >
                 删除
               </el-button>

diff --git a/src/api/business/schedule.ts b/src/api/business/schedule.ts
new file mode 100644
index 0000000..f5b4569
--- /dev/null
+++ b/src/api/business/schedule.ts
@@ -0,0 +1,89 @@
+/**
+ * 设备收发接口
+*/
+import request from '../index'
+import type { IListQuery } from '@/views/business/schedule/interchange/interchange_interface'
+const prefix = '/meter'
+
+// 列表查询
+export function getInterChangeList(data: IListQuery) {
+  return request({
+    url: `${prefix}/schedule/interChange/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 导出列表
+export function exportInterchangeList(data: Omit<IListQuery, 'limit' | 'offset'>) {
+  return request({
+    url: `${prefix}/schedule/interChange/listExport`,
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
+
+// 根据样品id收入
+export function interchangeListTake(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/take`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id删除
+export function interchangeListDelete(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/delete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id完成
+export function interchangeListComplete(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/complete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id回退
+export function interchangeListBack(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/back`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id归还
+export function interchangeListReturn(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/return`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id催办
+export function interchangeListUrge(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/urge`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id终止
+export function interchangeListTerminate(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/terminate`,
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/views/business/schedule/interchange/buttonBox.vue b/src/views/business/schedule/interchange/buttonBox.vue
new file mode 100644
index 0000000..dc864bd
--- /dev/null
+++ b/src/views/business/schedule/interchange/buttonBox.vue
@@ -0,0 +1,45 @@
+<script lang="ts" setup name="ButtonBox">
+import { DefaultProps } from 'element-plus'
+import { ref } from 'vue'
+const emits = defineEmits(['changeCurrentButton'])
+// 按钮菜单
+const menu = [
+  { name: '待收入', id: 'taking' },
+  { name: '已收入', id: 'took' },
+  { name: '待归还', id: 'returning' },
+  { name: '已归还', id: 'returned' },
+  { name: '已超期', id: 'overtime' },
+]
+const current = ref('taking')
+watch(current, (newValue) => {
+  emits('changeCurrentButton', newValue)
+})
+</script>
+
+<template>
+  <div class="container">
+    <div class="btns">
+      <!-- 三级菜单 -->
+      <el-radio-group v-model="current">
+        <el-radio-button v-for="item in menu" :key="item.id" :label="item.id">
+          {{ item.name }}
+        </el-radio-button>
+      </el-radio-group>
+    </div>
+    <!-- 展示区域 -->
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  position: relative;
+
+  .btns {
+    position: fixed;
+    top: 76px;
+    right: 15px;
+    z-index: 999;
+  }
+}
+</style>
+
diff --git a/src/views/business/schedule/interchange/interchangeEdit.vue b/src/views/business/schedule/interchange/interchangeEdit.vue
index 8c9b87c..67066a8 100644
--- a/src/views/business/schedule/interchange/interchangeEdit.vue
+++ b/src/views/business/schedule/interchange/interchangeEdit.vue
@@ -1,13 +1,712 @@
+<!-- 新建、编辑、详情 -->
 <script lang="ts" setup name="InterchangeEdit">
-// 设备交接单编辑
+import type { Ref } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, UploadUserFile } from 'element-plus'
+import { ref } from 'vue'
+import { Calendar, Search } from '@element-plus/icons-vue'
+import type { ISampleDetail, Menu, SimpleCertification, SimpleMeasureRecord } from './interchange_interface'
+import sampleDialog from '@/views/customer/sample/list/sampleDialog.vue'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+import { SCHEDULE } from '@/utils/scheduleDict'
+import TemplateTable from '@/views/customer/customerInfo/templateTable.vue'
+import { addSample, getSapmleDetail, updateSample } from '@/api/customer/sampleList'
+import countries from '@/components/AddressSelect/country-code.json'
+import { UploadFile } from '@/api/measure/file'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import type { ICustomer } from '@/views/customer/customerInfo/customer_interface'
+
+const textMap: { [key: string]: string } = {
+  edit: '编辑',
+  add: '新建',
+  detail: '详情',
+}// 字典
+const pageType = ref('add') // 页面类型: add, edit, detail
+const countryList = ref(countries) // 国家列表
+const loading = ref(false) // 表单加载状态
+const infoId = ref('') // id
+const visible = ref(false) // 控制对话框显隐
+const mesureCategoryMap: { [key: string]: string } = {
+  edit: '编辑',
+  add: '新建',
+  detail: '详情',
+}// 字典
+const mesureCategoryList = [
+  {
+    label: '检定',
+    value: 'jd',
+  },
+  {
+    label: '检测',
+    value: 'jc',
+  },
+  {
+    label: '验收检定',
+    value: 'ysjd',
+  },
+  {
+    label: '抽检',
+    value: 'cj',
+  },
+  {
+    label: '校准',
+    value: 'jz',
+  },
+  {
+    label: '测试',
+    value: 'cs',
+  },
+  {
+    label: '验收校准',
+    value: 'ysjz',
+  },
+]// 校检类别
+const mesureResultList = [
+  {
+    label: '合格',
+    value: 'hg',
+  },
+  {
+    label: '修后合格',
+    value: 'xhhg',
+  },
+  {
+    label: '限用',
+    value: 'xy',
+  },
+  {
+    label: '准用',
+    value: 'zy',
+  },
+  {
+    label: '不合格',
+    value: 'bhg',
+  },
+  {
+    label: '漏检',
+    value: 'lj',
+  },
+  {
+    label: '逾期未检定',
+    value: 'yqwjd',
+  },
+]// 检定结果
+const mesureResultMap = {
+  hg: '合格',
+  xhhg: '修后合格',
+  xy: '限用',
+  zy: '准用',
+  bhg: '不合格',
+  lj: '漏检',
+  yqwjd: '逾期未检定',
+}// 检定结果字典
+const mesureTypeList = [
+  {
+    label: '自检',
+    value: 'zj',
+  },
+  {
+    label: '外包',
+    value: 'wb',
+  },
+]// 检定方式
+const dataForm: Ref<ISampleDetail> = ref({
+  id: '',
+  sampleNo: '', // 样品编号
+  sampleName: '', // 样品名称
+  sampleModel: '', // 样品型号
+  manufacturingNo: '', // 出厂编号
+  customerNo: '', // 委托方代码
+  customerName: '', // 委托方名称
+  phone: '', // 委托方电话
+  postalCode: '', // 委托方邮编
+  companyAddress: '', // 委托方地址
+  mesureCategory: '', // 检校类别
+  manufacturer: '', // 生产厂家
+  manufacturerCountry: '', // 厂家国别
+  manufacturingDate: '', // 出厂年月
+  ABC: '', // ABC
+  // deliverer: '', // 送检人
+  // delivererTel: '', // 送检人联系方式
+  mesureContent: '', // 检定项目
+  mesurePeriod: '', // 检定周期
+  remark: '', // 备注
+  minioFileName: '', // 说明书
+  labelBind: '', // 标签绑定
+  mesureType: '', // 检定方式
+})
+const ruleFormRef = ref<FormInstance>()
+
+// 自定义校验规则--检定周期为正整数
+const validateMesurePeriod = (rule: any, value: any, callback: any) => {
+  if (value === '') {
+    callback()
+  }
+  else if (!(/(^[1-9]\d*$)/.test(value))) {
+    callback(new Error('请输入一个正整数'))
+  }
+  else {
+    callback()
+  }
+}
+
+// 校验规则
+const rules = ref({
+  sampleName: [{ required: true, message: '样品名称不能为空', trigger: 'blur' }],
+  sampleModel: [{ required: true, message: '样品型号不能为空', trigger: 'blur' }],
+  manufacturingNo: [{ required: true, message: '出厂编号不能为空', trigger: 'blur' }],
+  customerNo: [{ required: true, message: '委托方代码不能为空', trigger: 'change' }],
+  customerName: [{ required: true, message: '委托方名称不能为空', trigger: 'blur' }],
+  phone: [{ required: true, message: '委托方电话不能为空', trigger: 'blur' }],
+  postalCode: [{ required: true, message: '委托方邮编不能为空', trigger: 'blur' }],
+  companyAddress: [{ required: true, message: '委托方地址不能为空', trigger: 'blur' }],
+  mesureContent: [{ required: true, message: '检定项目不能为空', trigger: 'blur' }],
+  mesurePeriod: [{ validator: validateMesurePeriod, trigger: 'blur' }],
+}) // 表单验证规则
+
+// 其他关联数据列表
+const dataList = ref({
+  measureRecords: [] as SimpleMeasureRecord[],
+  certificationRecords: [] as SimpleCertification[],
+})
+
+// 获取检定记录
+const fetchMeasureRecords = function (query = null) {
+  dataList.value.measureRecords = []
+}
+// 获取检定证书
+const fetchCertifications = function (query = null) {
+  dataList.value.certificationRecords = []
+}
+
+// 菜单
+const menu: Menu[] = [
+  {
+    name: '检定记录',
+    columns: [
+      { text: '委托单编号', value: 'orderCode' },
+      { text: '委托单日期', value: 'orderTime' },
+      { text: '委托方代码', value: 'customerCode' },
+      { text: '委托方名称', value: 'customerName' },
+      { text: '送检人', value: 'deliverer' },
+      { text: '送检日期', value: 'deliverTime' },
+    ],
+    list: 'measureRecords',
+    pagination: true,
+    searchFunc: fetchMeasureRecords,
+  },
+  {
+    name: '检定证书',
+    columns: [
+      { text: '证书编号', value: 'certificationCode' },
+      { text: '证书名称', value: 'certificationName' },
+      { text: '证书类型', value: 'certificationType' },
+      { text: '证书出具日期', value: 'effectiveDate' },
+      { text: '证书有效期', value: 'expirationDate' },
+    ],
+    list: 'certificationRecords',
+    pagination: true,
+    searchFunc: fetchCertifications,
+  },
+]
+
+const currentMenu = ref('检定记录')
+const currentMenuObj = computed(() => {
+  return menu.find(item => item.name === currentMenu.value)
+})
+
+// 从路由中获取页面类型参数
+const $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 $router = useRouter()
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+
+// 打印表单
+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: '',
+})
+
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  // 原生上传
+  console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    UploadFile(fd).then((res) => {
+      if (res.code === 200) {
+        dataForm.value.minioFileName = res.data[0]
+        // 重置当前验证
+        ElMessage.success('文件上传成功')
+      }
+      else {
+        ElMessage.error(res.message)
+      }
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+
+// 委托方代码获取焦点
+const customerNoFocus = () => {
+  visible.value = true
+  console.log(visible.value)
+}
+
+// 选好委托方
+const confirmCheckout = (val: Array<ICustomer>) => {
+  if (val && val.length) {
+    const getValue = val[0]
+    dataForm.value.customerNo = getValue.customerNo
+    dataForm.value.customerName = getValue.customerName
+    dataForm.value.phone = getValue.phone
+    dataForm.value.postalCode = getValue.postalCode
+    dataForm.value.companyAddress = getValue.briefName
+  }
+}
+
+// 控制选择委托方对话框显隐
+const changeVisible = (val: boolean) => {
+  visible.value = val
+}
+
+// 保存
+function saveForm(formEl: FormInstance | undefined) {
+  if (!formEl) { return }
+  formEl.validate((valid, fields) => {
+    if (valid) {
+      ElMessageBox.confirm(
+        '确认保存吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then(() => {
+        if (dataForm.value.id) {
+          updateSample(dataForm.value).then((res) => {
+            if (res.code === 200) {
+              dataForm.value.id = res.data.id
+              dataForm.value.customerNo = res.data.customerNo
+              ElMessage.success('已保存')
+              $router.go(-1)
+            }
+          })
+        }
+        else {
+          addSample(dataForm.value).then((res) => {
+            if (res.code === 200) {
+              dataForm.value.id = res.data.id
+              dataForm.value.customerNo = res.data.customerNo
+              ElMessage.success('已保存')
+              $router.go(-1)
+            }
+          })
+        }
+      })
+    }
+  })
+}
+
+// 提交表单
+function submitForm() {
+  if (dataForm.value.id) {
+    const params = {
+      id: dataForm.value.id,
+      formId: SCHEDULE.SUPPLIER_APPROVAL, // 表单id
+    }
+    addSample(params).then((res) => {
+      ElMessage.success('提交成功')
+      close()
+    })
+  }
+  else {
+    ElMessage.info('请先保存再提交！')
+  }
+}
+
+const getInfo = () => {
+  getSapmleDetail({ id: infoId.value }).then((res) => {
+    res.data = {
+      ABC: 'A',
+      companyAddress: '北京/北京市',
+      customerName: '京东集团',
+      customerNo: 'sygf202211290001',
+      id: '',
+      labelBind: '11222',
+      manufacturer: '北京某厂家',
+      manufacturerCountry: 'CN',
+      manufacturingDate: '2023-03',
+      manufacturingNo: '123121',
+      mesureCategory: 'jd',
+      mesureContent: '项目1',
+      mesurePeriod: '1',
+      mesureType: 'zj',
+      minioFileName: '小程序工期表-1117_1674961769128.xlsx',
+      phone: '950618',
+      postalCode: 'test',
+      remark: '无备注',
+      sampleModel: '型号1',
+      sampleName: '样品1',
+      sampleNo: '',
+      measureResultCode: 'bhg',
+    }
+    // dataForm.value = res.data
+    // dataForm.value.measureResult = mesureResultMap[dataForm.value.measureResultCode]
+    // for (const item of menu) {
+    //   item.searchFunc()
+    // }
+  })
+}
+
+// 非添加页面获取详情
+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'" type="primary" @click="saveForm(ruleFormRef)">
+          保存
+        </el-button>
+        <el-button type="info" @click="close">
+          关闭
+        </el-button>
+      </template>
+      <div id="form">
+        <el-form
+          ref="ruleFormRef"
+          :model="dataForm"
+          :label-width="120"
+          label-position="right"
+          :rules="rules"
+        >
+          <el-row :gutter="24">
+            <el-col :span="6">
+              <el-form-item label="样品编号:" prop="sampleNo">
+                <el-input
+                  v-model="dataForm.sampleNo"
+                  :placeholder="pageType === 'detail' ? '' : '系统自动生成'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="样品名称:" prop="sampleName">
+                <el-input
+                  v-model="dataForm.sampleName"
+                  :placeholder="pageType === 'detail' ? '' : '请输入样品名称'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col><el-col :span="6">
+              <el-form-item label="样品型号:" prop="sampleModel">
+                <el-input
+                  v-model="dataForm.sampleModel"
+                  :placeholder="pageType === 'detail' ? '' : '请输入样品型号'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="出厂编号:" prop="manufacturingNo">
+                <el-input
+                  v-model="dataForm.manufacturingNo"
+                  :placeholder="pageType === 'detail' ? '' : '请输入出厂编号'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="委托方代码" prop="customerNo">
+                <el-input
+                  v-model="dataForm.customerNo"
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方代码'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                  @focus="customerNoFocus"
+                >
+                  <template #suffix>
+                    <el-icon v-if="pageType !== 'detail'" class="el-input__icon">
+                      <search />
+                    </el-icon>
+                  </template>
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="委托方名称" prop="customerName">
+                <el-input
+                  v-model="dataForm.customerName"
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方名称'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="委托方电话" prop="phone">
+                <el-input
+                  v-model="dataForm.phone"
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方电话'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="委托方邮编" prop="postalCode">
+                <el-input
+                  v-model="dataForm.postalCode"
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方邮编'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="18">
+              <el-form-item label="委托方地址:" prop="companyAddress">
+                <el-input
+                  v-model="dataForm.companyAddress"
+                  type="textarea"
+                  autosize
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方地址'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="校检类别:">
+                <el-select
+                  v-model="dataForm.mesureCategory"
+                  :placeholder="pageType === 'detail' ? '' : '请选择校检类别'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                >
+                  <el-option v-for="item of mesureCategoryList" :key="item.value" :label="item.label" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="生产厂家:">
+                <el-input
+                  v-model="dataForm.manufacturer"
+                  :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-select
+                  v-model="dataForm.manufacturerCountry"
+                  :placeholder="pageType === 'detail' ? '' : '请选择厂家国别'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                >
+                  <el-option v-for="country of countryList" :key="country.code" :label="country.CNName" :value="country.code" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="出厂年月:">
+                <el-date-picker
+                  v-model="dataForm.manufacturingDate"
+                  type="month"
+                  format="YYYY-MM"
+                  value-format="YYYY-MM"
+                  class="full-width-input"
+                  :placeholder="pageType === 'detail' ? '' : '请输入出厂年月'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="ABC:">
+                <el-select
+                  v-model="dataForm.ABC"
+                  :placeholder="pageType === 'detail' ? '' : '请选择ABC'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                >
+                  <el-option v-for="item of ['A', 'B', 'C']" :key="item" :label="item" :value="item" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="检定周期（月）:" prop="mesurePeriod">
+                <el-input
+                  v-model="dataForm.mesurePeriod"
+                  :placeholder="pageType === 'detail' ? '' : '请输入检定周期'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="检定日期:">
+                <el-input
+                  v-model="dataForm.measureDate"
+                  :placeholder="pageType === 'detail' ? '' : '请输入检定日期'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="有效日期:">
+                <el-input
+                  v-model="dataForm.effectiveDate"
+                  :placeholder="pageType === 'detail' ? '' : '请输入有效日期'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="检定结果:">
+                <el-input
+                  v-model="dataForm.measureResult"
+                  :placeholder="pageType === 'detail' ? '' : '请选择检定结果'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="送检人:">
+                <el-input
+                  v-model="dataForm.deliverer"
+                  :placeholder="pageType === 'detail' ? '' : '请输入送检人'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="联系方式:">
+                <el-input
+                  v-model="dataForm.delivererTel"
+                  :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-select
+                  v-model="dataForm.mesureType"
+                  :placeholder="pageType === 'detail' ? '' : '请选择检定方式'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                >
+                  <el-option v-for="item of mesureTypeList" :key="item.value" :label="item.label" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="标签绑定:">
+                <el-input
+                  v-model="dataForm.labelBind"
+                  :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="12">
+              <el-form-item label="检定项目:" prop="mesureContent">
+                <el-input
+                  v-model="dataForm.mesureContent"
+                  :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="12">
+              <el-form-item label="备注:">
+                <el-input
+                  v-model="dataForm.remark"
+                  type="textarea"
+                  autosize
+                  :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="12">
+              <el-form-item label="说明书:">
+                <show-photo v-if="dataForm.minioFileName" :minio-file-name="dataForm.minioFileName" />
+                <span v-else-if="pageType === 'detail'">无</span>
+                <input v-show="pageType === ''" ref="fileRef" type="file" @change="onFileChange">
+                <el-button v-if="pageType !== 'detail'" id="file" type="primary" :disabled="pageType === 'detail'" :style="{ 'margin-left': dataForm.minioFileName === '' ? '0px' : '20px' }" @click="upload">
+                  {{ dataForm.minioFileName === '' ? '上传' : '更换附件' }}
+                </el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </detail-page>
+
+    <!-- 检定记录、检定证书 -->
+    <detail-block-switch v-if="pageType === 'detail'" :title="currentMenu">
+      <template #menu>
+        <el-radio-group v-model="currentMenu">
+          <el-radio-button v-for="item in menu" :key="item.name" :label="item.name">
+            {{ item.name }}
+          </el-radio-button>
+        </el-radio-group>
+      </template>
+      <template-table v-if="currentMenuObj" :columns="currentMenuObj.columns" :list="dataList[currentMenuObj.list]" :loading="false" :pagination="currentMenuObj.pagination" @change-page="currentMenuObj?.searchFunc" />
+    </detail-block-switch>
+
+    <!-- 选择委托方组件 -->
+    <sample-dialog v-model:visible="visible" @confirmCheckout="confirmCheckout" @changeVisible="changeVisible" />
   </app-container>
 </template>
 
 <style lang="scss" scoped>
 // 样式
 </style>
+
diff --git a/src/views/business/schedule/interchange/interchangeList.vue b/src/views/business/schedule/interchange/interchangeList.vue
index f65137f..5bb8865 100644
--- a/src/views/business/schedule/interchange/interchangeList.vue
+++ b/src/views/business/schedule/interchange/interchangeList.vue
@@ -1,13 +1,557 @@
 <script lang="ts" setup name="InterchangeList">
-// 设备交接单列表
+import type { Ref } from 'vue'
+import { getCurrentInstance, ref } from 'vue'
+import type { DateModelType } from 'element-plus'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IListQuery, IinterchangeList } from './interchange_interface'
+import ButtonBox from './buttonBox.vue'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import {
+  exportInterchangeList,
+  getInterChangeList,
+  interchangeListBack,
+  interchangeListComplete,
+  interchangeListDelete,
+  interchangeListReturn,
+  interchangeListTake,
+  interchangeListTerminate,
+  interchangeListUrge,
+} from '@/api/business/schedule'
+import { printJSON } from '@/utils/printUtils'
+
+const { proxy } = getCurrentInstance() as any
+const $router = useRouter()
+
+// 是否加急
+const isUrgentMap = [
+  { label: '全部', value: '0' },
+  { label: '是', value: '1' },
+  { label: '否', value: '2' },
+]
+
+// 样品属性
+const sampleAttrMap = [
+  { label: '全部', value: '0' },
+  { label: '客户样品', value: '1' },
+  { label: '自有设备', value: '2' },
+]
+
+const currentMenu = ref('taking') // buttonBox菜单选中项
+
+// 查询条件
+const listQuery: Ref<IListQuery> = ref({
+  sampleNo: '', // 样品编号
+  sampleName: '', // 样品名称
+  orderCode: '', // 委托书编号
+  customerId: '', // 委托方代码
+  startTime: '', // 预计送达开始时间
+  endTime: '', // 预计送达结束时间
+  isUrgent: '', // 是否加急
+  sampleAttr: '', // 样品属性
+  type: '',
+  offset: 1,
+  limit: 20,
+})
+const timeRange = ref<[DateModelType, DateModelType]>(['', ''])
+
+// 表头待收入
+const columnsTaking = ref<TableColumn[]>([
+  { text: '样品编号', value: 'sampleNo', width: '160', align: 'center' },
+  { text: '样品名称', value: 'sampleName', width: '120', align: 'center' },
+  { text: '型号', value: 'sampleModel', align: 'center' },
+  { text: '出厂编号', value: 'evaluationName', align: 'center' },
+  { text: '委托书编号', value: 'orderCode', align: 'center' },
+  { text: '委托方代码', value: 'customerId', align: 'center' },
+  { text: '委托方名称', value: 'customerName', align: 'center' },
+  { text: '送检人', value: 'deliverer', align: 'center' },
+  { text: '是否加急', value: 'isUrgent', align: 'center' },
+  { text: '样品属性', value: 'sampleAttr', align: 'center' },
+  { text: '预计送达时间', value: 'planDeliverTime', align: 'center' },
+])
+
+const columns = ref<TableColumn[]>([
+  { text: '样品编号', value: 'sampleNo', width: '160', align: 'center' },
+  { text: '样品名称', value: 'sampleName', width: '120', align: 'center' },
+  { text: '型号', value: 'sampleModel', align: 'center' },
+  { text: '出厂编号', value: 'evaluationName', align: 'center' },
+  { text: '委托书编号', value: 'orderCode', align: 'center' },
+  { text: '委托方代码', value: 'customerId', align: 'center' },
+  { text: '委托方名称', value: 'customerName', align: 'center' },
+  { text: '实际送达时间', value: 'deliverTime', align: 'center' },
+  { text: '要求检完时间', value: 'requireOverTime', align: 'center' },
+  { text: '是否加急', value: 'isUrgent', align: 'center' },
+  { text: '样品属性', value: 'sampleAttr', align: 'center' },
+  { text: '当前检定环节', value: 'currentDeliver', align: 'center' },
+  { text: '证书出具', value: 'Certifications', align: 'center' },
+])
+
+// 表格数据
+const list = ref<IinterchangeList[]>([])
+// 总数
+const total = ref(0)
+// 表格加载状态
+const loadingTable = ref(false)
+// 选中的内容
+const checkoutList = ref<string[]>([])
+// 数据查询
+function fetchData(isNowPage = false) {
+  // loadingTable.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    listQuery.value.offset = 1
+  }
+  listQuery.value.startTime = timeRange.value[0] as string || ''
+  listQuery.value.endTime = timeRange.value[1] as string || ''
+  listQuery.value.type = currentMenu.value
+  // getInterChangeList(listQuery.value).then((response) => {
+  //   response.data.rows = [
+  //     {
+  //       id: 'test',
+  //       sampleNo: 'test', // 样品编号
+  //       sampleName: 'test', // 样品名称
+  //       sampleModel: 'test', // 型号
+  //       evaluationName: 'test', // 出厂编号
+  //       orderCode: 'test', // 委托书编号
+  //       customerId: 'test', // 委托方代码
+  //       customerName: 'test', // 委托方名称
+  //       deliverer: 'test', // 送检人
+  //       isUrgent: 'test', // 是否加急
+  //       sampleAttr: 'test', // 样品属性
+  //       planDeliverTime: 'test', // 预计送达时间
+  //     }]
+  //   list.value = response.data.rows.map((item: IinterchangeList) => {
+  //     return {
+  //       ...item,
+  //       Certifications: item.currentCertifications === item.requireCertifications ? item.requireCertifications : (`${item.currentCertifications}/${item.requireCertifications}`),
+  //     }
+  //   })
+  //   total.value = parseInt(response.data.total)
+  //   loadingTable.value = false
+  // })
+  list.value = [
+    {
+      id: 'test',
+      sampleNo: 'test', // 样品编号
+      sampleName: 'test', // 样品名称
+      sampleModel: 'test', // 型号
+      evaluationName: 'test', // 出厂编号
+      orderCode: 'test', // 委托书编号
+      customerId: 'test', // 委托方代码
+      customerName: 'test', // 委托方名称
+      deliverer: 'test', // 送检人
+      isUrgent: '2', // 是否加急
+      sampleAttr: '1', // 样品属性
+      planDeliverTime: 'test', // 预计送达时间
+      deliverTime: 'test', // 实际送达时间
+      requireOverTime: 'test', // 要求检完时间
+      currentCertifications: '1', // 已出具证书总数
+      requireCertifications: '5', // 应出具证书总数
+      currentDeliver: 'test', // 当前检定环节
+    }].map((item: IinterchangeList) => {
+    return {
+      ...item,
+      Certifications: item.currentCertifications === item.requireCertifications ? item.requireCertifications : (`${item.currentCertifications}/${item.requireCertifications}`),
+    }
+  })
+}
+
+// 点击搜索
+const searchList = () => {
+  fetchData(true)
+}
+// 点击重置
+const clearList = () => {
+  listQuery.value = {
+    sampleNo: '', // 样品编号
+    sampleName: '', // 样品名称
+    orderCode: '', // 委托书编号
+    customerId: '', // 委托方代码
+    startTime: '', // 预计送达开始时间
+    endTime: '', // 预计送达结束时间
+    isUrgent: '', // 是否加急
+    sampleAttr: '', // 样品属性
+    offset: 1,
+    limit: 20,
+  }
+  timeRange.value = ['', '']
+}
+
+// 多选发生改变时
+function handleSelectionChange(e: any) {
+  checkoutList.value = e.map((item: { id: string }) => item.id)
+}
+
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+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)
+}
+
+// 监听buttonBox切换
+const changeCurrentButton = (val: string) => {
+  currentMenu.value = val
+  console.log(currentMenu.value)
+
+  fetchData(true)
+}
+
+// 点击扫描收入
+const scanTake = () => {}
+// 点击扫描结束检定
+const scanOver = () => {}
+// 点击扫描归还
+const scanReturn = () => {}
+// 点击标签绑定
+const scan = () => {}
+
+// 导出
+const exportAll = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: '下载中请稍后',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (list.value.length > 0) {
+    const params = {
+      sampleNo: listQuery.value.sampleNo, // 样品编号
+      sampleName: listQuery.value.sampleName, // 样品名称
+      orderCode: listQuery.value.orderCode, // 委托书编号
+      customerId: listQuery.value.customerId, // 委托方代码
+      startTime: listQuery.value.startTime, // 预计送达开始时间
+      endTime: listQuery.value.endTime, // 预计送达结束时间
+      isUrgent: listQuery.value.isUrgent, // 是否加急
+      sampleAttr: listQuery.value.sampleAttr, // 样品属性
+      type: currentMenu.value,
+      ids: checkoutList.value,
+    }
+    exportInterchangeList(params).then((res) => {
+      const blob = new Blob([res.data])
+      exportFile(blob, '设备收发列表.xlsx')
+    })
+  }
+  else {
+    ElMessage.warning('无数据可导出数据')
+  }
+  loading.close()
+}
+
+// 操作
+const handleEdit = (row: IinterchangeList, type: string, title: string) => {
+  ElMessageBox.confirm(
+    `确认${title}吗？`,
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  )
+    .then(() => {
+      if (type === 'take') { // 收入
+        interchangeListTake({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'delete') { // 删除
+        interchangeListDelete({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'complete') { // 完成
+        interchangeListComplete({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'back') { // 回退
+        interchangeListBack({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'return') { // 归还
+        interchangeListReturn({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'urge') { // 催办
+        interchangeListUrge({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'terminate') { // 终止
+        interchangeListTerminate({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+    })
+}
+
+// 打印列表
+function printList() {
+  // 打印列
+  let column = columnsTaking.value
+  if (currentMenu.value === 'taking') {
+    column = columns.value
+  }
+  const properties = column.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: IinterchangeList) => checkoutList.value.includes(item.id))
+    printJSON(printList, properties, '设备收发列表')
+  }
+  else {
+    ElMessage.warning('无可打印内容')
+  }
+}
+
+// 点击编辑或详情
+const goEdit = (row: IinterchangeList, pageType: 'edit' | 'detail') => {
+  $router.push(`/schedule/interchange/${pageType}/${row.sampleNo}`)
+}
+
+fetchData(true)
 </script>
 
 <template>
   <app-container>
-    设备收发
+    <search-area
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.sampleNo"
+          placeholder="样品编号"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.sampleName"
+          placeholder="样品名称"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.orderCode"
+          placeholder="委托书编号"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.customerId"
+          placeholder="委托方代码"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <search-item>
+          <el-date-picker
+            v-model="timeRange"
+            type="datetimerange"
+            range-separator="到"
+            format="YYYY/MM/DD"
+            value-format="YYYY-MM-DD"
+            start-placeholder="预计送达开始时间"
+            end-placeholder="预计送达结束时间"
+          />
+        </search-item>
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.isUrgent" placeholder="是否加急" style="width: 120px;" clearable>
+          <el-option
+            v-for="item in isUrgentMap"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.sampleAttr" placeholder="样品属性" style="width: 120px;" clearable>
+          <el-option
+            v-for="item in sampleAttrMap"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </search-item>
+    </search-area>
+    <table-container>
+      <template #btns-right>
+        <icon-button v-if="proxy.hasPerm('/schedule/interchangeList/scanTake') && currentMenu === 'taking'" icon="icon-device" title="扫描收入" type="primary" @click="scanTake" />
+        <icon-button v-if="proxy.hasPerm('/schedule/interchangeList/scanOver') && (currentMenu === 'took' || currentMenu === 'overtime') " icon="icon-device" title="扫描结束检定" type="primary" @click="scanOver" />
+        <icon-button v-if="proxy.hasPerm('/schedule/interchangeList/scanReturn') && currentMenu === 'returning'" icon="icon-device" title="扫描归还" type="primary" @click="scanReturn" />
+        <icon-button v-if="proxy.hasPerm('/sample/list/export')" icon="icon-export" title="导出" type="primary" @click="exportAll" />
+        <icon-button v-if="proxy.hasPerm('/sample/list/print')" icon="icon-print" title="打印" type="primary" @click="printList" />
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="currentMenu === 'taking' ? columnsTaking : columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multi-select="handleSelectionChange"
+      >
+        <template #columns>
+          <el-table-column label="操作" align="center" width="220">
+            <template #default="{ row }">
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/edit') && currentMenu === 'taking'"
+                size="small"
+                type="primary"
+                link
+                @click="goEdit(row, 'edit')"
+              >
+                编辑
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="goEdit(row, 'detail')"
+              >
+                详情
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/tagBinding') && (currentMenu === 'taking' || currentMenu === 'took' || currentMenu === 'returning')"
+                size="small"
+                link
+                type="primary"
+                @click="scan()"
+              >
+                标签绑定
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/take') && currentMenu === 'taking'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'take', '收入')"
+              >
+                收入
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/delete') && currentMenu === 'taking'"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row, 'delete', '删除')"
+              >
+                删除
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/complete') && currentMenu === 'took'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'complete', '完成')"
+              >
+                完成
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/return') && currentMenu === 'returning'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'return', '归还')"
+              >
+                归还
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/back') && (currentMenu === 'returning' || currentMenu === 'took' || currentMenu === 'returned')"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'back', '回退')"
+              >
+                回退
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/urge') && currentMenu === 'overtime'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'urge', '催办')"
+              >
+                催办
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/terminate') && (currentMenu === 'took' || currentMenu === 'overtime')"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'terminate', '终止')"
+              >
+                终止
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box @changeCurrentButton="changeCurrentButton" />
   </app-container>
 </template>
 
 <style lang="scss" scoped>
-// 样式
+.short-input {
+  width: 160px;
+}
 </style>
diff --git a/src/views/business/schedule/interchange/interchange_interface.ts b/src/views/business/schedule/interchange/interchange_interface.ts
new file mode 100644
index 0000000..a7df4fd
--- /dev/null
+++ b/src/views/business/schedule/interchange/interchange_interface.ts
@@ -0,0 +1,95 @@
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+
+export interface IListQuery {
+  sampleNo: string // 样品编号
+  sampleName: string // 样品名称
+  orderCode: string // 委托书编号
+  customerId: string // 委托方代码
+  startTime: string // 预计送达开始时间
+  endTime: string // 预计送达结束时间
+  isUrgent: string // 是否加急
+  sampleAttr: string // 样品属性
+  type: string // 类型（buttonBox）
+  offset: number
+  limit: number
+}
+
+export interface IinterchangeList {
+  id: string
+  sampleNo: string // 样品编号
+  sampleName: string // 样品名称
+  sampleModel: string // 型号
+  evaluationName: string // 出厂编号
+  orderCode: string // 委托书编号
+  customerId: string // 委托方代码
+  customerName: string // 委托方名称
+  deliverer: string // 送检人
+  isUrgent: string // 是否加急
+  sampleAttr: string // 样品属性
+  planDeliverTime: string // 预计送达时间
+  deliverTime: string // 实际送达时间
+  requireOverTime: string // 要求检完时间
+  currentCertifications: string | number // 已出具证书总数
+  requireCertifications: string | number // 应出具证书总数
+  currentDeliver: string // 当前检定环节
+}
+
+// 检定记录
+export interface SimpleMeasureRecord {
+  orderCode: string // 委托单编号
+  orderTime: string // 委托单日期
+  customerCode: string // 委托人代码
+  customerName: string // 委托人名称
+  deliverer: string // 送检人
+  deliverTime: string // 送检日期
+}
+
+// 检定证书
+export interface SimpleCertification {
+  certificationCode: string // 证书编号
+  certificationName: string // 证书形成
+  certificationType: string // 证书类型
+  effectiveDate: string // 证书出具日期
+  expirationDate: string // 证书有效期
+}
+
+export interface Menu {
+  name: string
+  columns: TableColumn[]
+  pagination: boolean
+  list: 'measureRecords' | 'certificationRecords'
+  searchFunc: Function
+}
+
+export interface ISampleDetail {
+  id?: string
+  sampleNo: string // 样品编号
+  sampleName: string // 样品名称
+  sampleModel: string // 样品型号
+  manufacturingNo: string // 出厂编号
+  customerNo: string // 委托方代码
+  customerName: string // 委托方名称
+  phone: string // 委托方电话
+  postalCode: string // 委托方邮编
+  companyAddress: string // 委托方地址
+  mesureCategory: string // 检校类别
+  manufacturer: string // 生产厂家
+  manufacturerCountry: string // 厂家国别
+  manufacturingDate: string // 出厂年月
+  ABC: string // ABC
+  deliverer?: string // 送检人
+  delivererTel?: string // 送检人联系方式
+  planDeliverTime?: string // 预计送达时间
+  requireOverTime?: string // 要求检完时间
+  mesureContent: string // 检定项目
+  mesurePeriod: string // 检定周期
+  remark: string // 备注
+  minioFileName: string // 说明书
+  labelBind: string // 标签绑定
+  mesureType: string // 检定方式
+  measureDate?: string // 检定日期
+  effectiveDate?: string // 有效日期
+  measureResultCode?: string // 检定结果代码
+  measureResult?: string // 检定结果
+}
+
diff --git a/src/views/customer/sample/list/list.vue b/src/views/customer/sample/list/list.vue
index 4086b48..ac83279 100644
--- a/src/views/customer/sample/list/list.vue
+++ b/src/views/customer/sample/list/list.vue
@@ -98,7 +98,7 @@
   $router.push(`/sample/${pageType}/${row.id}`)
 }
 // 点击删除
-const handleDelete = (index: string, row: ISampleList) => {
+const handleDelete = (row: ISampleList) => {
   ElMessageBox.confirm(
     `确认删除${row.customerName}吗？`,
     '提示',
@@ -137,6 +137,7 @@
     offset: 1,
     limit: 20,
   }
+  timeRange.value = ['', '']
 }
 
 // 上传文件/批量导入
@@ -330,7 +331,7 @@
                 size="small"
                 link
                 type="danger"
-                @click="handleDelete(row.$index, row)"
+                @click="handleDelete(row)"
               >
                 删除
               </el-button>
diff --git a/src/views/customer/sample/overTime/detail.vue b/src/views/customer/sample/overTime/detail.vue
index 3541675..a16196c 100644
--- a/src/views/customer/sample/overTime/detail.vue
+++ b/src/views/customer/sample/overTime/detail.vue
@@ -1,17 +1,13 @@
 <!-- 新建、编辑、详情 -->
 <script lang="ts" setup name="SampleEdit">
 import type { Ref } from 'vue'
-import { ElMessage, ElMessageBox } from 'element-plus'
-import type { FormInstance, UploadUserFile } from 'element-plus'
 import { ref } from 'vue'
 import { Calendar, Search } from '@element-plus/icons-vue'
 import type { ISampleDetail, SimpleCertification, SimpleMeasureRecord } from './overtime_list_interface'
 import showPhoto from '@/views/system/tool/showPhoto.vue'
-import { SCHEDULE } from '@/utils/scheduleDict'
 import TemplateTable from '@/views/customer/customerInfo/templateTable.vue'
-import { addSample, getSapmleDetail, updateSample } from '@/api/customer/sampleList'
+import { getSapmleDetail } from '@/api/customer/sampleList'
 import countries from '@/components/AddressSelect/country-code.json'
-import { UploadFile } from '@/api/measure/file'
 import type { TableColumn } from '@/components/NormalTable/table_interface'
 
 const textMap: { [key: string]: string } = {

diff --git a/src/api/business/schedule.ts b/src/api/business/schedule.ts
new file mode 100644
index 0000000..f5b4569
--- /dev/null
+++ b/src/api/business/schedule.ts
@@ -0,0 +1,89 @@
+/**
+ * 设备收发接口
+*/
+import request from '../index'
+import type { IListQuery } from '@/views/business/schedule/interchange/interchange_interface'
+const prefix = '/meter'
+
+// 列表查询
+export function getInterChangeList(data: IListQuery) {
+  return request({
+    url: `${prefix}/schedule/interChange/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 导出列表
+export function exportInterchangeList(data: Omit<IListQuery, 'limit' | 'offset'>) {
+  return request({
+    url: `${prefix}/schedule/interChange/listExport`,
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
+
+// 根据样品id收入
+export function interchangeListTake(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/take`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id删除
+export function interchangeListDelete(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/delete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id完成
+export function interchangeListComplete(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/complete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id回退
+export function interchangeListBack(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/back`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id归还
+export function interchangeListReturn(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/return`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id催办
+export function interchangeListUrge(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/urge`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id终止
+export function interchangeListTerminate(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/terminate`,
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/views/business/schedule/interchange/buttonBox.vue b/src/views/business/schedule/interchange/buttonBox.vue
new file mode 100644
index 0000000..dc864bd
--- /dev/null
+++ b/src/views/business/schedule/interchange/buttonBox.vue
@@ -0,0 +1,45 @@
+<script lang="ts" setup name="ButtonBox">
+import { DefaultProps } from 'element-plus'
+import { ref } from 'vue'
+const emits = defineEmits(['changeCurrentButton'])
+// 按钮菜单
+const menu = [
+  { name: '待收入', id: 'taking' },
+  { name: '已收入', id: 'took' },
+  { name: '待归还', id: 'returning' },
+  { name: '已归还', id: 'returned' },
+  { name: '已超期', id: 'overtime' },
+]
+const current = ref('taking')
+watch(current, (newValue) => {
+  emits('changeCurrentButton', newValue)
+})
+</script>
+
+<template>
+  <div class="container">
+    <div class="btns">
+      <!-- 三级菜单 -->
+      <el-radio-group v-model="current">
+        <el-radio-button v-for="item in menu" :key="item.id" :label="item.id">
+          {{ item.name }}
+        </el-radio-button>
+      </el-radio-group>
+    </div>
+    <!-- 展示区域 -->
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  position: relative;
+
+  .btns {
+    position: fixed;
+    top: 76px;
+    right: 15px;
+    z-index: 999;
+  }
+}
+</style>
+
diff --git a/src/views/business/schedule/interchange/interchangeEdit.vue b/src/views/business/schedule/interchange/interchangeEdit.vue
index 8c9b87c..67066a8 100644
--- a/src/views/business/schedule/interchange/interchangeEdit.vue
+++ b/src/views/business/schedule/interchange/interchangeEdit.vue
@@ -1,13 +1,712 @@
+<!-- 新建、编辑、详情 -->
 <script lang="ts" setup name="InterchangeEdit">
-// 设备交接单编辑
+import type { Ref } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, UploadUserFile } from 'element-plus'
+import { ref } from 'vue'
+import { Calendar, Search } from '@element-plus/icons-vue'
+import type { ISampleDetail, Menu, SimpleCertification, SimpleMeasureRecord } from './interchange_interface'
+import sampleDialog from '@/views/customer/sample/list/sampleDialog.vue'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+import { SCHEDULE } from '@/utils/scheduleDict'
+import TemplateTable from '@/views/customer/customerInfo/templateTable.vue'
+import { addSample, getSapmleDetail, updateSample } from '@/api/customer/sampleList'
+import countries from '@/components/AddressSelect/country-code.json'
+import { UploadFile } from '@/api/measure/file'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import type { ICustomer } from '@/views/customer/customerInfo/customer_interface'
+
+const textMap: { [key: string]: string } = {
+  edit: '编辑',
+  add: '新建',
+  detail: '详情',
+}// 字典
+const pageType = ref('add') // 页面类型: add, edit, detail
+const countryList = ref(countries) // 国家列表
+const loading = ref(false) // 表单加载状态
+const infoId = ref('') // id
+const visible = ref(false) // 控制对话框显隐
+const mesureCategoryMap: { [key: string]: string } = {
+  edit: '编辑',
+  add: '新建',
+  detail: '详情',
+}// 字典
+const mesureCategoryList = [
+  {
+    label: '检定',
+    value: 'jd',
+  },
+  {
+    label: '检测',
+    value: 'jc',
+  },
+  {
+    label: '验收检定',
+    value: 'ysjd',
+  },
+  {
+    label: '抽检',
+    value: 'cj',
+  },
+  {
+    label: '校准',
+    value: 'jz',
+  },
+  {
+    label: '测试',
+    value: 'cs',
+  },
+  {
+    label: '验收校准',
+    value: 'ysjz',
+  },
+]// 校检类别
+const mesureResultList = [
+  {
+    label: '合格',
+    value: 'hg',
+  },
+  {
+    label: '修后合格',
+    value: 'xhhg',
+  },
+  {
+    label: '限用',
+    value: 'xy',
+  },
+  {
+    label: '准用',
+    value: 'zy',
+  },
+  {
+    label: '不合格',
+    value: 'bhg',
+  },
+  {
+    label: '漏检',
+    value: 'lj',
+  },
+  {
+    label: '逾期未检定',
+    value: 'yqwjd',
+  },
+]// 检定结果
+const mesureResultMap = {
+  hg: '合格',
+  xhhg: '修后合格',
+  xy: '限用',
+  zy: '准用',
+  bhg: '不合格',
+  lj: '漏检',
+  yqwjd: '逾期未检定',
+}// 检定结果字典
+const mesureTypeList = [
+  {
+    label: '自检',
+    value: 'zj',
+  },
+  {
+    label: '外包',
+    value: 'wb',
+  },
+]// 检定方式
+const dataForm: Ref<ISampleDetail> = ref({
+  id: '',
+  sampleNo: '', // 样品编号
+  sampleName: '', // 样品名称
+  sampleModel: '', // 样品型号
+  manufacturingNo: '', // 出厂编号
+  customerNo: '', // 委托方代码
+  customerName: '', // 委托方名称
+  phone: '', // 委托方电话
+  postalCode: '', // 委托方邮编
+  companyAddress: '', // 委托方地址
+  mesureCategory: '', // 检校类别
+  manufacturer: '', // 生产厂家
+  manufacturerCountry: '', // 厂家国别
+  manufacturingDate: '', // 出厂年月
+  ABC: '', // ABC
+  // deliverer: '', // 送检人
+  // delivererTel: '', // 送检人联系方式
+  mesureContent: '', // 检定项目
+  mesurePeriod: '', // 检定周期
+  remark: '', // 备注
+  minioFileName: '', // 说明书
+  labelBind: '', // 标签绑定
+  mesureType: '', // 检定方式
+})
+const ruleFormRef = ref<FormInstance>()
+
+// 自定义校验规则--检定周期为正整数
+const validateMesurePeriod = (rule: any, value: any, callback: any) => {
+  if (value === '') {
+    callback()
+  }
+  else if (!(/(^[1-9]\d*$)/.test(value))) {
+    callback(new Error('请输入一个正整数'))
+  }
+  else {
+    callback()
+  }
+}
+
+// 校验规则
+const rules = ref({
+  sampleName: [{ required: true, message: '样品名称不能为空', trigger: 'blur' }],
+  sampleModel: [{ required: true, message: '样品型号不能为空', trigger: 'blur' }],
+  manufacturingNo: [{ required: true, message: '出厂编号不能为空', trigger: 'blur' }],
+  customerNo: [{ required: true, message: '委托方代码不能为空', trigger: 'change' }],
+  customerName: [{ required: true, message: '委托方名称不能为空', trigger: 'blur' }],
+  phone: [{ required: true, message: '委托方电话不能为空', trigger: 'blur' }],
+  postalCode: [{ required: true, message: '委托方邮编不能为空', trigger: 'blur' }],
+  companyAddress: [{ required: true, message: '委托方地址不能为空', trigger: 'blur' }],
+  mesureContent: [{ required: true, message: '检定项目不能为空', trigger: 'blur' }],
+  mesurePeriod: [{ validator: validateMesurePeriod, trigger: 'blur' }],
+}) // 表单验证规则
+
+// 其他关联数据列表
+const dataList = ref({
+  measureRecords: [] as SimpleMeasureRecord[],
+  certificationRecords: [] as SimpleCertification[],
+})
+
+// 获取检定记录
+const fetchMeasureRecords = function (query = null) {
+  dataList.value.measureRecords = []
+}
+// 获取检定证书
+const fetchCertifications = function (query = null) {
+  dataList.value.certificationRecords = []
+}
+
+// 菜单
+const menu: Menu[] = [
+  {
+    name: '检定记录',
+    columns: [
+      { text: '委托单编号', value: 'orderCode' },
+      { text: '委托单日期', value: 'orderTime' },
+      { text: '委托方代码', value: 'customerCode' },
+      { text: '委托方名称', value: 'customerName' },
+      { text: '送检人', value: 'deliverer' },
+      { text: '送检日期', value: 'deliverTime' },
+    ],
+    list: 'measureRecords',
+    pagination: true,
+    searchFunc: fetchMeasureRecords,
+  },
+  {
+    name: '检定证书',
+    columns: [
+      { text: '证书编号', value: 'certificationCode' },
+      { text: '证书名称', value: 'certificationName' },
+      { text: '证书类型', value: 'certificationType' },
+      { text: '证书出具日期', value: 'effectiveDate' },
+      { text: '证书有效期', value: 'expirationDate' },
+    ],
+    list: 'certificationRecords',
+    pagination: true,
+    searchFunc: fetchCertifications,
+  },
+]
+
+const currentMenu = ref('检定记录')
+const currentMenuObj = computed(() => {
+  return menu.find(item => item.name === currentMenu.value)
+})
+
+// 从路由中获取页面类型参数
+const $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 $router = useRouter()
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+
+// 打印表单
+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: '',
+})
+
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  // 原生上传
+  console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    UploadFile(fd).then((res) => {
+      if (res.code === 200) {
+        dataForm.value.minioFileName = res.data[0]
+        // 重置当前验证
+        ElMessage.success('文件上传成功')
+      }
+      else {
+        ElMessage.error(res.message)
+      }
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+
+// 委托方代码获取焦点
+const customerNoFocus = () => {
+  visible.value = true
+  console.log(visible.value)
+}
+
+// 选好委托方
+const confirmCheckout = (val: Array<ICustomer>) => {
+  if (val && val.length) {
+    const getValue = val[0]
+    dataForm.value.customerNo = getValue.customerNo
+    dataForm.value.customerName = getValue.customerName
+    dataForm.value.phone = getValue.phone
+    dataForm.value.postalCode = getValue.postalCode
+    dataForm.value.companyAddress = getValue.briefName
+  }
+}
+
+// 控制选择委托方对话框显隐
+const changeVisible = (val: boolean) => {
+  visible.value = val
+}
+
+// 保存
+function saveForm(formEl: FormInstance | undefined) {
+  if (!formEl) { return }
+  formEl.validate((valid, fields) => {
+    if (valid) {
+      ElMessageBox.confirm(
+        '确认保存吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then(() => {
+        if (dataForm.value.id) {
+          updateSample(dataForm.value).then((res) => {
+            if (res.code === 200) {
+              dataForm.value.id = res.data.id
+              dataForm.value.customerNo = res.data.customerNo
+              ElMessage.success('已保存')
+              $router.go(-1)
+            }
+          })
+        }
+        else {
+          addSample(dataForm.value).then((res) => {
+            if (res.code === 200) {
+              dataForm.value.id = res.data.id
+              dataForm.value.customerNo = res.data.customerNo
+              ElMessage.success('已保存')
+              $router.go(-1)
+            }
+          })
+        }
+      })
+    }
+  })
+}
+
+// 提交表单
+function submitForm() {
+  if (dataForm.value.id) {
+    const params = {
+      id: dataForm.value.id,
+      formId: SCHEDULE.SUPPLIER_APPROVAL, // 表单id
+    }
+    addSample(params).then((res) => {
+      ElMessage.success('提交成功')
+      close()
+    })
+  }
+  else {
+    ElMessage.info('请先保存再提交！')
+  }
+}
+
+const getInfo = () => {
+  getSapmleDetail({ id: infoId.value }).then((res) => {
+    res.data = {
+      ABC: 'A',
+      companyAddress: '北京/北京市',
+      customerName: '京东集团',
+      customerNo: 'sygf202211290001',
+      id: '',
+      labelBind: '11222',
+      manufacturer: '北京某厂家',
+      manufacturerCountry: 'CN',
+      manufacturingDate: '2023-03',
+      manufacturingNo: '123121',
+      mesureCategory: 'jd',
+      mesureContent: '项目1',
+      mesurePeriod: '1',
+      mesureType: 'zj',
+      minioFileName: '小程序工期表-1117_1674961769128.xlsx',
+      phone: '950618',
+      postalCode: 'test',
+      remark: '无备注',
+      sampleModel: '型号1',
+      sampleName: '样品1',
+      sampleNo: '',
+      measureResultCode: 'bhg',
+    }
+    // dataForm.value = res.data
+    // dataForm.value.measureResult = mesureResultMap[dataForm.value.measureResultCode]
+    // for (const item of menu) {
+    //   item.searchFunc()
+    // }
+  })
+}
+
+// 非添加页面获取详情
+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'" type="primary" @click="saveForm(ruleFormRef)">
+          保存
+        </el-button>
+        <el-button type="info" @click="close">
+          关闭
+        </el-button>
+      </template>
+      <div id="form">
+        <el-form
+          ref="ruleFormRef"
+          :model="dataForm"
+          :label-width="120"
+          label-position="right"
+          :rules="rules"
+        >
+          <el-row :gutter="24">
+            <el-col :span="6">
+              <el-form-item label="样品编号:" prop="sampleNo">
+                <el-input
+                  v-model="dataForm.sampleNo"
+                  :placeholder="pageType === 'detail' ? '' : '系统自动生成'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="样品名称:" prop="sampleName">
+                <el-input
+                  v-model="dataForm.sampleName"
+                  :placeholder="pageType === 'detail' ? '' : '请输入样品名称'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col><el-col :span="6">
+              <el-form-item label="样品型号:" prop="sampleModel">
+                <el-input
+                  v-model="dataForm.sampleModel"
+                  :placeholder="pageType === 'detail' ? '' : '请输入样品型号'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="出厂编号:" prop="manufacturingNo">
+                <el-input
+                  v-model="dataForm.manufacturingNo"
+                  :placeholder="pageType === 'detail' ? '' : '请输入出厂编号'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="委托方代码" prop="customerNo">
+                <el-input
+                  v-model="dataForm.customerNo"
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方代码'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                  @focus="customerNoFocus"
+                >
+                  <template #suffix>
+                    <el-icon v-if="pageType !== 'detail'" class="el-input__icon">
+                      <search />
+                    </el-icon>
+                  </template>
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="委托方名称" prop="customerName">
+                <el-input
+                  v-model="dataForm.customerName"
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方名称'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="委托方电话" prop="phone">
+                <el-input
+                  v-model="dataForm.phone"
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方电话'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="委托方邮编" prop="postalCode">
+                <el-input
+                  v-model="dataForm.postalCode"
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方邮编'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="18">
+              <el-form-item label="委托方地址:" prop="companyAddress">
+                <el-input
+                  v-model="dataForm.companyAddress"
+                  type="textarea"
+                  autosize
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方地址'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="校检类别:">
+                <el-select
+                  v-model="dataForm.mesureCategory"
+                  :placeholder="pageType === 'detail' ? '' : '请选择校检类别'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                >
+                  <el-option v-for="item of mesureCategoryList" :key="item.value" :label="item.label" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="生产厂家:">
+                <el-input
+                  v-model="dataForm.manufacturer"
+                  :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-select
+                  v-model="dataForm.manufacturerCountry"
+                  :placeholder="pageType === 'detail' ? '' : '请选择厂家国别'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                >
+                  <el-option v-for="country of countryList" :key="country.code" :label="country.CNName" :value="country.code" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="出厂年月:">
+                <el-date-picker
+                  v-model="dataForm.manufacturingDate"
+                  type="month"
+                  format="YYYY-MM"
+                  value-format="YYYY-MM"
+                  class="full-width-input"
+                  :placeholder="pageType === 'detail' ? '' : '请输入出厂年月'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="ABC:">
+                <el-select
+                  v-model="dataForm.ABC"
+                  :placeholder="pageType === 'detail' ? '' : '请选择ABC'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                >
+                  <el-option v-for="item of ['A', 'B', 'C']" :key="item" :label="item" :value="item" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="检定周期（月）:" prop="mesurePeriod">
+                <el-input
+                  v-model="dataForm.mesurePeriod"
+                  :placeholder="pageType === 'detail' ? '' : '请输入检定周期'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="检定日期:">
+                <el-input
+                  v-model="dataForm.measureDate"
+                  :placeholder="pageType === 'detail' ? '' : '请输入检定日期'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="有效日期:">
+                <el-input
+                  v-model="dataForm.effectiveDate"
+                  :placeholder="pageType === 'detail' ? '' : '请输入有效日期'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="检定结果:">
+                <el-input
+                  v-model="dataForm.measureResult"
+                  :placeholder="pageType === 'detail' ? '' : '请选择检定结果'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="送检人:">
+                <el-input
+                  v-model="dataForm.deliverer"
+                  :placeholder="pageType === 'detail' ? '' : '请输入送检人'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="联系方式:">
+                <el-input
+                  v-model="dataForm.delivererTel"
+                  :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-select
+                  v-model="dataForm.mesureType"
+                  :placeholder="pageType === 'detail' ? '' : '请选择检定方式'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                >
+                  <el-option v-for="item of mesureTypeList" :key="item.value" :label="item.label" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="标签绑定:">
+                <el-input
+                  v-model="dataForm.labelBind"
+                  :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="12">
+              <el-form-item label="检定项目:" prop="mesureContent">
+                <el-input
+                  v-model="dataForm.mesureContent"
+                  :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="12">
+              <el-form-item label="备注:">
+                <el-input
+                  v-model="dataForm.remark"
+                  type="textarea"
+                  autosize
+                  :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="12">
+              <el-form-item label="说明书:">
+                <show-photo v-if="dataForm.minioFileName" :minio-file-name="dataForm.minioFileName" />
+                <span v-else-if="pageType === 'detail'">无</span>
+                <input v-show="pageType === ''" ref="fileRef" type="file" @change="onFileChange">
+                <el-button v-if="pageType !== 'detail'" id="file" type="primary" :disabled="pageType === 'detail'" :style="{ 'margin-left': dataForm.minioFileName === '' ? '0px' : '20px' }" @click="upload">
+                  {{ dataForm.minioFileName === '' ? '上传' : '更换附件' }}
+                </el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </detail-page>
+
+    <!-- 检定记录、检定证书 -->
+    <detail-block-switch v-if="pageType === 'detail'" :title="currentMenu">
+      <template #menu>
+        <el-radio-group v-model="currentMenu">
+          <el-radio-button v-for="item in menu" :key="item.name" :label="item.name">
+            {{ item.name }}
+          </el-radio-button>
+        </el-radio-group>
+      </template>
+      <template-table v-if="currentMenuObj" :columns="currentMenuObj.columns" :list="dataList[currentMenuObj.list]" :loading="false" :pagination="currentMenuObj.pagination" @change-page="currentMenuObj?.searchFunc" />
+    </detail-block-switch>
+
+    <!-- 选择委托方组件 -->
+    <sample-dialog v-model:visible="visible" @confirmCheckout="confirmCheckout" @changeVisible="changeVisible" />
   </app-container>
 </template>
 
 <style lang="scss" scoped>
 // 样式
 </style>
+
diff --git a/src/views/business/schedule/interchange/interchangeList.vue b/src/views/business/schedule/interchange/interchangeList.vue
index f65137f..5bb8865 100644
--- a/src/views/business/schedule/interchange/interchangeList.vue
+++ b/src/views/business/schedule/interchange/interchangeList.vue
@@ -1,13 +1,557 @@
 <script lang="ts" setup name="InterchangeList">
-// 设备交接单列表
+import type { Ref } from 'vue'
+import { getCurrentInstance, ref } from 'vue'
+import type { DateModelType } from 'element-plus'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IListQuery, IinterchangeList } from './interchange_interface'
+import ButtonBox from './buttonBox.vue'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import {
+  exportInterchangeList,
+  getInterChangeList,
+  interchangeListBack,
+  interchangeListComplete,
+  interchangeListDelete,
+  interchangeListReturn,
+  interchangeListTake,
+  interchangeListTerminate,
+  interchangeListUrge,
+} from '@/api/business/schedule'
+import { printJSON } from '@/utils/printUtils'
+
+const { proxy } = getCurrentInstance() as any
+const $router = useRouter()
+
+// 是否加急
+const isUrgentMap = [
+  { label: '全部', value: '0' },
+  { label: '是', value: '1' },
+  { label: '否', value: '2' },
+]
+
+// 样品属性
+const sampleAttrMap = [
+  { label: '全部', value: '0' },
+  { label: '客户样品', value: '1' },
+  { label: '自有设备', value: '2' },
+]
+
+const currentMenu = ref('taking') // buttonBox菜单选中项
+
+// 查询条件
+const listQuery: Ref<IListQuery> = ref({
+  sampleNo: '', // 样品编号
+  sampleName: '', // 样品名称
+  orderCode: '', // 委托书编号
+  customerId: '', // 委托方代码
+  startTime: '', // 预计送达开始时间
+  endTime: '', // 预计送达结束时间
+  isUrgent: '', // 是否加急
+  sampleAttr: '', // 样品属性
+  type: '',
+  offset: 1,
+  limit: 20,
+})
+const timeRange = ref<[DateModelType, DateModelType]>(['', ''])
+
+// 表头待收入
+const columnsTaking = ref<TableColumn[]>([
+  { text: '样品编号', value: 'sampleNo', width: '160', align: 'center' },
+  { text: '样品名称', value: 'sampleName', width: '120', align: 'center' },
+  { text: '型号', value: 'sampleModel', align: 'center' },
+  { text: '出厂编号', value: 'evaluationName', align: 'center' },
+  { text: '委托书编号', value: 'orderCode', align: 'center' },
+  { text: '委托方代码', value: 'customerId', align: 'center' },
+  { text: '委托方名称', value: 'customerName', align: 'center' },
+  { text: '送检人', value: 'deliverer', align: 'center' },
+  { text: '是否加急', value: 'isUrgent', align: 'center' },
+  { text: '样品属性', value: 'sampleAttr', align: 'center' },
+  { text: '预计送达时间', value: 'planDeliverTime', align: 'center' },
+])
+
+const columns = ref<TableColumn[]>([
+  { text: '样品编号', value: 'sampleNo', width: '160', align: 'center' },
+  { text: '样品名称', value: 'sampleName', width: '120', align: 'center' },
+  { text: '型号', value: 'sampleModel', align: 'center' },
+  { text: '出厂编号', value: 'evaluationName', align: 'center' },
+  { text: '委托书编号', value: 'orderCode', align: 'center' },
+  { text: '委托方代码', value: 'customerId', align: 'center' },
+  { text: '委托方名称', value: 'customerName', align: 'center' },
+  { text: '实际送达时间', value: 'deliverTime', align: 'center' },
+  { text: '要求检完时间', value: 'requireOverTime', align: 'center' },
+  { text: '是否加急', value: 'isUrgent', align: 'center' },
+  { text: '样品属性', value: 'sampleAttr', align: 'center' },
+  { text: '当前检定环节', value: 'currentDeliver', align: 'center' },
+  { text: '证书出具', value: 'Certifications', align: 'center' },
+])
+
+// 表格数据
+const list = ref<IinterchangeList[]>([])
+// 总数
+const total = ref(0)
+// 表格加载状态
+const loadingTable = ref(false)
+// 选中的内容
+const checkoutList = ref<string[]>([])
+// 数据查询
+function fetchData(isNowPage = false) {
+  // loadingTable.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    listQuery.value.offset = 1
+  }
+  listQuery.value.startTime = timeRange.value[0] as string || ''
+  listQuery.value.endTime = timeRange.value[1] as string || ''
+  listQuery.value.type = currentMenu.value
+  // getInterChangeList(listQuery.value).then((response) => {
+  //   response.data.rows = [
+  //     {
+  //       id: 'test',
+  //       sampleNo: 'test', // 样品编号
+  //       sampleName: 'test', // 样品名称
+  //       sampleModel: 'test', // 型号
+  //       evaluationName: 'test', // 出厂编号
+  //       orderCode: 'test', // 委托书编号
+  //       customerId: 'test', // 委托方代码
+  //       customerName: 'test', // 委托方名称
+  //       deliverer: 'test', // 送检人
+  //       isUrgent: 'test', // 是否加急
+  //       sampleAttr: 'test', // 样品属性
+  //       planDeliverTime: 'test', // 预计送达时间
+  //     }]
+  //   list.value = response.data.rows.map((item: IinterchangeList) => {
+  //     return {
+  //       ...item,
+  //       Certifications: item.currentCertifications === item.requireCertifications ? item.requireCertifications : (`${item.currentCertifications}/${item.requireCertifications}`),
+  //     }
+  //   })
+  //   total.value = parseInt(response.data.total)
+  //   loadingTable.value = false
+  // })
+  list.value = [
+    {
+      id: 'test',
+      sampleNo: 'test', // 样品编号
+      sampleName: 'test', // 样品名称
+      sampleModel: 'test', // 型号
+      evaluationName: 'test', // 出厂编号
+      orderCode: 'test', // 委托书编号
+      customerId: 'test', // 委托方代码
+      customerName: 'test', // 委托方名称
+      deliverer: 'test', // 送检人
+      isUrgent: '2', // 是否加急
+      sampleAttr: '1', // 样品属性
+      planDeliverTime: 'test', // 预计送达时间
+      deliverTime: 'test', // 实际送达时间
+      requireOverTime: 'test', // 要求检完时间
+      currentCertifications: '1', // 已出具证书总数
+      requireCertifications: '5', // 应出具证书总数
+      currentDeliver: 'test', // 当前检定环节
+    }].map((item: IinterchangeList) => {
+    return {
+      ...item,
+      Certifications: item.currentCertifications === item.requireCertifications ? item.requireCertifications : (`${item.currentCertifications}/${item.requireCertifications}`),
+    }
+  })
+}
+
+// 点击搜索
+const searchList = () => {
+  fetchData(true)
+}
+// 点击重置
+const clearList = () => {
+  listQuery.value = {
+    sampleNo: '', // 样品编号
+    sampleName: '', // 样品名称
+    orderCode: '', // 委托书编号
+    customerId: '', // 委托方代码
+    startTime: '', // 预计送达开始时间
+    endTime: '', // 预计送达结束时间
+    isUrgent: '', // 是否加急
+    sampleAttr: '', // 样品属性
+    offset: 1,
+    limit: 20,
+  }
+  timeRange.value = ['', '']
+}
+
+// 多选发生改变时
+function handleSelectionChange(e: any) {
+  checkoutList.value = e.map((item: { id: string }) => item.id)
+}
+
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+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)
+}
+
+// 监听buttonBox切换
+const changeCurrentButton = (val: string) => {
+  currentMenu.value = val
+  console.log(currentMenu.value)
+
+  fetchData(true)
+}
+
+// 点击扫描收入
+const scanTake = () => {}
+// 点击扫描结束检定
+const scanOver = () => {}
+// 点击扫描归还
+const scanReturn = () => {}
+// 点击标签绑定
+const scan = () => {}
+
+// 导出
+const exportAll = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: '下载中请稍后',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (list.value.length > 0) {
+    const params = {
+      sampleNo: listQuery.value.sampleNo, // 样品编号
+      sampleName: listQuery.value.sampleName, // 样品名称
+      orderCode: listQuery.value.orderCode, // 委托书编号
+      customerId: listQuery.value.customerId, // 委托方代码
+      startTime: listQuery.value.startTime, // 预计送达开始时间
+      endTime: listQuery.value.endTime, // 预计送达结束时间
+      isUrgent: listQuery.value.isUrgent, // 是否加急
+      sampleAttr: listQuery.value.sampleAttr, // 样品属性
+      type: currentMenu.value,
+      ids: checkoutList.value,
+    }
+    exportInterchangeList(params).then((res) => {
+      const blob = new Blob([res.data])
+      exportFile(blob, '设备收发列表.xlsx')
+    })
+  }
+  else {
+    ElMessage.warning('无数据可导出数据')
+  }
+  loading.close()
+}
+
+// 操作
+const handleEdit = (row: IinterchangeList, type: string, title: string) => {
+  ElMessageBox.confirm(
+    `确认${title}吗？`,
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  )
+    .then(() => {
+      if (type === 'take') { // 收入
+        interchangeListTake({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'delete') { // 删除
+        interchangeListDelete({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'complete') { // 完成
+        interchangeListComplete({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'back') { // 回退
+        interchangeListBack({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'return') { // 归还
+        interchangeListReturn({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'urge') { // 催办
+        interchangeListUrge({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'terminate') { // 终止
+        interchangeListTerminate({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+    })
+}
+
+// 打印列表
+function printList() {
+  // 打印列
+  let column = columnsTaking.value
+  if (currentMenu.value === 'taking') {
+    column = columns.value
+  }
+  const properties = column.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: IinterchangeList) => checkoutList.value.includes(item.id))
+    printJSON(printList, properties, '设备收发列表')
+  }
+  else {
+    ElMessage.warning('无可打印内容')
+  }
+}
+
+// 点击编辑或详情
+const goEdit = (row: IinterchangeList, pageType: 'edit' | 'detail') => {
+  $router.push(`/schedule/interchange/${pageType}/${row.sampleNo}`)
+}
+
+fetchData(true)
 </script>
 
 <template>
   <app-container>
-    设备收发
+    <search-area
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.sampleNo"
+          placeholder="样品编号"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.sampleName"
+          placeholder="样品名称"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.orderCode"
+          placeholder="委托书编号"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.customerId"
+          placeholder="委托方代码"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <search-item>
+          <el-date-picker
+            v-model="timeRange"
+            type="datetimerange"
+            range-separator="到"
+            format="YYYY/MM/DD"
+            value-format="YYYY-MM-DD"
+            start-placeholder="预计送达开始时间"
+            end-placeholder="预计送达结束时间"
+          />
+        </search-item>
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.isUrgent" placeholder="是否加急" style="width: 120px;" clearable>
+          <el-option
+            v-for="item in isUrgentMap"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.sampleAttr" placeholder="样品属性" style="width: 120px;" clearable>
+          <el-option
+            v-for="item in sampleAttrMap"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </search-item>
+    </search-area>
+    <table-container>
+      <template #btns-right>
+        <icon-button v-if="proxy.hasPerm('/schedule/interchangeList/scanTake') && currentMenu === 'taking'" icon="icon-device" title="扫描收入" type="primary" @click="scanTake" />
+        <icon-button v-if="proxy.hasPerm('/schedule/interchangeList/scanOver') && (currentMenu === 'took' || currentMenu === 'overtime') " icon="icon-device" title="扫描结束检定" type="primary" @click="scanOver" />
+        <icon-button v-if="proxy.hasPerm('/schedule/interchangeList/scanReturn') && currentMenu === 'returning'" icon="icon-device" title="扫描归还" type="primary" @click="scanReturn" />
+        <icon-button v-if="proxy.hasPerm('/sample/list/export')" icon="icon-export" title="导出" type="primary" @click="exportAll" />
+        <icon-button v-if="proxy.hasPerm('/sample/list/print')" icon="icon-print" title="打印" type="primary" @click="printList" />
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="currentMenu === 'taking' ? columnsTaking : columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multi-select="handleSelectionChange"
+      >
+        <template #columns>
+          <el-table-column label="操作" align="center" width="220">
+            <template #default="{ row }">
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/edit') && currentMenu === 'taking'"
+                size="small"
+                type="primary"
+                link
+                @click="goEdit(row, 'edit')"
+              >
+                编辑
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="goEdit(row, 'detail')"
+              >
+                详情
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/tagBinding') && (currentMenu === 'taking' || currentMenu === 'took' || currentMenu === 'returning')"
+                size="small"
+                link
+                type="primary"
+                @click="scan()"
+              >
+                标签绑定
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/take') && currentMenu === 'taking'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'take', '收入')"
+              >
+                收入
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/delete') && currentMenu === 'taking'"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row, 'delete', '删除')"
+              >
+                删除
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/complete') && currentMenu === 'took'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'complete', '完成')"
+              >
+                完成
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/return') && currentMenu === 'returning'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'return', '归还')"
+              >
+                归还
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/back') && (currentMenu === 'returning' || currentMenu === 'took' || currentMenu === 'returned')"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'back', '回退')"
+              >
+                回退
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/urge') && currentMenu === 'overtime'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'urge', '催办')"
+              >
+                催办
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/terminate') && (currentMenu === 'took' || currentMenu === 'overtime')"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'terminate', '终止')"
+              >
+                终止
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box @changeCurrentButton="changeCurrentButton" />
   </app-container>
 </template>
 
 <style lang="scss" scoped>
-// 样式
+.short-input {
+  width: 160px;
+}
 </style>
diff --git a/src/views/business/schedule/interchange/interchange_interface.ts b/src/views/business/schedule/interchange/interchange_interface.ts
new file mode 100644
index 0000000..a7df4fd
--- /dev/null
+++ b/src/views/business/schedule/interchange/interchange_interface.ts
@@ -0,0 +1,95 @@
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+
+export interface IListQuery {
+  sampleNo: string // 样品编号
+  sampleName: string // 样品名称
+  orderCode: string // 委托书编号
+  customerId: string // 委托方代码
+  startTime: string // 预计送达开始时间
+  endTime: string // 预计送达结束时间
+  isUrgent: string // 是否加急
+  sampleAttr: string // 样品属性
+  type: string // 类型（buttonBox）
+  offset: number
+  limit: number
+}
+
+export interface IinterchangeList {
+  id: string
+  sampleNo: string // 样品编号
+  sampleName: string // 样品名称
+  sampleModel: string // 型号
+  evaluationName: string // 出厂编号
+  orderCode: string // 委托书编号
+  customerId: string // 委托方代码
+  customerName: string // 委托方名称
+  deliverer: string // 送检人
+  isUrgent: string // 是否加急
+  sampleAttr: string // 样品属性
+  planDeliverTime: string // 预计送达时间
+  deliverTime: string // 实际送达时间
+  requireOverTime: string // 要求检完时间
+  currentCertifications: string | number // 已出具证书总数
+  requireCertifications: string | number // 应出具证书总数
+  currentDeliver: string // 当前检定环节
+}
+
+// 检定记录
+export interface SimpleMeasureRecord {
+  orderCode: string // 委托单编号
+  orderTime: string // 委托单日期
+  customerCode: string // 委托人代码
+  customerName: string // 委托人名称
+  deliverer: string // 送检人
+  deliverTime: string // 送检日期
+}
+
+// 检定证书
+export interface SimpleCertification {
+  certificationCode: string // 证书编号
+  certificationName: string // 证书形成
+  certificationType: string // 证书类型
+  effectiveDate: string // 证书出具日期
+  expirationDate: string // 证书有效期
+}
+
+export interface Menu {
+  name: string
+  columns: TableColumn[]
+  pagination: boolean
+  list: 'measureRecords' | 'certificationRecords'
+  searchFunc: Function
+}
+
+export interface ISampleDetail {
+  id?: string
+  sampleNo: string // 样品编号
+  sampleName: string // 样品名称
+  sampleModel: string // 样品型号
+  manufacturingNo: string // 出厂编号
+  customerNo: string // 委托方代码
+  customerName: string // 委托方名称
+  phone: string // 委托方电话
+  postalCode: string // 委托方邮编
+  companyAddress: string // 委托方地址
+  mesureCategory: string // 检校类别
+  manufacturer: string // 生产厂家
+  manufacturerCountry: string // 厂家国别
+  manufacturingDate: string // 出厂年月
+  ABC: string // ABC
+  deliverer?: string // 送检人
+  delivererTel?: string // 送检人联系方式
+  planDeliverTime?: string // 预计送达时间
+  requireOverTime?: string // 要求检完时间
+  mesureContent: string // 检定项目
+  mesurePeriod: string // 检定周期
+  remark: string // 备注
+  minioFileName: string // 说明书
+  labelBind: string // 标签绑定
+  mesureType: string // 检定方式
+  measureDate?: string // 检定日期
+  effectiveDate?: string // 有效日期
+  measureResultCode?: string // 检定结果代码
+  measureResult?: string // 检定结果
+}
+
diff --git a/src/views/customer/sample/list/list.vue b/src/views/customer/sample/list/list.vue
index 4086b48..ac83279 100644
--- a/src/views/customer/sample/list/list.vue
+++ b/src/views/customer/sample/list/list.vue
@@ -98,7 +98,7 @@
   $router.push(`/sample/${pageType}/${row.id}`)
 }
 // 点击删除
-const handleDelete = (index: string, row: ISampleList) => {
+const handleDelete = (row: ISampleList) => {
   ElMessageBox.confirm(
     `确认删除${row.customerName}吗？`,
     '提示',
@@ -137,6 +137,7 @@
     offset: 1,
     limit: 20,
   }
+  timeRange.value = ['', '']
 }
 
 // 上传文件/批量导入
@@ -330,7 +331,7 @@
                 size="small"
                 link
                 type="danger"
-                @click="handleDelete(row.$index, row)"
+                @click="handleDelete(row)"
               >
                 删除
               </el-button>
diff --git a/src/views/customer/sample/overTime/detail.vue b/src/views/customer/sample/overTime/detail.vue
index 3541675..a16196c 100644
--- a/src/views/customer/sample/overTime/detail.vue
+++ b/src/views/customer/sample/overTime/detail.vue
@@ -1,17 +1,13 @@
 <!-- 新建、编辑、详情 -->
 <script lang="ts" setup name="SampleEdit">
 import type { Ref } from 'vue'
-import { ElMessage, ElMessageBox } from 'element-plus'
-import type { FormInstance, UploadUserFile } from 'element-plus'
 import { ref } from 'vue'
 import { Calendar, Search } from '@element-plus/icons-vue'
 import type { ISampleDetail, SimpleCertification, SimpleMeasureRecord } from './overtime_list_interface'
 import showPhoto from '@/views/system/tool/showPhoto.vue'
-import { SCHEDULE } from '@/utils/scheduleDict'
 import TemplateTable from '@/views/customer/customerInfo/templateTable.vue'
-import { addSample, getSapmleDetail, updateSample } from '@/api/customer/sampleList'
+import { getSapmleDetail } from '@/api/customer/sampleList'
 import countries from '@/components/AddressSelect/country-code.json'
-import { UploadFile } from '@/api/measure/file'
 import type { TableColumn } from '@/components/NormalTable/table_interface'
 
 const textMap: { [key: string]: string } = {
diff --git a/src/views/customer/sample/overTime/list.vue b/src/views/customer/sample/overTime/list.vue
index 6d3699f..fd39dee 100644
--- a/src/views/customer/sample/overTime/list.vue
+++ b/src/views/customer/sample/overTime/list.vue
@@ -134,6 +134,7 @@
     offset: 1,
     limit: 20,
   }
+  timeRange.value = ['', '']
 }
 
 // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写

diff --git a/src/api/business/schedule.ts b/src/api/business/schedule.ts
new file mode 100644
index 0000000..f5b4569
--- /dev/null
+++ b/src/api/business/schedule.ts
@@ -0,0 +1,89 @@
+/**
+ * 设备收发接口
+*/
+import request from '../index'
+import type { IListQuery } from '@/views/business/schedule/interchange/interchange_interface'
+const prefix = '/meter'
+
+// 列表查询
+export function getInterChangeList(data: IListQuery) {
+  return request({
+    url: `${prefix}/schedule/interChange/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 导出列表
+export function exportInterchangeList(data: Omit<IListQuery, 'limit' | 'offset'>) {
+  return request({
+    url: `${prefix}/schedule/interChange/listExport`,
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
+
+// 根据样品id收入
+export function interchangeListTake(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/take`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id删除
+export function interchangeListDelete(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/delete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id完成
+export function interchangeListComplete(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/complete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id回退
+export function interchangeListBack(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/back`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id归还
+export function interchangeListReturn(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/return`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id催办
+export function interchangeListUrge(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/urge`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id终止
+export function interchangeListTerminate(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/terminate`,
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/views/business/schedule/interchange/buttonBox.vue b/src/views/business/schedule/interchange/buttonBox.vue
new file mode 100644
index 0000000..dc864bd
--- /dev/null
+++ b/src/views/business/schedule/interchange/buttonBox.vue
@@ -0,0 +1,45 @@
+<script lang="ts" setup name="ButtonBox">
+import { DefaultProps } from 'element-plus'
+import { ref } from 'vue'
+const emits = defineEmits(['changeCurrentButton'])
+// 按钮菜单
+const menu = [
+  { name: '待收入', id: 'taking' },
+  { name: '已收入', id: 'took' },
+  { name: '待归还', id: 'returning' },
+  { name: '已归还', id: 'returned' },
+  { name: '已超期', id: 'overtime' },
+]
+const current = ref('taking')
+watch(current, (newValue) => {
+  emits('changeCurrentButton', newValue)
+})
+</script>
+
+<template>
+  <div class="container">
+    <div class="btns">
+      <!-- 三级菜单 -->
+      <el-radio-group v-model="current">
+        <el-radio-button v-for="item in menu" :key="item.id" :label="item.id">
+          {{ item.name }}
+        </el-radio-button>
+      </el-radio-group>
+    </div>
+    <!-- 展示区域 -->
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  position: relative;
+
+  .btns {
+    position: fixed;
+    top: 76px;
+    right: 15px;
+    z-index: 999;
+  }
+}
+</style>
+
diff --git a/src/views/business/schedule/interchange/interchangeEdit.vue b/src/views/business/schedule/interchange/interchangeEdit.vue
index 8c9b87c..67066a8 100644
--- a/src/views/business/schedule/interchange/interchangeEdit.vue
+++ b/src/views/business/schedule/interchange/interchangeEdit.vue
@@ -1,13 +1,712 @@
+<!-- 新建、编辑、详情 -->
 <script lang="ts" setup name="InterchangeEdit">
-// 设备交接单编辑
+import type { Ref } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, UploadUserFile } from 'element-plus'
+import { ref } from 'vue'
+import { Calendar, Search } from '@element-plus/icons-vue'
+import type { ISampleDetail, Menu, SimpleCertification, SimpleMeasureRecord } from './interchange_interface'
+import sampleDialog from '@/views/customer/sample/list/sampleDialog.vue'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+import { SCHEDULE } from '@/utils/scheduleDict'
+import TemplateTable from '@/views/customer/customerInfo/templateTable.vue'
+import { addSample, getSapmleDetail, updateSample } from '@/api/customer/sampleList'
+import countries from '@/components/AddressSelect/country-code.json'
+import { UploadFile } from '@/api/measure/file'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import type { ICustomer } from '@/views/customer/customerInfo/customer_interface'
+
+const textMap: { [key: string]: string } = {
+  edit: '编辑',
+  add: '新建',
+  detail: '详情',
+}// 字典
+const pageType = ref('add') // 页面类型: add, edit, detail
+const countryList = ref(countries) // 国家列表
+const loading = ref(false) // 表单加载状态
+const infoId = ref('') // id
+const visible = ref(false) // 控制对话框显隐
+const mesureCategoryMap: { [key: string]: string } = {
+  edit: '编辑',
+  add: '新建',
+  detail: '详情',
+}// 字典
+const mesureCategoryList = [
+  {
+    label: '检定',
+    value: 'jd',
+  },
+  {
+    label: '检测',
+    value: 'jc',
+  },
+  {
+    label: '验收检定',
+    value: 'ysjd',
+  },
+  {
+    label: '抽检',
+    value: 'cj',
+  },
+  {
+    label: '校准',
+    value: 'jz',
+  },
+  {
+    label: '测试',
+    value: 'cs',
+  },
+  {
+    label: '验收校准',
+    value: 'ysjz',
+  },
+]// 校检类别
+const mesureResultList = [
+  {
+    label: '合格',
+    value: 'hg',
+  },
+  {
+    label: '修后合格',
+    value: 'xhhg',
+  },
+  {
+    label: '限用',
+    value: 'xy',
+  },
+  {
+    label: '准用',
+    value: 'zy',
+  },
+  {
+    label: '不合格',
+    value: 'bhg',
+  },
+  {
+    label: '漏检',
+    value: 'lj',
+  },
+  {
+    label: '逾期未检定',
+    value: 'yqwjd',
+  },
+]// 检定结果
+const mesureResultMap = {
+  hg: '合格',
+  xhhg: '修后合格',
+  xy: '限用',
+  zy: '准用',
+  bhg: '不合格',
+  lj: '漏检',
+  yqwjd: '逾期未检定',
+}// 检定结果字典
+const mesureTypeList = [
+  {
+    label: '自检',
+    value: 'zj',
+  },
+  {
+    label: '外包',
+    value: 'wb',
+  },
+]// 检定方式
+const dataForm: Ref<ISampleDetail> = ref({
+  id: '',
+  sampleNo: '', // 样品编号
+  sampleName: '', // 样品名称
+  sampleModel: '', // 样品型号
+  manufacturingNo: '', // 出厂编号
+  customerNo: '', // 委托方代码
+  customerName: '', // 委托方名称
+  phone: '', // 委托方电话
+  postalCode: '', // 委托方邮编
+  companyAddress: '', // 委托方地址
+  mesureCategory: '', // 检校类别
+  manufacturer: '', // 生产厂家
+  manufacturerCountry: '', // 厂家国别
+  manufacturingDate: '', // 出厂年月
+  ABC: '', // ABC
+  // deliverer: '', // 送检人
+  // delivererTel: '', // 送检人联系方式
+  mesureContent: '', // 检定项目
+  mesurePeriod: '', // 检定周期
+  remark: '', // 备注
+  minioFileName: '', // 说明书
+  labelBind: '', // 标签绑定
+  mesureType: '', // 检定方式
+})
+const ruleFormRef = ref<FormInstance>()
+
+// 自定义校验规则--检定周期为正整数
+const validateMesurePeriod = (rule: any, value: any, callback: any) => {
+  if (value === '') {
+    callback()
+  }
+  else if (!(/(^[1-9]\d*$)/.test(value))) {
+    callback(new Error('请输入一个正整数'))
+  }
+  else {
+    callback()
+  }
+}
+
+// 校验规则
+const rules = ref({
+  sampleName: [{ required: true, message: '样品名称不能为空', trigger: 'blur' }],
+  sampleModel: [{ required: true, message: '样品型号不能为空', trigger: 'blur' }],
+  manufacturingNo: [{ required: true, message: '出厂编号不能为空', trigger: 'blur' }],
+  customerNo: [{ required: true, message: '委托方代码不能为空', trigger: 'change' }],
+  customerName: [{ required: true, message: '委托方名称不能为空', trigger: 'blur' }],
+  phone: [{ required: true, message: '委托方电话不能为空', trigger: 'blur' }],
+  postalCode: [{ required: true, message: '委托方邮编不能为空', trigger: 'blur' }],
+  companyAddress: [{ required: true, message: '委托方地址不能为空', trigger: 'blur' }],
+  mesureContent: [{ required: true, message: '检定项目不能为空', trigger: 'blur' }],
+  mesurePeriod: [{ validator: validateMesurePeriod, trigger: 'blur' }],
+}) // 表单验证规则
+
+// 其他关联数据列表
+const dataList = ref({
+  measureRecords: [] as SimpleMeasureRecord[],
+  certificationRecords: [] as SimpleCertification[],
+})
+
+// 获取检定记录
+const fetchMeasureRecords = function (query = null) {
+  dataList.value.measureRecords = []
+}
+// 获取检定证书
+const fetchCertifications = function (query = null) {
+  dataList.value.certificationRecords = []
+}
+
+// 菜单
+const menu: Menu[] = [
+  {
+    name: '检定记录',
+    columns: [
+      { text: '委托单编号', value: 'orderCode' },
+      { text: '委托单日期', value: 'orderTime' },
+      { text: '委托方代码', value: 'customerCode' },
+      { text: '委托方名称', value: 'customerName' },
+      { text: '送检人', value: 'deliverer' },
+      { text: '送检日期', value: 'deliverTime' },
+    ],
+    list: 'measureRecords',
+    pagination: true,
+    searchFunc: fetchMeasureRecords,
+  },
+  {
+    name: '检定证书',
+    columns: [
+      { text: '证书编号', value: 'certificationCode' },
+      { text: '证书名称', value: 'certificationName' },
+      { text: '证书类型', value: 'certificationType' },
+      { text: '证书出具日期', value: 'effectiveDate' },
+      { text: '证书有效期', value: 'expirationDate' },
+    ],
+    list: 'certificationRecords',
+    pagination: true,
+    searchFunc: fetchCertifications,
+  },
+]
+
+const currentMenu = ref('检定记录')
+const currentMenuObj = computed(() => {
+  return menu.find(item => item.name === currentMenu.value)
+})
+
+// 从路由中获取页面类型参数
+const $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 $router = useRouter()
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+
+// 打印表单
+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: '',
+})
+
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  // 原生上传
+  console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    UploadFile(fd).then((res) => {
+      if (res.code === 200) {
+        dataForm.value.minioFileName = res.data[0]
+        // 重置当前验证
+        ElMessage.success('文件上传成功')
+      }
+      else {
+        ElMessage.error(res.message)
+      }
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+
+// 委托方代码获取焦点
+const customerNoFocus = () => {
+  visible.value = true
+  console.log(visible.value)
+}
+
+// 选好委托方
+const confirmCheckout = (val: Array<ICustomer>) => {
+  if (val && val.length) {
+    const getValue = val[0]
+    dataForm.value.customerNo = getValue.customerNo
+    dataForm.value.customerName = getValue.customerName
+    dataForm.value.phone = getValue.phone
+    dataForm.value.postalCode = getValue.postalCode
+    dataForm.value.companyAddress = getValue.briefName
+  }
+}
+
+// 控制选择委托方对话框显隐
+const changeVisible = (val: boolean) => {
+  visible.value = val
+}
+
+// 保存
+function saveForm(formEl: FormInstance | undefined) {
+  if (!formEl) { return }
+  formEl.validate((valid, fields) => {
+    if (valid) {
+      ElMessageBox.confirm(
+        '确认保存吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then(() => {
+        if (dataForm.value.id) {
+          updateSample(dataForm.value).then((res) => {
+            if (res.code === 200) {
+              dataForm.value.id = res.data.id
+              dataForm.value.customerNo = res.data.customerNo
+              ElMessage.success('已保存')
+              $router.go(-1)
+            }
+          })
+        }
+        else {
+          addSample(dataForm.value).then((res) => {
+            if (res.code === 200) {
+              dataForm.value.id = res.data.id
+              dataForm.value.customerNo = res.data.customerNo
+              ElMessage.success('已保存')
+              $router.go(-1)
+            }
+          })
+        }
+      })
+    }
+  })
+}
+
+// 提交表单
+function submitForm() {
+  if (dataForm.value.id) {
+    const params = {
+      id: dataForm.value.id,
+      formId: SCHEDULE.SUPPLIER_APPROVAL, // 表单id
+    }
+    addSample(params).then((res) => {
+      ElMessage.success('提交成功')
+      close()
+    })
+  }
+  else {
+    ElMessage.info('请先保存再提交！')
+  }
+}
+
+const getInfo = () => {
+  getSapmleDetail({ id: infoId.value }).then((res) => {
+    res.data = {
+      ABC: 'A',
+      companyAddress: '北京/北京市',
+      customerName: '京东集团',
+      customerNo: 'sygf202211290001',
+      id: '',
+      labelBind: '11222',
+      manufacturer: '北京某厂家',
+      manufacturerCountry: 'CN',
+      manufacturingDate: '2023-03',
+      manufacturingNo: '123121',
+      mesureCategory: 'jd',
+      mesureContent: '项目1',
+      mesurePeriod: '1',
+      mesureType: 'zj',
+      minioFileName: '小程序工期表-1117_1674961769128.xlsx',
+      phone: '950618',
+      postalCode: 'test',
+      remark: '无备注',
+      sampleModel: '型号1',
+      sampleName: '样品1',
+      sampleNo: '',
+      measureResultCode: 'bhg',
+    }
+    // dataForm.value = res.data
+    // dataForm.value.measureResult = mesureResultMap[dataForm.value.measureResultCode]
+    // for (const item of menu) {
+    //   item.searchFunc()
+    // }
+  })
+}
+
+// 非添加页面获取详情
+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'" type="primary" @click="saveForm(ruleFormRef)">
+          保存
+        </el-button>
+        <el-button type="info" @click="close">
+          关闭
+        </el-button>
+      </template>
+      <div id="form">
+        <el-form
+          ref="ruleFormRef"
+          :model="dataForm"
+          :label-width="120"
+          label-position="right"
+          :rules="rules"
+        >
+          <el-row :gutter="24">
+            <el-col :span="6">
+              <el-form-item label="样品编号:" prop="sampleNo">
+                <el-input
+                  v-model="dataForm.sampleNo"
+                  :placeholder="pageType === 'detail' ? '' : '系统自动生成'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="样品名称:" prop="sampleName">
+                <el-input
+                  v-model="dataForm.sampleName"
+                  :placeholder="pageType === 'detail' ? '' : '请输入样品名称'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col><el-col :span="6">
+              <el-form-item label="样品型号:" prop="sampleModel">
+                <el-input
+                  v-model="dataForm.sampleModel"
+                  :placeholder="pageType === 'detail' ? '' : '请输入样品型号'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="出厂编号:" prop="manufacturingNo">
+                <el-input
+                  v-model="dataForm.manufacturingNo"
+                  :placeholder="pageType === 'detail' ? '' : '请输入出厂编号'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="委托方代码" prop="customerNo">
+                <el-input
+                  v-model="dataForm.customerNo"
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方代码'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                  @focus="customerNoFocus"
+                >
+                  <template #suffix>
+                    <el-icon v-if="pageType !== 'detail'" class="el-input__icon">
+                      <search />
+                    </el-icon>
+                  </template>
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="委托方名称" prop="customerName">
+                <el-input
+                  v-model="dataForm.customerName"
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方名称'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="委托方电话" prop="phone">
+                <el-input
+                  v-model="dataForm.phone"
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方电话'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="委托方邮编" prop="postalCode">
+                <el-input
+                  v-model="dataForm.postalCode"
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方邮编'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="18">
+              <el-form-item label="委托方地址:" prop="companyAddress">
+                <el-input
+                  v-model="dataForm.companyAddress"
+                  type="textarea"
+                  autosize
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方地址'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="校检类别:">
+                <el-select
+                  v-model="dataForm.mesureCategory"
+                  :placeholder="pageType === 'detail' ? '' : '请选择校检类别'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                >
+                  <el-option v-for="item of mesureCategoryList" :key="item.value" :label="item.label" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="生产厂家:">
+                <el-input
+                  v-model="dataForm.manufacturer"
+                  :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-select
+                  v-model="dataForm.manufacturerCountry"
+                  :placeholder="pageType === 'detail' ? '' : '请选择厂家国别'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                >
+                  <el-option v-for="country of countryList" :key="country.code" :label="country.CNName" :value="country.code" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="出厂年月:">
+                <el-date-picker
+                  v-model="dataForm.manufacturingDate"
+                  type="month"
+                  format="YYYY-MM"
+                  value-format="YYYY-MM"
+                  class="full-width-input"
+                  :placeholder="pageType === 'detail' ? '' : '请输入出厂年月'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="ABC:">
+                <el-select
+                  v-model="dataForm.ABC"
+                  :placeholder="pageType === 'detail' ? '' : '请选择ABC'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                >
+                  <el-option v-for="item of ['A', 'B', 'C']" :key="item" :label="item" :value="item" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="检定周期（月）:" prop="mesurePeriod">
+                <el-input
+                  v-model="dataForm.mesurePeriod"
+                  :placeholder="pageType === 'detail' ? '' : '请输入检定周期'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="检定日期:">
+                <el-input
+                  v-model="dataForm.measureDate"
+                  :placeholder="pageType === 'detail' ? '' : '请输入检定日期'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="有效日期:">
+                <el-input
+                  v-model="dataForm.effectiveDate"
+                  :placeholder="pageType === 'detail' ? '' : '请输入有效日期'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="检定结果:">
+                <el-input
+                  v-model="dataForm.measureResult"
+                  :placeholder="pageType === 'detail' ? '' : '请选择检定结果'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="送检人:">
+                <el-input
+                  v-model="dataForm.deliverer"
+                  :placeholder="pageType === 'detail' ? '' : '请输入送检人'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="联系方式:">
+                <el-input
+                  v-model="dataForm.delivererTel"
+                  :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-select
+                  v-model="dataForm.mesureType"
+                  :placeholder="pageType === 'detail' ? '' : '请选择检定方式'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                >
+                  <el-option v-for="item of mesureTypeList" :key="item.value" :label="item.label" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="标签绑定:">
+                <el-input
+                  v-model="dataForm.labelBind"
+                  :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="12">
+              <el-form-item label="检定项目:" prop="mesureContent">
+                <el-input
+                  v-model="dataForm.mesureContent"
+                  :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="12">
+              <el-form-item label="备注:">
+                <el-input
+                  v-model="dataForm.remark"
+                  type="textarea"
+                  autosize
+                  :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="12">
+              <el-form-item label="说明书:">
+                <show-photo v-if="dataForm.minioFileName" :minio-file-name="dataForm.minioFileName" />
+                <span v-else-if="pageType === 'detail'">无</span>
+                <input v-show="pageType === ''" ref="fileRef" type="file" @change="onFileChange">
+                <el-button v-if="pageType !== 'detail'" id="file" type="primary" :disabled="pageType === 'detail'" :style="{ 'margin-left': dataForm.minioFileName === '' ? '0px' : '20px' }" @click="upload">
+                  {{ dataForm.minioFileName === '' ? '上传' : '更换附件' }}
+                </el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </detail-page>
+
+    <!-- 检定记录、检定证书 -->
+    <detail-block-switch v-if="pageType === 'detail'" :title="currentMenu">
+      <template #menu>
+        <el-radio-group v-model="currentMenu">
+          <el-radio-button v-for="item in menu" :key="item.name" :label="item.name">
+            {{ item.name }}
+          </el-radio-button>
+        </el-radio-group>
+      </template>
+      <template-table v-if="currentMenuObj" :columns="currentMenuObj.columns" :list="dataList[currentMenuObj.list]" :loading="false" :pagination="currentMenuObj.pagination" @change-page="currentMenuObj?.searchFunc" />
+    </detail-block-switch>
+
+    <!-- 选择委托方组件 -->
+    <sample-dialog v-model:visible="visible" @confirmCheckout="confirmCheckout" @changeVisible="changeVisible" />
   </app-container>
 </template>
 
 <style lang="scss" scoped>
 // 样式
 </style>
+
diff --git a/src/views/business/schedule/interchange/interchangeList.vue b/src/views/business/schedule/interchange/interchangeList.vue
index f65137f..5bb8865 100644
--- a/src/views/business/schedule/interchange/interchangeList.vue
+++ b/src/views/business/schedule/interchange/interchangeList.vue
@@ -1,13 +1,557 @@
 <script lang="ts" setup name="InterchangeList">
-// 设备交接单列表
+import type { Ref } from 'vue'
+import { getCurrentInstance, ref } from 'vue'
+import type { DateModelType } from 'element-plus'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IListQuery, IinterchangeList } from './interchange_interface'
+import ButtonBox from './buttonBox.vue'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import {
+  exportInterchangeList,
+  getInterChangeList,
+  interchangeListBack,
+  interchangeListComplete,
+  interchangeListDelete,
+  interchangeListReturn,
+  interchangeListTake,
+  interchangeListTerminate,
+  interchangeListUrge,
+} from '@/api/business/schedule'
+import { printJSON } from '@/utils/printUtils'
+
+const { proxy } = getCurrentInstance() as any
+const $router = useRouter()
+
+// 是否加急
+const isUrgentMap = [
+  { label: '全部', value: '0' },
+  { label: '是', value: '1' },
+  { label: '否', value: '2' },
+]
+
+// 样品属性
+const sampleAttrMap = [
+  { label: '全部', value: '0' },
+  { label: '客户样品', value: '1' },
+  { label: '自有设备', value: '2' },
+]
+
+const currentMenu = ref('taking') // buttonBox菜单选中项
+
+// 查询条件
+const listQuery: Ref<IListQuery> = ref({
+  sampleNo: '', // 样品编号
+  sampleName: '', // 样品名称
+  orderCode: '', // 委托书编号
+  customerId: '', // 委托方代码
+  startTime: '', // 预计送达开始时间
+  endTime: '', // 预计送达结束时间
+  isUrgent: '', // 是否加急
+  sampleAttr: '', // 样品属性
+  type: '',
+  offset: 1,
+  limit: 20,
+})
+const timeRange = ref<[DateModelType, DateModelType]>(['', ''])
+
+// 表头待收入
+const columnsTaking = ref<TableColumn[]>([
+  { text: '样品编号', value: 'sampleNo', width: '160', align: 'center' },
+  { text: '样品名称', value: 'sampleName', width: '120', align: 'center' },
+  { text: '型号', value: 'sampleModel', align: 'center' },
+  { text: '出厂编号', value: 'evaluationName', align: 'center' },
+  { text: '委托书编号', value: 'orderCode', align: 'center' },
+  { text: '委托方代码', value: 'customerId', align: 'center' },
+  { text: '委托方名称', value: 'customerName', align: 'center' },
+  { text: '送检人', value: 'deliverer', align: 'center' },
+  { text: '是否加急', value: 'isUrgent', align: 'center' },
+  { text: '样品属性', value: 'sampleAttr', align: 'center' },
+  { text: '预计送达时间', value: 'planDeliverTime', align: 'center' },
+])
+
+const columns = ref<TableColumn[]>([
+  { text: '样品编号', value: 'sampleNo', width: '160', align: 'center' },
+  { text: '样品名称', value: 'sampleName', width: '120', align: 'center' },
+  { text: '型号', value: 'sampleModel', align: 'center' },
+  { text: '出厂编号', value: 'evaluationName', align: 'center' },
+  { text: '委托书编号', value: 'orderCode', align: 'center' },
+  { text: '委托方代码', value: 'customerId', align: 'center' },
+  { text: '委托方名称', value: 'customerName', align: 'center' },
+  { text: '实际送达时间', value: 'deliverTime', align: 'center' },
+  { text: '要求检完时间', value: 'requireOverTime', align: 'center' },
+  { text: '是否加急', value: 'isUrgent', align: 'center' },
+  { text: '样品属性', value: 'sampleAttr', align: 'center' },
+  { text: '当前检定环节', value: 'currentDeliver', align: 'center' },
+  { text: '证书出具', value: 'Certifications', align: 'center' },
+])
+
+// 表格数据
+const list = ref<IinterchangeList[]>([])
+// 总数
+const total = ref(0)
+// 表格加载状态
+const loadingTable = ref(false)
+// 选中的内容
+const checkoutList = ref<string[]>([])
+// 数据查询
+function fetchData(isNowPage = false) {
+  // loadingTable.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    listQuery.value.offset = 1
+  }
+  listQuery.value.startTime = timeRange.value[0] as string || ''
+  listQuery.value.endTime = timeRange.value[1] as string || ''
+  listQuery.value.type = currentMenu.value
+  // getInterChangeList(listQuery.value).then((response) => {
+  //   response.data.rows = [
+  //     {
+  //       id: 'test',
+  //       sampleNo: 'test', // 样品编号
+  //       sampleName: 'test', // 样品名称
+  //       sampleModel: 'test', // 型号
+  //       evaluationName: 'test', // 出厂编号
+  //       orderCode: 'test', // 委托书编号
+  //       customerId: 'test', // 委托方代码
+  //       customerName: 'test', // 委托方名称
+  //       deliverer: 'test', // 送检人
+  //       isUrgent: 'test', // 是否加急
+  //       sampleAttr: 'test', // 样品属性
+  //       planDeliverTime: 'test', // 预计送达时间
+  //     }]
+  //   list.value = response.data.rows.map((item: IinterchangeList) => {
+  //     return {
+  //       ...item,
+  //       Certifications: item.currentCertifications === item.requireCertifications ? item.requireCertifications : (`${item.currentCertifications}/${item.requireCertifications}`),
+  //     }
+  //   })
+  //   total.value = parseInt(response.data.total)
+  //   loadingTable.value = false
+  // })
+  list.value = [
+    {
+      id: 'test',
+      sampleNo: 'test', // 样品编号
+      sampleName: 'test', // 样品名称
+      sampleModel: 'test', // 型号
+      evaluationName: 'test', // 出厂编号
+      orderCode: 'test', // 委托书编号
+      customerId: 'test', // 委托方代码
+      customerName: 'test', // 委托方名称
+      deliverer: 'test', // 送检人
+      isUrgent: '2', // 是否加急
+      sampleAttr: '1', // 样品属性
+      planDeliverTime: 'test', // 预计送达时间
+      deliverTime: 'test', // 实际送达时间
+      requireOverTime: 'test', // 要求检完时间
+      currentCertifications: '1', // 已出具证书总数
+      requireCertifications: '5', // 应出具证书总数
+      currentDeliver: 'test', // 当前检定环节
+    }].map((item: IinterchangeList) => {
+    return {
+      ...item,
+      Certifications: item.currentCertifications === item.requireCertifications ? item.requireCertifications : (`${item.currentCertifications}/${item.requireCertifications}`),
+    }
+  })
+}
+
+// 点击搜索
+const searchList = () => {
+  fetchData(true)
+}
+// 点击重置
+const clearList = () => {
+  listQuery.value = {
+    sampleNo: '', // 样品编号
+    sampleName: '', // 样品名称
+    orderCode: '', // 委托书编号
+    customerId: '', // 委托方代码
+    startTime: '', // 预计送达开始时间
+    endTime: '', // 预计送达结束时间
+    isUrgent: '', // 是否加急
+    sampleAttr: '', // 样品属性
+    offset: 1,
+    limit: 20,
+  }
+  timeRange.value = ['', '']
+}
+
+// 多选发生改变时
+function handleSelectionChange(e: any) {
+  checkoutList.value = e.map((item: { id: string }) => item.id)
+}
+
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+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)
+}
+
+// 监听buttonBox切换
+const changeCurrentButton = (val: string) => {
+  currentMenu.value = val
+  console.log(currentMenu.value)
+
+  fetchData(true)
+}
+
+// 点击扫描收入
+const scanTake = () => {}
+// 点击扫描结束检定
+const scanOver = () => {}
+// 点击扫描归还
+const scanReturn = () => {}
+// 点击标签绑定
+const scan = () => {}
+
+// 导出
+const exportAll = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: '下载中请稍后',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (list.value.length > 0) {
+    const params = {
+      sampleNo: listQuery.value.sampleNo, // 样品编号
+      sampleName: listQuery.value.sampleName, // 样品名称
+      orderCode: listQuery.value.orderCode, // 委托书编号
+      customerId: listQuery.value.customerId, // 委托方代码
+      startTime: listQuery.value.startTime, // 预计送达开始时间
+      endTime: listQuery.value.endTime, // 预计送达结束时间
+      isUrgent: listQuery.value.isUrgent, // 是否加急
+      sampleAttr: listQuery.value.sampleAttr, // 样品属性
+      type: currentMenu.value,
+      ids: checkoutList.value,
+    }
+    exportInterchangeList(params).then((res) => {
+      const blob = new Blob([res.data])
+      exportFile(blob, '设备收发列表.xlsx')
+    })
+  }
+  else {
+    ElMessage.warning('无数据可导出数据')
+  }
+  loading.close()
+}
+
+// 操作
+const handleEdit = (row: IinterchangeList, type: string, title: string) => {
+  ElMessageBox.confirm(
+    `确认${title}吗？`,
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  )
+    .then(() => {
+      if (type === 'take') { // 收入
+        interchangeListTake({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'delete') { // 删除
+        interchangeListDelete({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'complete') { // 完成
+        interchangeListComplete({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'back') { // 回退
+        interchangeListBack({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'return') { // 归还
+        interchangeListReturn({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'urge') { // 催办
+        interchangeListUrge({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'terminate') { // 终止
+        interchangeListTerminate({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+    })
+}
+
+// 打印列表
+function printList() {
+  // 打印列
+  let column = columnsTaking.value
+  if (currentMenu.value === 'taking') {
+    column = columns.value
+  }
+  const properties = column.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: IinterchangeList) => checkoutList.value.includes(item.id))
+    printJSON(printList, properties, '设备收发列表')
+  }
+  else {
+    ElMessage.warning('无可打印内容')
+  }
+}
+
+// 点击编辑或详情
+const goEdit = (row: IinterchangeList, pageType: 'edit' | 'detail') => {
+  $router.push(`/schedule/interchange/${pageType}/${row.sampleNo}`)
+}
+
+fetchData(true)
 </script>
 
 <template>
   <app-container>
-    设备收发
+    <search-area
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.sampleNo"
+          placeholder="样品编号"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.sampleName"
+          placeholder="样品名称"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.orderCode"
+          placeholder="委托书编号"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.customerId"
+          placeholder="委托方代码"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <search-item>
+          <el-date-picker
+            v-model="timeRange"
+            type="datetimerange"
+            range-separator="到"
+            format="YYYY/MM/DD"
+            value-format="YYYY-MM-DD"
+            start-placeholder="预计送达开始时间"
+            end-placeholder="预计送达结束时间"
+          />
+        </search-item>
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.isUrgent" placeholder="是否加急" style="width: 120px;" clearable>
+          <el-option
+            v-for="item in isUrgentMap"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.sampleAttr" placeholder="样品属性" style="width: 120px;" clearable>
+          <el-option
+            v-for="item in sampleAttrMap"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </search-item>
+    </search-area>
+    <table-container>
+      <template #btns-right>
+        <icon-button v-if="proxy.hasPerm('/schedule/interchangeList/scanTake') && currentMenu === 'taking'" icon="icon-device" title="扫描收入" type="primary" @click="scanTake" />
+        <icon-button v-if="proxy.hasPerm('/schedule/interchangeList/scanOver') && (currentMenu === 'took' || currentMenu === 'overtime') " icon="icon-device" title="扫描结束检定" type="primary" @click="scanOver" />
+        <icon-button v-if="proxy.hasPerm('/schedule/interchangeList/scanReturn') && currentMenu === 'returning'" icon="icon-device" title="扫描归还" type="primary" @click="scanReturn" />
+        <icon-button v-if="proxy.hasPerm('/sample/list/export')" icon="icon-export" title="导出" type="primary" @click="exportAll" />
+        <icon-button v-if="proxy.hasPerm('/sample/list/print')" icon="icon-print" title="打印" type="primary" @click="printList" />
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="currentMenu === 'taking' ? columnsTaking : columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multi-select="handleSelectionChange"
+      >
+        <template #columns>
+          <el-table-column label="操作" align="center" width="220">
+            <template #default="{ row }">
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/edit') && currentMenu === 'taking'"
+                size="small"
+                type="primary"
+                link
+                @click="goEdit(row, 'edit')"
+              >
+                编辑
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="goEdit(row, 'detail')"
+              >
+                详情
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/tagBinding') && (currentMenu === 'taking' || currentMenu === 'took' || currentMenu === 'returning')"
+                size="small"
+                link
+                type="primary"
+                @click="scan()"
+              >
+                标签绑定
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/take') && currentMenu === 'taking'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'take', '收入')"
+              >
+                收入
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/delete') && currentMenu === 'taking'"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row, 'delete', '删除')"
+              >
+                删除
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/complete') && currentMenu === 'took'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'complete', '完成')"
+              >
+                完成
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/return') && currentMenu === 'returning'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'return', '归还')"
+              >
+                归还
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/back') && (currentMenu === 'returning' || currentMenu === 'took' || currentMenu === 'returned')"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'back', '回退')"
+              >
+                回退
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/urge') && currentMenu === 'overtime'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'urge', '催办')"
+              >
+                催办
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/terminate') && (currentMenu === 'took' || currentMenu === 'overtime')"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'terminate', '终止')"
+              >
+                终止
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box @changeCurrentButton="changeCurrentButton" />
   </app-container>
 </template>
 
 <style lang="scss" scoped>
-// 样式
+.short-input {
+  width: 160px;
+}
 </style>
diff --git a/src/views/business/schedule/interchange/interchange_interface.ts b/src/views/business/schedule/interchange/interchange_interface.ts
new file mode 100644
index 0000000..a7df4fd
--- /dev/null
+++ b/src/views/business/schedule/interchange/interchange_interface.ts
@@ -0,0 +1,95 @@
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+
+export interface IListQuery {
+  sampleNo: string // 样品编号
+  sampleName: string // 样品名称
+  orderCode: string // 委托书编号
+  customerId: string // 委托方代码
+  startTime: string // 预计送达开始时间
+  endTime: string // 预计送达结束时间
+  isUrgent: string // 是否加急
+  sampleAttr: string // 样品属性
+  type: string // 类型（buttonBox）
+  offset: number
+  limit: number
+}
+
+export interface IinterchangeList {
+  id: string
+  sampleNo: string // 样品编号
+  sampleName: string // 样品名称
+  sampleModel: string // 型号
+  evaluationName: string // 出厂编号
+  orderCode: string // 委托书编号
+  customerId: string // 委托方代码
+  customerName: string // 委托方名称
+  deliverer: string // 送检人
+  isUrgent: string // 是否加急
+  sampleAttr: string // 样品属性
+  planDeliverTime: string // 预计送达时间
+  deliverTime: string // 实际送达时间
+  requireOverTime: string // 要求检完时间
+  currentCertifications: string | number // 已出具证书总数
+  requireCertifications: string | number // 应出具证书总数
+  currentDeliver: string // 当前检定环节
+}
+
+// 检定记录
+export interface SimpleMeasureRecord {
+  orderCode: string // 委托单编号
+  orderTime: string // 委托单日期
+  customerCode: string // 委托人代码
+  customerName: string // 委托人名称
+  deliverer: string // 送检人
+  deliverTime: string // 送检日期
+}
+
+// 检定证书
+export interface SimpleCertification {
+  certificationCode: string // 证书编号
+  certificationName: string // 证书形成
+  certificationType: string // 证书类型
+  effectiveDate: string // 证书出具日期
+  expirationDate: string // 证书有效期
+}
+
+export interface Menu {
+  name: string
+  columns: TableColumn[]
+  pagination: boolean
+  list: 'measureRecords' | 'certificationRecords'
+  searchFunc: Function
+}
+
+export interface ISampleDetail {
+  id?: string
+  sampleNo: string // 样品编号
+  sampleName: string // 样品名称
+  sampleModel: string // 样品型号
+  manufacturingNo: string // 出厂编号
+  customerNo: string // 委托方代码
+  customerName: string // 委托方名称
+  phone: string // 委托方电话
+  postalCode: string // 委托方邮编
+  companyAddress: string // 委托方地址
+  mesureCategory: string // 检校类别
+  manufacturer: string // 生产厂家
+  manufacturerCountry: string // 厂家国别
+  manufacturingDate: string // 出厂年月
+  ABC: string // ABC
+  deliverer?: string // 送检人
+  delivererTel?: string // 送检人联系方式
+  planDeliverTime?: string // 预计送达时间
+  requireOverTime?: string // 要求检完时间
+  mesureContent: string // 检定项目
+  mesurePeriod: string // 检定周期
+  remark: string // 备注
+  minioFileName: string // 说明书
+  labelBind: string // 标签绑定
+  mesureType: string // 检定方式
+  measureDate?: string // 检定日期
+  effectiveDate?: string // 有效日期
+  measureResultCode?: string // 检定结果代码
+  measureResult?: string // 检定结果
+}
+
diff --git a/src/views/customer/sample/list/list.vue b/src/views/customer/sample/list/list.vue
index 4086b48..ac83279 100644
--- a/src/views/customer/sample/list/list.vue
+++ b/src/views/customer/sample/list/list.vue
@@ -98,7 +98,7 @@
   $router.push(`/sample/${pageType}/${row.id}`)
 }
 // 点击删除
-const handleDelete = (index: string, row: ISampleList) => {
+const handleDelete = (row: ISampleList) => {
   ElMessageBox.confirm(
     `确认删除${row.customerName}吗？`,
     '提示',
@@ -137,6 +137,7 @@
     offset: 1,
     limit: 20,
   }
+  timeRange.value = ['', '']
 }
 
 // 上传文件/批量导入
@@ -330,7 +331,7 @@
                 size="small"
                 link
                 type="danger"
-                @click="handleDelete(row.$index, row)"
+                @click="handleDelete(row)"
               >
                 删除
               </el-button>
diff --git a/src/views/customer/sample/overTime/detail.vue b/src/views/customer/sample/overTime/detail.vue
index 3541675..a16196c 100644
--- a/src/views/customer/sample/overTime/detail.vue
+++ b/src/views/customer/sample/overTime/detail.vue
@@ -1,17 +1,13 @@
 <!-- 新建、编辑、详情 -->
 <script lang="ts" setup name="SampleEdit">
 import type { Ref } from 'vue'
-import { ElMessage, ElMessageBox } from 'element-plus'
-import type { FormInstance, UploadUserFile } from 'element-plus'
 import { ref } from 'vue'
 import { Calendar, Search } from '@element-plus/icons-vue'
 import type { ISampleDetail, SimpleCertification, SimpleMeasureRecord } from './overtime_list_interface'
 import showPhoto from '@/views/system/tool/showPhoto.vue'
-import { SCHEDULE } from '@/utils/scheduleDict'
 import TemplateTable from '@/views/customer/customerInfo/templateTable.vue'
-import { addSample, getSapmleDetail, updateSample } from '@/api/customer/sampleList'
+import { getSapmleDetail } from '@/api/customer/sampleList'
 import countries from '@/components/AddressSelect/country-code.json'
-import { UploadFile } from '@/api/measure/file'
 import type { TableColumn } from '@/components/NormalTable/table_interface'
 
 const textMap: { [key: string]: string } = {
diff --git a/src/views/customer/sample/overTime/list.vue b/src/views/customer/sample/overTime/list.vue
index 6d3699f..fd39dee 100644
--- a/src/views/customer/sample/overTime/list.vue
+++ b/src/views/customer/sample/overTime/list.vue
@@ -134,6 +134,7 @@
     offset: 1,
     limit: 20,
   }
+  timeRange.value = ['', '']
 }
 
 // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
diff --git a/src/views/device/receive/createOrCheck.vue b/src/views/device/receive/createOrCheck.vue
index 8527fdc..a7456b9 100644
--- a/src/views/device/receive/createOrCheck.vue
+++ b/src/views/device/receive/createOrCheck.vue
@@ -4,9 +4,10 @@
 import type { FormInstance, FormRules } from 'element-plus'
 import { ElMessage } from 'element-plus'
 import { useRoute, useRouter } from 'vue-router'
-import type { IdeviceListQuery, Iform } from './receive'
+import type { IdeviceList, IdeviceListQuery } from './receive'
 import SelectDeviceDialog from './selectDeviceDialog.vue'
 import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+
 const $route = useRoute()
 const typeValue = ref()
 const deviceName = ref()
@@ -34,7 +35,7 @@
   state: '', // 申请说明
 })
 const ruleFormRef = ref<FormInstance>() as any
-const list = ref([])// 表格数据
+const list = ref<IdeviceList[]>([])// 表格数据
 // 查询条件
 const listQuery: Ref<IdeviceListQuery> = ref({
   name: '', // 仪器名称
@@ -49,38 +50,14 @@
   limit: 10,
 })
 const columns = [
-  {
-    text: '仪器名称',
-    value: 'name',
-  },
-  {
-    text: '设备编号',
-    value: 'number',
-  },
-  {
-    text: '型号',
-    value: 'version',
-  },
-  {
-    text: '测量范围',
-    value: 'scope',
-  },
-  {
-    text: '使用部门',
-    value: 'dep',
-  },
-  {
-    text: '使用人',
-    value: 'person',
-  },
-  {
-    text: '管理状态',
-    value: 'status',
-  },
-  {
-    text: '有效日期',
-    value: 'date',
-  },
+  { text: '仪器名称', value: 'name' },
+  { text: '设备编号', value: 'number' },
+  { text: '型号', value: 'version' },
+  { text: '测量范围', value: 'scope' },
+  { text: '使用部门', value: 'dep' },
+  { text: '使用人', value: 'person' },
+  { text: '管理状态', value: 'status' },
+  { text: '有效日期', value: 'date' },
 ]
 const rules = reactive<FormRules>({
   company: [
@@ -199,7 +176,7 @@
   isShowDialog.value = false
 }
 // 选择好设备了
-const updateDeviceConfirm = (val) => {
+const updateDeviceConfirm = (val: Array<IdeviceList>) => {
   if (isMulti.value) {
     val.forEach((item: any) => {
       list.value.push(item)

diff --git a/src/api/business/schedule.ts b/src/api/business/schedule.ts
new file mode 100644
index 0000000..f5b4569
--- /dev/null
+++ b/src/api/business/schedule.ts
@@ -0,0 +1,89 @@
+/**
+ * 设备收发接口
+*/
+import request from '../index'
+import type { IListQuery } from '@/views/business/schedule/interchange/interchange_interface'
+const prefix = '/meter'
+
+// 列表查询
+export function getInterChangeList(data: IListQuery) {
+  return request({
+    url: `${prefix}/schedule/interChange/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 导出列表
+export function exportInterchangeList(data: Omit<IListQuery, 'limit' | 'offset'>) {
+  return request({
+    url: `${prefix}/schedule/interChange/listExport`,
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
+
+// 根据样品id收入
+export function interchangeListTake(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/take`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id删除
+export function interchangeListDelete(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/delete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id完成
+export function interchangeListComplete(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/complete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id回退
+export function interchangeListBack(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/back`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id归还
+export function interchangeListReturn(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/return`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id催办
+export function interchangeListUrge(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/urge`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id终止
+export function interchangeListTerminate(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/terminate`,
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/views/business/schedule/interchange/buttonBox.vue b/src/views/business/schedule/interchange/buttonBox.vue
new file mode 100644
index 0000000..dc864bd
--- /dev/null
+++ b/src/views/business/schedule/interchange/buttonBox.vue
@@ -0,0 +1,45 @@
+<script lang="ts" setup name="ButtonBox">
+import { DefaultProps } from 'element-plus'
+import { ref } from 'vue'
+const emits = defineEmits(['changeCurrentButton'])
+// 按钮菜单
+const menu = [
+  { name: '待收入', id: 'taking' },
+  { name: '已收入', id: 'took' },
+  { name: '待归还', id: 'returning' },
+  { name: '已归还', id: 'returned' },
+  { name: '已超期', id: 'overtime' },
+]
+const current = ref('taking')
+watch(current, (newValue) => {
+  emits('changeCurrentButton', newValue)
+})
+</script>
+
+<template>
+  <div class="container">
+    <div class="btns">
+      <!-- 三级菜单 -->
+      <el-radio-group v-model="current">
+        <el-radio-button v-for="item in menu" :key="item.id" :label="item.id">
+          {{ item.name }}
+        </el-radio-button>
+      </el-radio-group>
+    </div>
+    <!-- 展示区域 -->
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  position: relative;
+
+  .btns {
+    position: fixed;
+    top: 76px;
+    right: 15px;
+    z-index: 999;
+  }
+}
+</style>
+
diff --git a/src/views/business/schedule/interchange/interchangeEdit.vue b/src/views/business/schedule/interchange/interchangeEdit.vue
index 8c9b87c..67066a8 100644
--- a/src/views/business/schedule/interchange/interchangeEdit.vue
+++ b/src/views/business/schedule/interchange/interchangeEdit.vue
@@ -1,13 +1,712 @@
+<!-- 新建、编辑、详情 -->
 <script lang="ts" setup name="InterchangeEdit">
-// 设备交接单编辑
+import type { Ref } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, UploadUserFile } from 'element-plus'
+import { ref } from 'vue'
+import { Calendar, Search } from '@element-plus/icons-vue'
+import type { ISampleDetail, Menu, SimpleCertification, SimpleMeasureRecord } from './interchange_interface'
+import sampleDialog from '@/views/customer/sample/list/sampleDialog.vue'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+import { SCHEDULE } from '@/utils/scheduleDict'
+import TemplateTable from '@/views/customer/customerInfo/templateTable.vue'
+import { addSample, getSapmleDetail, updateSample } from '@/api/customer/sampleList'
+import countries from '@/components/AddressSelect/country-code.json'
+import { UploadFile } from '@/api/measure/file'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import type { ICustomer } from '@/views/customer/customerInfo/customer_interface'
+
+const textMap: { [key: string]: string } = {
+  edit: '编辑',
+  add: '新建',
+  detail: '详情',
+}// 字典
+const pageType = ref('add') // 页面类型: add, edit, detail
+const countryList = ref(countries) // 国家列表
+const loading = ref(false) // 表单加载状态
+const infoId = ref('') // id
+const visible = ref(false) // 控制对话框显隐
+const mesureCategoryMap: { [key: string]: string } = {
+  edit: '编辑',
+  add: '新建',
+  detail: '详情',
+}// 字典
+const mesureCategoryList = [
+  {
+    label: '检定',
+    value: 'jd',
+  },
+  {
+    label: '检测',
+    value: 'jc',
+  },
+  {
+    label: '验收检定',
+    value: 'ysjd',
+  },
+  {
+    label: '抽检',
+    value: 'cj',
+  },
+  {
+    label: '校准',
+    value: 'jz',
+  },
+  {
+    label: '测试',
+    value: 'cs',
+  },
+  {
+    label: '验收校准',
+    value: 'ysjz',
+  },
+]// 校检类别
+const mesureResultList = [
+  {
+    label: '合格',
+    value: 'hg',
+  },
+  {
+    label: '修后合格',
+    value: 'xhhg',
+  },
+  {
+    label: '限用',
+    value: 'xy',
+  },
+  {
+    label: '准用',
+    value: 'zy',
+  },
+  {
+    label: '不合格',
+    value: 'bhg',
+  },
+  {
+    label: '漏检',
+    value: 'lj',
+  },
+  {
+    label: '逾期未检定',
+    value: 'yqwjd',
+  },
+]// 检定结果
+const mesureResultMap = {
+  hg: '合格',
+  xhhg: '修后合格',
+  xy: '限用',
+  zy: '准用',
+  bhg: '不合格',
+  lj: '漏检',
+  yqwjd: '逾期未检定',
+}// 检定结果字典
+const mesureTypeList = [
+  {
+    label: '自检',
+    value: 'zj',
+  },
+  {
+    label: '外包',
+    value: 'wb',
+  },
+]// 检定方式
+const dataForm: Ref<ISampleDetail> = ref({
+  id: '',
+  sampleNo: '', // 样品编号
+  sampleName: '', // 样品名称
+  sampleModel: '', // 样品型号
+  manufacturingNo: '', // 出厂编号
+  customerNo: '', // 委托方代码
+  customerName: '', // 委托方名称
+  phone: '', // 委托方电话
+  postalCode: '', // 委托方邮编
+  companyAddress: '', // 委托方地址
+  mesureCategory: '', // 检校类别
+  manufacturer: '', // 生产厂家
+  manufacturerCountry: '', // 厂家国别
+  manufacturingDate: '', // 出厂年月
+  ABC: '', // ABC
+  // deliverer: '', // 送检人
+  // delivererTel: '', // 送检人联系方式
+  mesureContent: '', // 检定项目
+  mesurePeriod: '', // 检定周期
+  remark: '', // 备注
+  minioFileName: '', // 说明书
+  labelBind: '', // 标签绑定
+  mesureType: '', // 检定方式
+})
+const ruleFormRef = ref<FormInstance>()
+
+// 自定义校验规则--检定周期为正整数
+const validateMesurePeriod = (rule: any, value: any, callback: any) => {
+  if (value === '') {
+    callback()
+  }
+  else if (!(/(^[1-9]\d*$)/.test(value))) {
+    callback(new Error('请输入一个正整数'))
+  }
+  else {
+    callback()
+  }
+}
+
+// 校验规则
+const rules = ref({
+  sampleName: [{ required: true, message: '样品名称不能为空', trigger: 'blur' }],
+  sampleModel: [{ required: true, message: '样品型号不能为空', trigger: 'blur' }],
+  manufacturingNo: [{ required: true, message: '出厂编号不能为空', trigger: 'blur' }],
+  customerNo: [{ required: true, message: '委托方代码不能为空', trigger: 'change' }],
+  customerName: [{ required: true, message: '委托方名称不能为空', trigger: 'blur' }],
+  phone: [{ required: true, message: '委托方电话不能为空', trigger: 'blur' }],
+  postalCode: [{ required: true, message: '委托方邮编不能为空', trigger: 'blur' }],
+  companyAddress: [{ required: true, message: '委托方地址不能为空', trigger: 'blur' }],
+  mesureContent: [{ required: true, message: '检定项目不能为空', trigger: 'blur' }],
+  mesurePeriod: [{ validator: validateMesurePeriod, trigger: 'blur' }],
+}) // 表单验证规则
+
+// 其他关联数据列表
+const dataList = ref({
+  measureRecords: [] as SimpleMeasureRecord[],
+  certificationRecords: [] as SimpleCertification[],
+})
+
+// 获取检定记录
+const fetchMeasureRecords = function (query = null) {
+  dataList.value.measureRecords = []
+}
+// 获取检定证书
+const fetchCertifications = function (query = null) {
+  dataList.value.certificationRecords = []
+}
+
+// 菜单
+const menu: Menu[] = [
+  {
+    name: '检定记录',
+    columns: [
+      { text: '委托单编号', value: 'orderCode' },
+      { text: '委托单日期', value: 'orderTime' },
+      { text: '委托方代码', value: 'customerCode' },
+      { text: '委托方名称', value: 'customerName' },
+      { text: '送检人', value: 'deliverer' },
+      { text: '送检日期', value: 'deliverTime' },
+    ],
+    list: 'measureRecords',
+    pagination: true,
+    searchFunc: fetchMeasureRecords,
+  },
+  {
+    name: '检定证书',
+    columns: [
+      { text: '证书编号', value: 'certificationCode' },
+      { text: '证书名称', value: 'certificationName' },
+      { text: '证书类型', value: 'certificationType' },
+      { text: '证书出具日期', value: 'effectiveDate' },
+      { text: '证书有效期', value: 'expirationDate' },
+    ],
+    list: 'certificationRecords',
+    pagination: true,
+    searchFunc: fetchCertifications,
+  },
+]
+
+const currentMenu = ref('检定记录')
+const currentMenuObj = computed(() => {
+  return menu.find(item => item.name === currentMenu.value)
+})
+
+// 从路由中获取页面类型参数
+const $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 $router = useRouter()
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+
+// 打印表单
+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: '',
+})
+
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  // 原生上传
+  console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    UploadFile(fd).then((res) => {
+      if (res.code === 200) {
+        dataForm.value.minioFileName = res.data[0]
+        // 重置当前验证
+        ElMessage.success('文件上传成功')
+      }
+      else {
+        ElMessage.error(res.message)
+      }
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+
+// 委托方代码获取焦点
+const customerNoFocus = () => {
+  visible.value = true
+  console.log(visible.value)
+}
+
+// 选好委托方
+const confirmCheckout = (val: Array<ICustomer>) => {
+  if (val && val.length) {
+    const getValue = val[0]
+    dataForm.value.customerNo = getValue.customerNo
+    dataForm.value.customerName = getValue.customerName
+    dataForm.value.phone = getValue.phone
+    dataForm.value.postalCode = getValue.postalCode
+    dataForm.value.companyAddress = getValue.briefName
+  }
+}
+
+// 控制选择委托方对话框显隐
+const changeVisible = (val: boolean) => {
+  visible.value = val
+}
+
+// 保存
+function saveForm(formEl: FormInstance | undefined) {
+  if (!formEl) { return }
+  formEl.validate((valid, fields) => {
+    if (valid) {
+      ElMessageBox.confirm(
+        '确认保存吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then(() => {
+        if (dataForm.value.id) {
+          updateSample(dataForm.value).then((res) => {
+            if (res.code === 200) {
+              dataForm.value.id = res.data.id
+              dataForm.value.customerNo = res.data.customerNo
+              ElMessage.success('已保存')
+              $router.go(-1)
+            }
+          })
+        }
+        else {
+          addSample(dataForm.value).then((res) => {
+            if (res.code === 200) {
+              dataForm.value.id = res.data.id
+              dataForm.value.customerNo = res.data.customerNo
+              ElMessage.success('已保存')
+              $router.go(-1)
+            }
+          })
+        }
+      })
+    }
+  })
+}
+
+// 提交表单
+function submitForm() {
+  if (dataForm.value.id) {
+    const params = {
+      id: dataForm.value.id,
+      formId: SCHEDULE.SUPPLIER_APPROVAL, // 表单id
+    }
+    addSample(params).then((res) => {
+      ElMessage.success('提交成功')
+      close()
+    })
+  }
+  else {
+    ElMessage.info('请先保存再提交！')
+  }
+}
+
+const getInfo = () => {
+  getSapmleDetail({ id: infoId.value }).then((res) => {
+    res.data = {
+      ABC: 'A',
+      companyAddress: '北京/北京市',
+      customerName: '京东集团',
+      customerNo: 'sygf202211290001',
+      id: '',
+      labelBind: '11222',
+      manufacturer: '北京某厂家',
+      manufacturerCountry: 'CN',
+      manufacturingDate: '2023-03',
+      manufacturingNo: '123121',
+      mesureCategory: 'jd',
+      mesureContent: '项目1',
+      mesurePeriod: '1',
+      mesureType: 'zj',
+      minioFileName: '小程序工期表-1117_1674961769128.xlsx',
+      phone: '950618',
+      postalCode: 'test',
+      remark: '无备注',
+      sampleModel: '型号1',
+      sampleName: '样品1',
+      sampleNo: '',
+      measureResultCode: 'bhg',
+    }
+    // dataForm.value = res.data
+    // dataForm.value.measureResult = mesureResultMap[dataForm.value.measureResultCode]
+    // for (const item of menu) {
+    //   item.searchFunc()
+    // }
+  })
+}
+
+// 非添加页面获取详情
+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'" type="primary" @click="saveForm(ruleFormRef)">
+          保存
+        </el-button>
+        <el-button type="info" @click="close">
+          关闭
+        </el-button>
+      </template>
+      <div id="form">
+        <el-form
+          ref="ruleFormRef"
+          :model="dataForm"
+          :label-width="120"
+          label-position="right"
+          :rules="rules"
+        >
+          <el-row :gutter="24">
+            <el-col :span="6">
+              <el-form-item label="样品编号:" prop="sampleNo">
+                <el-input
+                  v-model="dataForm.sampleNo"
+                  :placeholder="pageType === 'detail' ? '' : '系统自动生成'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="样品名称:" prop="sampleName">
+                <el-input
+                  v-model="dataForm.sampleName"
+                  :placeholder="pageType === 'detail' ? '' : '请输入样品名称'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col><el-col :span="6">
+              <el-form-item label="样品型号:" prop="sampleModel">
+                <el-input
+                  v-model="dataForm.sampleModel"
+                  :placeholder="pageType === 'detail' ? '' : '请输入样品型号'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="出厂编号:" prop="manufacturingNo">
+                <el-input
+                  v-model="dataForm.manufacturingNo"
+                  :placeholder="pageType === 'detail' ? '' : '请输入出厂编号'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="委托方代码" prop="customerNo">
+                <el-input
+                  v-model="dataForm.customerNo"
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方代码'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                  @focus="customerNoFocus"
+                >
+                  <template #suffix>
+                    <el-icon v-if="pageType !== 'detail'" class="el-input__icon">
+                      <search />
+                    </el-icon>
+                  </template>
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="委托方名称" prop="customerName">
+                <el-input
+                  v-model="dataForm.customerName"
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方名称'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="委托方电话" prop="phone">
+                <el-input
+                  v-model="dataForm.phone"
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方电话'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="委托方邮编" prop="postalCode">
+                <el-input
+                  v-model="dataForm.postalCode"
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方邮编'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="18">
+              <el-form-item label="委托方地址:" prop="companyAddress">
+                <el-input
+                  v-model="dataForm.companyAddress"
+                  type="textarea"
+                  autosize
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方地址'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="校检类别:">
+                <el-select
+                  v-model="dataForm.mesureCategory"
+                  :placeholder="pageType === 'detail' ? '' : '请选择校检类别'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                >
+                  <el-option v-for="item of mesureCategoryList" :key="item.value" :label="item.label" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="生产厂家:">
+                <el-input
+                  v-model="dataForm.manufacturer"
+                  :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-select
+                  v-model="dataForm.manufacturerCountry"
+                  :placeholder="pageType === 'detail' ? '' : '请选择厂家国别'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                >
+                  <el-option v-for="country of countryList" :key="country.code" :label="country.CNName" :value="country.code" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="出厂年月:">
+                <el-date-picker
+                  v-model="dataForm.manufacturingDate"
+                  type="month"
+                  format="YYYY-MM"
+                  value-format="YYYY-MM"
+                  class="full-width-input"
+                  :placeholder="pageType === 'detail' ? '' : '请输入出厂年月'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="ABC:">
+                <el-select
+                  v-model="dataForm.ABC"
+                  :placeholder="pageType === 'detail' ? '' : '请选择ABC'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                >
+                  <el-option v-for="item of ['A', 'B', 'C']" :key="item" :label="item" :value="item" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="检定周期（月）:" prop="mesurePeriod">
+                <el-input
+                  v-model="dataForm.mesurePeriod"
+                  :placeholder="pageType === 'detail' ? '' : '请输入检定周期'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="检定日期:">
+                <el-input
+                  v-model="dataForm.measureDate"
+                  :placeholder="pageType === 'detail' ? '' : '请输入检定日期'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="有效日期:">
+                <el-input
+                  v-model="dataForm.effectiveDate"
+                  :placeholder="pageType === 'detail' ? '' : '请输入有效日期'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="检定结果:">
+                <el-input
+                  v-model="dataForm.measureResult"
+                  :placeholder="pageType === 'detail' ? '' : '请选择检定结果'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="送检人:">
+                <el-input
+                  v-model="dataForm.deliverer"
+                  :placeholder="pageType === 'detail' ? '' : '请输入送检人'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="联系方式:">
+                <el-input
+                  v-model="dataForm.delivererTel"
+                  :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-select
+                  v-model="dataForm.mesureType"
+                  :placeholder="pageType === 'detail' ? '' : '请选择检定方式'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                >
+                  <el-option v-for="item of mesureTypeList" :key="item.value" :label="item.label" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="标签绑定:">
+                <el-input
+                  v-model="dataForm.labelBind"
+                  :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="12">
+              <el-form-item label="检定项目:" prop="mesureContent">
+                <el-input
+                  v-model="dataForm.mesureContent"
+                  :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="12">
+              <el-form-item label="备注:">
+                <el-input
+                  v-model="dataForm.remark"
+                  type="textarea"
+                  autosize
+                  :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="12">
+              <el-form-item label="说明书:">
+                <show-photo v-if="dataForm.minioFileName" :minio-file-name="dataForm.minioFileName" />
+                <span v-else-if="pageType === 'detail'">无</span>
+                <input v-show="pageType === ''" ref="fileRef" type="file" @change="onFileChange">
+                <el-button v-if="pageType !== 'detail'" id="file" type="primary" :disabled="pageType === 'detail'" :style="{ 'margin-left': dataForm.minioFileName === '' ? '0px' : '20px' }" @click="upload">
+                  {{ dataForm.minioFileName === '' ? '上传' : '更换附件' }}
+                </el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </detail-page>
+
+    <!-- 检定记录、检定证书 -->
+    <detail-block-switch v-if="pageType === 'detail'" :title="currentMenu">
+      <template #menu>
+        <el-radio-group v-model="currentMenu">
+          <el-radio-button v-for="item in menu" :key="item.name" :label="item.name">
+            {{ item.name }}
+          </el-radio-button>
+        </el-radio-group>
+      </template>
+      <template-table v-if="currentMenuObj" :columns="currentMenuObj.columns" :list="dataList[currentMenuObj.list]" :loading="false" :pagination="currentMenuObj.pagination" @change-page="currentMenuObj?.searchFunc" />
+    </detail-block-switch>
+
+    <!-- 选择委托方组件 -->
+    <sample-dialog v-model:visible="visible" @confirmCheckout="confirmCheckout" @changeVisible="changeVisible" />
   </app-container>
 </template>
 
 <style lang="scss" scoped>
 // 样式
 </style>
+
diff --git a/src/views/business/schedule/interchange/interchangeList.vue b/src/views/business/schedule/interchange/interchangeList.vue
index f65137f..5bb8865 100644
--- a/src/views/business/schedule/interchange/interchangeList.vue
+++ b/src/views/business/schedule/interchange/interchangeList.vue
@@ -1,13 +1,557 @@
 <script lang="ts" setup name="InterchangeList">
-// 设备交接单列表
+import type { Ref } from 'vue'
+import { getCurrentInstance, ref } from 'vue'
+import type { DateModelType } from 'element-plus'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IListQuery, IinterchangeList } from './interchange_interface'
+import ButtonBox from './buttonBox.vue'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import {
+  exportInterchangeList,
+  getInterChangeList,
+  interchangeListBack,
+  interchangeListComplete,
+  interchangeListDelete,
+  interchangeListReturn,
+  interchangeListTake,
+  interchangeListTerminate,
+  interchangeListUrge,
+} from '@/api/business/schedule'
+import { printJSON } from '@/utils/printUtils'
+
+const { proxy } = getCurrentInstance() as any
+const $router = useRouter()
+
+// 是否加急
+const isUrgentMap = [
+  { label: '全部', value: '0' },
+  { label: '是', value: '1' },
+  { label: '否', value: '2' },
+]
+
+// 样品属性
+const sampleAttrMap = [
+  { label: '全部', value: '0' },
+  { label: '客户样品', value: '1' },
+  { label: '自有设备', value: '2' },
+]
+
+const currentMenu = ref('taking') // buttonBox菜单选中项
+
+// 查询条件
+const listQuery: Ref<IListQuery> = ref({
+  sampleNo: '', // 样品编号
+  sampleName: '', // 样品名称
+  orderCode: '', // 委托书编号
+  customerId: '', // 委托方代码
+  startTime: '', // 预计送达开始时间
+  endTime: '', // 预计送达结束时间
+  isUrgent: '', // 是否加急
+  sampleAttr: '', // 样品属性
+  type: '',
+  offset: 1,
+  limit: 20,
+})
+const timeRange = ref<[DateModelType, DateModelType]>(['', ''])
+
+// 表头待收入
+const columnsTaking = ref<TableColumn[]>([
+  { text: '样品编号', value: 'sampleNo', width: '160', align: 'center' },
+  { text: '样品名称', value: 'sampleName', width: '120', align: 'center' },
+  { text: '型号', value: 'sampleModel', align: 'center' },
+  { text: '出厂编号', value: 'evaluationName', align: 'center' },
+  { text: '委托书编号', value: 'orderCode', align: 'center' },
+  { text: '委托方代码', value: 'customerId', align: 'center' },
+  { text: '委托方名称', value: 'customerName', align: 'center' },
+  { text: '送检人', value: 'deliverer', align: 'center' },
+  { text: '是否加急', value: 'isUrgent', align: 'center' },
+  { text: '样品属性', value: 'sampleAttr', align: 'center' },
+  { text: '预计送达时间', value: 'planDeliverTime', align: 'center' },
+])
+
+const columns = ref<TableColumn[]>([
+  { text: '样品编号', value: 'sampleNo', width: '160', align: 'center' },
+  { text: '样品名称', value: 'sampleName', width: '120', align: 'center' },
+  { text: '型号', value: 'sampleModel', align: 'center' },
+  { text: '出厂编号', value: 'evaluationName', align: 'center' },
+  { text: '委托书编号', value: 'orderCode', align: 'center' },
+  { text: '委托方代码', value: 'customerId', align: 'center' },
+  { text: '委托方名称', value: 'customerName', align: 'center' },
+  { text: '实际送达时间', value: 'deliverTime', align: 'center' },
+  { text: '要求检完时间', value: 'requireOverTime', align: 'center' },
+  { text: '是否加急', value: 'isUrgent', align: 'center' },
+  { text: '样品属性', value: 'sampleAttr', align: 'center' },
+  { text: '当前检定环节', value: 'currentDeliver', align: 'center' },
+  { text: '证书出具', value: 'Certifications', align: 'center' },
+])
+
+// 表格数据
+const list = ref<IinterchangeList[]>([])
+// 总数
+const total = ref(0)
+// 表格加载状态
+const loadingTable = ref(false)
+// 选中的内容
+const checkoutList = ref<string[]>([])
+// 数据查询
+function fetchData(isNowPage = false) {
+  // loadingTable.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    listQuery.value.offset = 1
+  }
+  listQuery.value.startTime = timeRange.value[0] as string || ''
+  listQuery.value.endTime = timeRange.value[1] as string || ''
+  listQuery.value.type = currentMenu.value
+  // getInterChangeList(listQuery.value).then((response) => {
+  //   response.data.rows = [
+  //     {
+  //       id: 'test',
+  //       sampleNo: 'test', // 样品编号
+  //       sampleName: 'test', // 样品名称
+  //       sampleModel: 'test', // 型号
+  //       evaluationName: 'test', // 出厂编号
+  //       orderCode: 'test', // 委托书编号
+  //       customerId: 'test', // 委托方代码
+  //       customerName: 'test', // 委托方名称
+  //       deliverer: 'test', // 送检人
+  //       isUrgent: 'test', // 是否加急
+  //       sampleAttr: 'test', // 样品属性
+  //       planDeliverTime: 'test', // 预计送达时间
+  //     }]
+  //   list.value = response.data.rows.map((item: IinterchangeList) => {
+  //     return {
+  //       ...item,
+  //       Certifications: item.currentCertifications === item.requireCertifications ? item.requireCertifications : (`${item.currentCertifications}/${item.requireCertifications}`),
+  //     }
+  //   })
+  //   total.value = parseInt(response.data.total)
+  //   loadingTable.value = false
+  // })
+  list.value = [
+    {
+      id: 'test',
+      sampleNo: 'test', // 样品编号
+      sampleName: 'test', // 样品名称
+      sampleModel: 'test', // 型号
+      evaluationName: 'test', // 出厂编号
+      orderCode: 'test', // 委托书编号
+      customerId: 'test', // 委托方代码
+      customerName: 'test', // 委托方名称
+      deliverer: 'test', // 送检人
+      isUrgent: '2', // 是否加急
+      sampleAttr: '1', // 样品属性
+      planDeliverTime: 'test', // 预计送达时间
+      deliverTime: 'test', // 实际送达时间
+      requireOverTime: 'test', // 要求检完时间
+      currentCertifications: '1', // 已出具证书总数
+      requireCertifications: '5', // 应出具证书总数
+      currentDeliver: 'test', // 当前检定环节
+    }].map((item: IinterchangeList) => {
+    return {
+      ...item,
+      Certifications: item.currentCertifications === item.requireCertifications ? item.requireCertifications : (`${item.currentCertifications}/${item.requireCertifications}`),
+    }
+  })
+}
+
+// 点击搜索
+const searchList = () => {
+  fetchData(true)
+}
+// 点击重置
+const clearList = () => {
+  listQuery.value = {
+    sampleNo: '', // 样品编号
+    sampleName: '', // 样品名称
+    orderCode: '', // 委托书编号
+    customerId: '', // 委托方代码
+    startTime: '', // 预计送达开始时间
+    endTime: '', // 预计送达结束时间
+    isUrgent: '', // 是否加急
+    sampleAttr: '', // 样品属性
+    offset: 1,
+    limit: 20,
+  }
+  timeRange.value = ['', '']
+}
+
+// 多选发生改变时
+function handleSelectionChange(e: any) {
+  checkoutList.value = e.map((item: { id: string }) => item.id)
+}
+
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+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)
+}
+
+// 监听buttonBox切换
+const changeCurrentButton = (val: string) => {
+  currentMenu.value = val
+  console.log(currentMenu.value)
+
+  fetchData(true)
+}
+
+// 点击扫描收入
+const scanTake = () => {}
+// 点击扫描结束检定
+const scanOver = () => {}
+// 点击扫描归还
+const scanReturn = () => {}
+// 点击标签绑定
+const scan = () => {}
+
+// 导出
+const exportAll = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: '下载中请稍后',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (list.value.length > 0) {
+    const params = {
+      sampleNo: listQuery.value.sampleNo, // 样品编号
+      sampleName: listQuery.value.sampleName, // 样品名称
+      orderCode: listQuery.value.orderCode, // 委托书编号
+      customerId: listQuery.value.customerId, // 委托方代码
+      startTime: listQuery.value.startTime, // 预计送达开始时间
+      endTime: listQuery.value.endTime, // 预计送达结束时间
+      isUrgent: listQuery.value.isUrgent, // 是否加急
+      sampleAttr: listQuery.value.sampleAttr, // 样品属性
+      type: currentMenu.value,
+      ids: checkoutList.value,
+    }
+    exportInterchangeList(params).then((res) => {
+      const blob = new Blob([res.data])
+      exportFile(blob, '设备收发列表.xlsx')
+    })
+  }
+  else {
+    ElMessage.warning('无数据可导出数据')
+  }
+  loading.close()
+}
+
+// 操作
+const handleEdit = (row: IinterchangeList, type: string, title: string) => {
+  ElMessageBox.confirm(
+    `确认${title}吗？`,
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  )
+    .then(() => {
+      if (type === 'take') { // 收入
+        interchangeListTake({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'delete') { // 删除
+        interchangeListDelete({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'complete') { // 完成
+        interchangeListComplete({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'back') { // 回退
+        interchangeListBack({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'return') { // 归还
+        interchangeListReturn({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'urge') { // 催办
+        interchangeListUrge({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'terminate') { // 终止
+        interchangeListTerminate({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+    })
+}
+
+// 打印列表
+function printList() {
+  // 打印列
+  let column = columnsTaking.value
+  if (currentMenu.value === 'taking') {
+    column = columns.value
+  }
+  const properties = column.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: IinterchangeList) => checkoutList.value.includes(item.id))
+    printJSON(printList, properties, '设备收发列表')
+  }
+  else {
+    ElMessage.warning('无可打印内容')
+  }
+}
+
+// 点击编辑或详情
+const goEdit = (row: IinterchangeList, pageType: 'edit' | 'detail') => {
+  $router.push(`/schedule/interchange/${pageType}/${row.sampleNo}`)
+}
+
+fetchData(true)
 </script>
 
 <template>
   <app-container>
-    设备收发
+    <search-area
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.sampleNo"
+          placeholder="样品编号"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.sampleName"
+          placeholder="样品名称"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.orderCode"
+          placeholder="委托书编号"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.customerId"
+          placeholder="委托方代码"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <search-item>
+          <el-date-picker
+            v-model="timeRange"
+            type="datetimerange"
+            range-separator="到"
+            format="YYYY/MM/DD"
+            value-format="YYYY-MM-DD"
+            start-placeholder="预计送达开始时间"
+            end-placeholder="预计送达结束时间"
+          />
+        </search-item>
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.isUrgent" placeholder="是否加急" style="width: 120px;" clearable>
+          <el-option
+            v-for="item in isUrgentMap"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.sampleAttr" placeholder="样品属性" style="width: 120px;" clearable>
+          <el-option
+            v-for="item in sampleAttrMap"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </search-item>
+    </search-area>
+    <table-container>
+      <template #btns-right>
+        <icon-button v-if="proxy.hasPerm('/schedule/interchangeList/scanTake') && currentMenu === 'taking'" icon="icon-device" title="扫描收入" type="primary" @click="scanTake" />
+        <icon-button v-if="proxy.hasPerm('/schedule/interchangeList/scanOver') && (currentMenu === 'took' || currentMenu === 'overtime') " icon="icon-device" title="扫描结束检定" type="primary" @click="scanOver" />
+        <icon-button v-if="proxy.hasPerm('/schedule/interchangeList/scanReturn') && currentMenu === 'returning'" icon="icon-device" title="扫描归还" type="primary" @click="scanReturn" />
+        <icon-button v-if="proxy.hasPerm('/sample/list/export')" icon="icon-export" title="导出" type="primary" @click="exportAll" />
+        <icon-button v-if="proxy.hasPerm('/sample/list/print')" icon="icon-print" title="打印" type="primary" @click="printList" />
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="currentMenu === 'taking' ? columnsTaking : columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multi-select="handleSelectionChange"
+      >
+        <template #columns>
+          <el-table-column label="操作" align="center" width="220">
+            <template #default="{ row }">
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/edit') && currentMenu === 'taking'"
+                size="small"
+                type="primary"
+                link
+                @click="goEdit(row, 'edit')"
+              >
+                编辑
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="goEdit(row, 'detail')"
+              >
+                详情
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/tagBinding') && (currentMenu === 'taking' || currentMenu === 'took' || currentMenu === 'returning')"
+                size="small"
+                link
+                type="primary"
+                @click="scan()"
+              >
+                标签绑定
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/take') && currentMenu === 'taking'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'take', '收入')"
+              >
+                收入
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/delete') && currentMenu === 'taking'"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row, 'delete', '删除')"
+              >
+                删除
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/complete') && currentMenu === 'took'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'complete', '完成')"
+              >
+                完成
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/return') && currentMenu === 'returning'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'return', '归还')"
+              >
+                归还
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/back') && (currentMenu === 'returning' || currentMenu === 'took' || currentMenu === 'returned')"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'back', '回退')"
+              >
+                回退
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/urge') && currentMenu === 'overtime'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'urge', '催办')"
+              >
+                催办
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/terminate') && (currentMenu === 'took' || currentMenu === 'overtime')"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'terminate', '终止')"
+              >
+                终止
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box @changeCurrentButton="changeCurrentButton" />
   </app-container>
 </template>
 
 <style lang="scss" scoped>
-// 样式
+.short-input {
+  width: 160px;
+}
 </style>
diff --git a/src/views/business/schedule/interchange/interchange_interface.ts b/src/views/business/schedule/interchange/interchange_interface.ts
new file mode 100644
index 0000000..a7df4fd
--- /dev/null
+++ b/src/views/business/schedule/interchange/interchange_interface.ts
@@ -0,0 +1,95 @@
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+
+export interface IListQuery {
+  sampleNo: string // 样品编号
+  sampleName: string // 样品名称
+  orderCode: string // 委托书编号
+  customerId: string // 委托方代码
+  startTime: string // 预计送达开始时间
+  endTime: string // 预计送达结束时间
+  isUrgent: string // 是否加急
+  sampleAttr: string // 样品属性
+  type: string // 类型（buttonBox）
+  offset: number
+  limit: number
+}
+
+export interface IinterchangeList {
+  id: string
+  sampleNo: string // 样品编号
+  sampleName: string // 样品名称
+  sampleModel: string // 型号
+  evaluationName: string // 出厂编号
+  orderCode: string // 委托书编号
+  customerId: string // 委托方代码
+  customerName: string // 委托方名称
+  deliverer: string // 送检人
+  isUrgent: string // 是否加急
+  sampleAttr: string // 样品属性
+  planDeliverTime: string // 预计送达时间
+  deliverTime: string // 实际送达时间
+  requireOverTime: string // 要求检完时间
+  currentCertifications: string | number // 已出具证书总数
+  requireCertifications: string | number // 应出具证书总数
+  currentDeliver: string // 当前检定环节
+}
+
+// 检定记录
+export interface SimpleMeasureRecord {
+  orderCode: string // 委托单编号
+  orderTime: string // 委托单日期
+  customerCode: string // 委托人代码
+  customerName: string // 委托人名称
+  deliverer: string // 送检人
+  deliverTime: string // 送检日期
+}
+
+// 检定证书
+export interface SimpleCertification {
+  certificationCode: string // 证书编号
+  certificationName: string // 证书形成
+  certificationType: string // 证书类型
+  effectiveDate: string // 证书出具日期
+  expirationDate: string // 证书有效期
+}
+
+export interface Menu {
+  name: string
+  columns: TableColumn[]
+  pagination: boolean
+  list: 'measureRecords' | 'certificationRecords'
+  searchFunc: Function
+}
+
+export interface ISampleDetail {
+  id?: string
+  sampleNo: string // 样品编号
+  sampleName: string // 样品名称
+  sampleModel: string // 样品型号
+  manufacturingNo: string // 出厂编号
+  customerNo: string // 委托方代码
+  customerName: string // 委托方名称
+  phone: string // 委托方电话
+  postalCode: string // 委托方邮编
+  companyAddress: string // 委托方地址
+  mesureCategory: string // 检校类别
+  manufacturer: string // 生产厂家
+  manufacturerCountry: string // 厂家国别
+  manufacturingDate: string // 出厂年月
+  ABC: string // ABC
+  deliverer?: string // 送检人
+  delivererTel?: string // 送检人联系方式
+  planDeliverTime?: string // 预计送达时间
+  requireOverTime?: string // 要求检完时间
+  mesureContent: string // 检定项目
+  mesurePeriod: string // 检定周期
+  remark: string // 备注
+  minioFileName: string // 说明书
+  labelBind: string // 标签绑定
+  mesureType: string // 检定方式
+  measureDate?: string // 检定日期
+  effectiveDate?: string // 有效日期
+  measureResultCode?: string // 检定结果代码
+  measureResult?: string // 检定结果
+}
+
diff --git a/src/views/customer/sample/list/list.vue b/src/views/customer/sample/list/list.vue
index 4086b48..ac83279 100644
--- a/src/views/customer/sample/list/list.vue
+++ b/src/views/customer/sample/list/list.vue
@@ -98,7 +98,7 @@
   $router.push(`/sample/${pageType}/${row.id}`)
 }
 // 点击删除
-const handleDelete = (index: string, row: ISampleList) => {
+const handleDelete = (row: ISampleList) => {
   ElMessageBox.confirm(
     `确认删除${row.customerName}吗？`,
     '提示',
@@ -137,6 +137,7 @@
     offset: 1,
     limit: 20,
   }
+  timeRange.value = ['', '']
 }
 
 // 上传文件/批量导入
@@ -330,7 +331,7 @@
                 size="small"
                 link
                 type="danger"
-                @click="handleDelete(row.$index, row)"
+                @click="handleDelete(row)"
               >
                 删除
               </el-button>
diff --git a/src/views/customer/sample/overTime/detail.vue b/src/views/customer/sample/overTime/detail.vue
index 3541675..a16196c 100644
--- a/src/views/customer/sample/overTime/detail.vue
+++ b/src/views/customer/sample/overTime/detail.vue
@@ -1,17 +1,13 @@
 <!-- 新建、编辑、详情 -->
 <script lang="ts" setup name="SampleEdit">
 import type { Ref } from 'vue'
-import { ElMessage, ElMessageBox } from 'element-plus'
-import type { FormInstance, UploadUserFile } from 'element-plus'
 import { ref } from 'vue'
 import { Calendar, Search } from '@element-plus/icons-vue'
 import type { ISampleDetail, SimpleCertification, SimpleMeasureRecord } from './overtime_list_interface'
 import showPhoto from '@/views/system/tool/showPhoto.vue'
-import { SCHEDULE } from '@/utils/scheduleDict'
 import TemplateTable from '@/views/customer/customerInfo/templateTable.vue'
-import { addSample, getSapmleDetail, updateSample } from '@/api/customer/sampleList'
+import { getSapmleDetail } from '@/api/customer/sampleList'
 import countries from '@/components/AddressSelect/country-code.json'
-import { UploadFile } from '@/api/measure/file'
 import type { TableColumn } from '@/components/NormalTable/table_interface'
 
 const textMap: { [key: string]: string } = {
diff --git a/src/views/customer/sample/overTime/list.vue b/src/views/customer/sample/overTime/list.vue
index 6d3699f..fd39dee 100644
--- a/src/views/customer/sample/overTime/list.vue
+++ b/src/views/customer/sample/overTime/list.vue
@@ -134,6 +134,7 @@
     offset: 1,
     limit: 20,
   }
+  timeRange.value = ['', '']
 }
 
 // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
diff --git a/src/views/device/receive/createOrCheck.vue b/src/views/device/receive/createOrCheck.vue
index 8527fdc..a7456b9 100644
--- a/src/views/device/receive/createOrCheck.vue
+++ b/src/views/device/receive/createOrCheck.vue
@@ -4,9 +4,10 @@
 import type { FormInstance, FormRules } from 'element-plus'
 import { ElMessage } from 'element-plus'
 import { useRoute, useRouter } from 'vue-router'
-import type { IdeviceListQuery, Iform } from './receive'
+import type { IdeviceList, IdeviceListQuery } from './receive'
 import SelectDeviceDialog from './selectDeviceDialog.vue'
 import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+
 const $route = useRoute()
 const typeValue = ref()
 const deviceName = ref()
@@ -34,7 +35,7 @@
   state: '', // 申请说明
 })
 const ruleFormRef = ref<FormInstance>() as any
-const list = ref([])// 表格数据
+const list = ref<IdeviceList[]>([])// 表格数据
 // 查询条件
 const listQuery: Ref<IdeviceListQuery> = ref({
   name: '', // 仪器名称
@@ -49,38 +50,14 @@
   limit: 10,
 })
 const columns = [
-  {
-    text: '仪器名称',
-    value: 'name',
-  },
-  {
-    text: '设备编号',
-    value: 'number',
-  },
-  {
-    text: '型号',
-    value: 'version',
-  },
-  {
-    text: '测量范围',
-    value: 'scope',
-  },
-  {
-    text: '使用部门',
-    value: 'dep',
-  },
-  {
-    text: '使用人',
-    value: 'person',
-  },
-  {
-    text: '管理状态',
-    value: 'status',
-  },
-  {
-    text: '有效日期',
-    value: 'date',
-  },
+  { text: '仪器名称', value: 'name' },
+  { text: '设备编号', value: 'number' },
+  { text: '型号', value: 'version' },
+  { text: '测量范围', value: 'scope' },
+  { text: '使用部门', value: 'dep' },
+  { text: '使用人', value: 'person' },
+  { text: '管理状态', value: 'status' },
+  { text: '有效日期', value: 'date' },
 ]
 const rules = reactive<FormRules>({
   company: [
@@ -199,7 +176,7 @@
   isShowDialog.value = false
 }
 // 选择好设备了
-const updateDeviceConfirm = (val) => {
+const updateDeviceConfirm = (val: Array<IdeviceList>) => {
   if (isMulti.value) {
     val.forEach((item: any) => {
       list.value.push(item)
diff --git a/src/views/device/receive/receive.ts b/src/views/device/receive/receive.ts
index ac36086..d420509 100644
--- a/src/views/device/receive/receive.ts
+++ b/src/views/device/receive/receive.ts
@@ -49,3 +49,16 @@
   offset: number
   limit: number
 }
+
+// 新建-查看表格
+export interface IdeviceList {
+  id?: string
+  name: string // 仪器名称
+  number: string // 设备编号
+  version: string // 型号
+  scope: string // 测量范围
+  dep: string // 使用部门
+  person: string // 使用人
+  status: string // 管理状态
+  date: string // 有效日期
+}

diff --git a/src/api/business/schedule.ts b/src/api/business/schedule.ts
new file mode 100644
index 0000000..f5b4569
--- /dev/null
+++ b/src/api/business/schedule.ts
@@ -0,0 +1,89 @@
+/**
+ * 设备收发接口
+*/
+import request from '../index'
+import type { IListQuery } from '@/views/business/schedule/interchange/interchange_interface'
+const prefix = '/meter'
+
+// 列表查询
+export function getInterChangeList(data: IListQuery) {
+  return request({
+    url: `${prefix}/schedule/interChange/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 导出列表
+export function exportInterchangeList(data: Omit<IListQuery, 'limit' | 'offset'>) {
+  return request({
+    url: `${prefix}/schedule/interChange/listExport`,
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
+
+// 根据样品id收入
+export function interchangeListTake(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/take`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id删除
+export function interchangeListDelete(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/delete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id完成
+export function interchangeListComplete(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/complete`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id回退
+export function interchangeListBack(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/back`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id归还
+export function interchangeListReturn(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/return`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id催办
+export function interchangeListUrge(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/urge`,
+    method: 'post',
+    data,
+  })
+}
+
+// 根据样品id终止
+export function interchangeListTerminate(data: { id: string; type: string }) {
+  return request({
+    url: `${prefix}/schedule/interChange/terminate`,
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/views/business/schedule/interchange/buttonBox.vue b/src/views/business/schedule/interchange/buttonBox.vue
new file mode 100644
index 0000000..dc864bd
--- /dev/null
+++ b/src/views/business/schedule/interchange/buttonBox.vue
@@ -0,0 +1,45 @@
+<script lang="ts" setup name="ButtonBox">
+import { DefaultProps } from 'element-plus'
+import { ref } from 'vue'
+const emits = defineEmits(['changeCurrentButton'])
+// 按钮菜单
+const menu = [
+  { name: '待收入', id: 'taking' },
+  { name: '已收入', id: 'took' },
+  { name: '待归还', id: 'returning' },
+  { name: '已归还', id: 'returned' },
+  { name: '已超期', id: 'overtime' },
+]
+const current = ref('taking')
+watch(current, (newValue) => {
+  emits('changeCurrentButton', newValue)
+})
+</script>
+
+<template>
+  <div class="container">
+    <div class="btns">
+      <!-- 三级菜单 -->
+      <el-radio-group v-model="current">
+        <el-radio-button v-for="item in menu" :key="item.id" :label="item.id">
+          {{ item.name }}
+        </el-radio-button>
+      </el-radio-group>
+    </div>
+    <!-- 展示区域 -->
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  position: relative;
+
+  .btns {
+    position: fixed;
+    top: 76px;
+    right: 15px;
+    z-index: 999;
+  }
+}
+</style>
+
diff --git a/src/views/business/schedule/interchange/interchangeEdit.vue b/src/views/business/schedule/interchange/interchangeEdit.vue
index 8c9b87c..67066a8 100644
--- a/src/views/business/schedule/interchange/interchangeEdit.vue
+++ b/src/views/business/schedule/interchange/interchangeEdit.vue
@@ -1,13 +1,712 @@
+<!-- 新建、编辑、详情 -->
 <script lang="ts" setup name="InterchangeEdit">
-// 设备交接单编辑
+import type { Ref } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, UploadUserFile } from 'element-plus'
+import { ref } from 'vue'
+import { Calendar, Search } from '@element-plus/icons-vue'
+import type { ISampleDetail, Menu, SimpleCertification, SimpleMeasureRecord } from './interchange_interface'
+import sampleDialog from '@/views/customer/sample/list/sampleDialog.vue'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+import { SCHEDULE } from '@/utils/scheduleDict'
+import TemplateTable from '@/views/customer/customerInfo/templateTable.vue'
+import { addSample, getSapmleDetail, updateSample } from '@/api/customer/sampleList'
+import countries from '@/components/AddressSelect/country-code.json'
+import { UploadFile } from '@/api/measure/file'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import type { ICustomer } from '@/views/customer/customerInfo/customer_interface'
+
+const textMap: { [key: string]: string } = {
+  edit: '编辑',
+  add: '新建',
+  detail: '详情',
+}// 字典
+const pageType = ref('add') // 页面类型: add, edit, detail
+const countryList = ref(countries) // 国家列表
+const loading = ref(false) // 表单加载状态
+const infoId = ref('') // id
+const visible = ref(false) // 控制对话框显隐
+const mesureCategoryMap: { [key: string]: string } = {
+  edit: '编辑',
+  add: '新建',
+  detail: '详情',
+}// 字典
+const mesureCategoryList = [
+  {
+    label: '检定',
+    value: 'jd',
+  },
+  {
+    label: '检测',
+    value: 'jc',
+  },
+  {
+    label: '验收检定',
+    value: 'ysjd',
+  },
+  {
+    label: '抽检',
+    value: 'cj',
+  },
+  {
+    label: '校准',
+    value: 'jz',
+  },
+  {
+    label: '测试',
+    value: 'cs',
+  },
+  {
+    label: '验收校准',
+    value: 'ysjz',
+  },
+]// 校检类别
+const mesureResultList = [
+  {
+    label: '合格',
+    value: 'hg',
+  },
+  {
+    label: '修后合格',
+    value: 'xhhg',
+  },
+  {
+    label: '限用',
+    value: 'xy',
+  },
+  {
+    label: '准用',
+    value: 'zy',
+  },
+  {
+    label: '不合格',
+    value: 'bhg',
+  },
+  {
+    label: '漏检',
+    value: 'lj',
+  },
+  {
+    label: '逾期未检定',
+    value: 'yqwjd',
+  },
+]// 检定结果
+const mesureResultMap = {
+  hg: '合格',
+  xhhg: '修后合格',
+  xy: '限用',
+  zy: '准用',
+  bhg: '不合格',
+  lj: '漏检',
+  yqwjd: '逾期未检定',
+}// 检定结果字典
+const mesureTypeList = [
+  {
+    label: '自检',
+    value: 'zj',
+  },
+  {
+    label: '外包',
+    value: 'wb',
+  },
+]// 检定方式
+const dataForm: Ref<ISampleDetail> = ref({
+  id: '',
+  sampleNo: '', // 样品编号
+  sampleName: '', // 样品名称
+  sampleModel: '', // 样品型号
+  manufacturingNo: '', // 出厂编号
+  customerNo: '', // 委托方代码
+  customerName: '', // 委托方名称
+  phone: '', // 委托方电话
+  postalCode: '', // 委托方邮编
+  companyAddress: '', // 委托方地址
+  mesureCategory: '', // 检校类别
+  manufacturer: '', // 生产厂家
+  manufacturerCountry: '', // 厂家国别
+  manufacturingDate: '', // 出厂年月
+  ABC: '', // ABC
+  // deliverer: '', // 送检人
+  // delivererTel: '', // 送检人联系方式
+  mesureContent: '', // 检定项目
+  mesurePeriod: '', // 检定周期
+  remark: '', // 备注
+  minioFileName: '', // 说明书
+  labelBind: '', // 标签绑定
+  mesureType: '', // 检定方式
+})
+const ruleFormRef = ref<FormInstance>()
+
+// 自定义校验规则--检定周期为正整数
+const validateMesurePeriod = (rule: any, value: any, callback: any) => {
+  if (value === '') {
+    callback()
+  }
+  else if (!(/(^[1-9]\d*$)/.test(value))) {
+    callback(new Error('请输入一个正整数'))
+  }
+  else {
+    callback()
+  }
+}
+
+// 校验规则
+const rules = ref({
+  sampleName: [{ required: true, message: '样品名称不能为空', trigger: 'blur' }],
+  sampleModel: [{ required: true, message: '样品型号不能为空', trigger: 'blur' }],
+  manufacturingNo: [{ required: true, message: '出厂编号不能为空', trigger: 'blur' }],
+  customerNo: [{ required: true, message: '委托方代码不能为空', trigger: 'change' }],
+  customerName: [{ required: true, message: '委托方名称不能为空', trigger: 'blur' }],
+  phone: [{ required: true, message: '委托方电话不能为空', trigger: 'blur' }],
+  postalCode: [{ required: true, message: '委托方邮编不能为空', trigger: 'blur' }],
+  companyAddress: [{ required: true, message: '委托方地址不能为空', trigger: 'blur' }],
+  mesureContent: [{ required: true, message: '检定项目不能为空', trigger: 'blur' }],
+  mesurePeriod: [{ validator: validateMesurePeriod, trigger: 'blur' }],
+}) // 表单验证规则
+
+// 其他关联数据列表
+const dataList = ref({
+  measureRecords: [] as SimpleMeasureRecord[],
+  certificationRecords: [] as SimpleCertification[],
+})
+
+// 获取检定记录
+const fetchMeasureRecords = function (query = null) {
+  dataList.value.measureRecords = []
+}
+// 获取检定证书
+const fetchCertifications = function (query = null) {
+  dataList.value.certificationRecords = []
+}
+
+// 菜单
+const menu: Menu[] = [
+  {
+    name: '检定记录',
+    columns: [
+      { text: '委托单编号', value: 'orderCode' },
+      { text: '委托单日期', value: 'orderTime' },
+      { text: '委托方代码', value: 'customerCode' },
+      { text: '委托方名称', value: 'customerName' },
+      { text: '送检人', value: 'deliverer' },
+      { text: '送检日期', value: 'deliverTime' },
+    ],
+    list: 'measureRecords',
+    pagination: true,
+    searchFunc: fetchMeasureRecords,
+  },
+  {
+    name: '检定证书',
+    columns: [
+      { text: '证书编号', value: 'certificationCode' },
+      { text: '证书名称', value: 'certificationName' },
+      { text: '证书类型', value: 'certificationType' },
+      { text: '证书出具日期', value: 'effectiveDate' },
+      { text: '证书有效期', value: 'expirationDate' },
+    ],
+    list: 'certificationRecords',
+    pagination: true,
+    searchFunc: fetchCertifications,
+  },
+]
+
+const currentMenu = ref('检定记录')
+const currentMenuObj = computed(() => {
+  return menu.find(item => item.name === currentMenu.value)
+})
+
+// 从路由中获取页面类型参数
+const $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 $router = useRouter()
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+
+// 打印表单
+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: '',
+})
+
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  // 原生上传
+  console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    UploadFile(fd).then((res) => {
+      if (res.code === 200) {
+        dataForm.value.minioFileName = res.data[0]
+        // 重置当前验证
+        ElMessage.success('文件上传成功')
+      }
+      else {
+        ElMessage.error(res.message)
+      }
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+
+// 委托方代码获取焦点
+const customerNoFocus = () => {
+  visible.value = true
+  console.log(visible.value)
+}
+
+// 选好委托方
+const confirmCheckout = (val: Array<ICustomer>) => {
+  if (val && val.length) {
+    const getValue = val[0]
+    dataForm.value.customerNo = getValue.customerNo
+    dataForm.value.customerName = getValue.customerName
+    dataForm.value.phone = getValue.phone
+    dataForm.value.postalCode = getValue.postalCode
+    dataForm.value.companyAddress = getValue.briefName
+  }
+}
+
+// 控制选择委托方对话框显隐
+const changeVisible = (val: boolean) => {
+  visible.value = val
+}
+
+// 保存
+function saveForm(formEl: FormInstance | undefined) {
+  if (!formEl) { return }
+  formEl.validate((valid, fields) => {
+    if (valid) {
+      ElMessageBox.confirm(
+        '确认保存吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then(() => {
+        if (dataForm.value.id) {
+          updateSample(dataForm.value).then((res) => {
+            if (res.code === 200) {
+              dataForm.value.id = res.data.id
+              dataForm.value.customerNo = res.data.customerNo
+              ElMessage.success('已保存')
+              $router.go(-1)
+            }
+          })
+        }
+        else {
+          addSample(dataForm.value).then((res) => {
+            if (res.code === 200) {
+              dataForm.value.id = res.data.id
+              dataForm.value.customerNo = res.data.customerNo
+              ElMessage.success('已保存')
+              $router.go(-1)
+            }
+          })
+        }
+      })
+    }
+  })
+}
+
+// 提交表单
+function submitForm() {
+  if (dataForm.value.id) {
+    const params = {
+      id: dataForm.value.id,
+      formId: SCHEDULE.SUPPLIER_APPROVAL, // 表单id
+    }
+    addSample(params).then((res) => {
+      ElMessage.success('提交成功')
+      close()
+    })
+  }
+  else {
+    ElMessage.info('请先保存再提交！')
+  }
+}
+
+const getInfo = () => {
+  getSapmleDetail({ id: infoId.value }).then((res) => {
+    res.data = {
+      ABC: 'A',
+      companyAddress: '北京/北京市',
+      customerName: '京东集团',
+      customerNo: 'sygf202211290001',
+      id: '',
+      labelBind: '11222',
+      manufacturer: '北京某厂家',
+      manufacturerCountry: 'CN',
+      manufacturingDate: '2023-03',
+      manufacturingNo: '123121',
+      mesureCategory: 'jd',
+      mesureContent: '项目1',
+      mesurePeriod: '1',
+      mesureType: 'zj',
+      minioFileName: '小程序工期表-1117_1674961769128.xlsx',
+      phone: '950618',
+      postalCode: 'test',
+      remark: '无备注',
+      sampleModel: '型号1',
+      sampleName: '样品1',
+      sampleNo: '',
+      measureResultCode: 'bhg',
+    }
+    // dataForm.value = res.data
+    // dataForm.value.measureResult = mesureResultMap[dataForm.value.measureResultCode]
+    // for (const item of menu) {
+    //   item.searchFunc()
+    // }
+  })
+}
+
+// 非添加页面获取详情
+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'" type="primary" @click="saveForm(ruleFormRef)">
+          保存
+        </el-button>
+        <el-button type="info" @click="close">
+          关闭
+        </el-button>
+      </template>
+      <div id="form">
+        <el-form
+          ref="ruleFormRef"
+          :model="dataForm"
+          :label-width="120"
+          label-position="right"
+          :rules="rules"
+        >
+          <el-row :gutter="24">
+            <el-col :span="6">
+              <el-form-item label="样品编号:" prop="sampleNo">
+                <el-input
+                  v-model="dataForm.sampleNo"
+                  :placeholder="pageType === 'detail' ? '' : '系统自动生成'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="样品名称:" prop="sampleName">
+                <el-input
+                  v-model="dataForm.sampleName"
+                  :placeholder="pageType === 'detail' ? '' : '请输入样品名称'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col><el-col :span="6">
+              <el-form-item label="样品型号:" prop="sampleModel">
+                <el-input
+                  v-model="dataForm.sampleModel"
+                  :placeholder="pageType === 'detail' ? '' : '请输入样品型号'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="出厂编号:" prop="manufacturingNo">
+                <el-input
+                  v-model="dataForm.manufacturingNo"
+                  :placeholder="pageType === 'detail' ? '' : '请输入出厂编号'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="委托方代码" prop="customerNo">
+                <el-input
+                  v-model="dataForm.customerNo"
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方代码'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                  @focus="customerNoFocus"
+                >
+                  <template #suffix>
+                    <el-icon v-if="pageType !== 'detail'" class="el-input__icon">
+                      <search />
+                    </el-icon>
+                  </template>
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="委托方名称" prop="customerName">
+                <el-input
+                  v-model="dataForm.customerName"
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方名称'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="委托方电话" prop="phone">
+                <el-input
+                  v-model="dataForm.phone"
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方电话'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="委托方邮编" prop="postalCode">
+                <el-input
+                  v-model="dataForm.postalCode"
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方邮编'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="18">
+              <el-form-item label="委托方地址:" prop="companyAddress">
+                <el-input
+                  v-model="dataForm.companyAddress"
+                  type="textarea"
+                  autosize
+                  :placeholder="pageType === 'detail' ? '' : '请输入委托方地址'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="校检类别:">
+                <el-select
+                  v-model="dataForm.mesureCategory"
+                  :placeholder="pageType === 'detail' ? '' : '请选择校检类别'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                >
+                  <el-option v-for="item of mesureCategoryList" :key="item.value" :label="item.label" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="生产厂家:">
+                <el-input
+                  v-model="dataForm.manufacturer"
+                  :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-select
+                  v-model="dataForm.manufacturerCountry"
+                  :placeholder="pageType === 'detail' ? '' : '请选择厂家国别'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                >
+                  <el-option v-for="country of countryList" :key="country.code" :label="country.CNName" :value="country.code" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="出厂年月:">
+                <el-date-picker
+                  v-model="dataForm.manufacturingDate"
+                  type="month"
+                  format="YYYY-MM"
+                  value-format="YYYY-MM"
+                  class="full-width-input"
+                  :placeholder="pageType === 'detail' ? '' : '请输入出厂年月'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="ABC:">
+                <el-select
+                  v-model="dataForm.ABC"
+                  :placeholder="pageType === 'detail' ? '' : '请选择ABC'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                >
+                  <el-option v-for="item of ['A', 'B', 'C']" :key="item" :label="item" :value="item" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="检定周期（月）:" prop="mesurePeriod">
+                <el-input
+                  v-model="dataForm.mesurePeriod"
+                  :placeholder="pageType === 'detail' ? '' : '请输入检定周期'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="检定日期:">
+                <el-input
+                  v-model="dataForm.measureDate"
+                  :placeholder="pageType === 'detail' ? '' : '请输入检定日期'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="有效日期:">
+                <el-input
+                  v-model="dataForm.effectiveDate"
+                  :placeholder="pageType === 'detail' ? '' : '请输入有效日期'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="检定结果:">
+                <el-input
+                  v-model="dataForm.measureResult"
+                  :placeholder="pageType === 'detail' ? '' : '请选择检定结果'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="送检人:">
+                <el-input
+                  v-model="dataForm.deliverer"
+                  :placeholder="pageType === 'detail' ? '' : '请输入送检人'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="pageType === 'detail'" :span="6">
+              <el-form-item label="联系方式:">
+                <el-input
+                  v-model="dataForm.delivererTel"
+                  :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-select
+                  v-model="dataForm.mesureType"
+                  :placeholder="pageType === 'detail' ? '' : '请选择检定方式'"
+                  :disabled="pageType === 'detail'"
+                  class="full-width-input"
+                >
+                  <el-option v-for="item of mesureTypeList" :key="item.value" :label="item.label" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="标签绑定:">
+                <el-input
+                  v-model="dataForm.labelBind"
+                  :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="12">
+              <el-form-item label="检定项目:" prop="mesureContent">
+                <el-input
+                  v-model="dataForm.mesureContent"
+                  :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="12">
+              <el-form-item label="备注:">
+                <el-input
+                  v-model="dataForm.remark"
+                  type="textarea"
+                  autosize
+                  :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="12">
+              <el-form-item label="说明书:">
+                <show-photo v-if="dataForm.minioFileName" :minio-file-name="dataForm.minioFileName" />
+                <span v-else-if="pageType === 'detail'">无</span>
+                <input v-show="pageType === ''" ref="fileRef" type="file" @change="onFileChange">
+                <el-button v-if="pageType !== 'detail'" id="file" type="primary" :disabled="pageType === 'detail'" :style="{ 'margin-left': dataForm.minioFileName === '' ? '0px' : '20px' }" @click="upload">
+                  {{ dataForm.minioFileName === '' ? '上传' : '更换附件' }}
+                </el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </detail-page>
+
+    <!-- 检定记录、检定证书 -->
+    <detail-block-switch v-if="pageType === 'detail'" :title="currentMenu">
+      <template #menu>
+        <el-radio-group v-model="currentMenu">
+          <el-radio-button v-for="item in menu" :key="item.name" :label="item.name">
+            {{ item.name }}
+          </el-radio-button>
+        </el-radio-group>
+      </template>
+      <template-table v-if="currentMenuObj" :columns="currentMenuObj.columns" :list="dataList[currentMenuObj.list]" :loading="false" :pagination="currentMenuObj.pagination" @change-page="currentMenuObj?.searchFunc" />
+    </detail-block-switch>
+
+    <!-- 选择委托方组件 -->
+    <sample-dialog v-model:visible="visible" @confirmCheckout="confirmCheckout" @changeVisible="changeVisible" />
   </app-container>
 </template>
 
 <style lang="scss" scoped>
 // 样式
 </style>
+
diff --git a/src/views/business/schedule/interchange/interchangeList.vue b/src/views/business/schedule/interchange/interchangeList.vue
index f65137f..5bb8865 100644
--- a/src/views/business/schedule/interchange/interchangeList.vue
+++ b/src/views/business/schedule/interchange/interchangeList.vue
@@ -1,13 +1,557 @@
 <script lang="ts" setup name="InterchangeList">
-// 设备交接单列表
+import type { Ref } from 'vue'
+import { getCurrentInstance, ref } from 'vue'
+import type { DateModelType } from 'element-plus'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IListQuery, IinterchangeList } from './interchange_interface'
+import ButtonBox from './buttonBox.vue'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import {
+  exportInterchangeList,
+  getInterChangeList,
+  interchangeListBack,
+  interchangeListComplete,
+  interchangeListDelete,
+  interchangeListReturn,
+  interchangeListTake,
+  interchangeListTerminate,
+  interchangeListUrge,
+} from '@/api/business/schedule'
+import { printJSON } from '@/utils/printUtils'
+
+const { proxy } = getCurrentInstance() as any
+const $router = useRouter()
+
+// 是否加急
+const isUrgentMap = [
+  { label: '全部', value: '0' },
+  { label: '是', value: '1' },
+  { label: '否', value: '2' },
+]
+
+// 样品属性
+const sampleAttrMap = [
+  { label: '全部', value: '0' },
+  { label: '客户样品', value: '1' },
+  { label: '自有设备', value: '2' },
+]
+
+const currentMenu = ref('taking') // buttonBox菜单选中项
+
+// 查询条件
+const listQuery: Ref<IListQuery> = ref({
+  sampleNo: '', // 样品编号
+  sampleName: '', // 样品名称
+  orderCode: '', // 委托书编号
+  customerId: '', // 委托方代码
+  startTime: '', // 预计送达开始时间
+  endTime: '', // 预计送达结束时间
+  isUrgent: '', // 是否加急
+  sampleAttr: '', // 样品属性
+  type: '',
+  offset: 1,
+  limit: 20,
+})
+const timeRange = ref<[DateModelType, DateModelType]>(['', ''])
+
+// 表头待收入
+const columnsTaking = ref<TableColumn[]>([
+  { text: '样品编号', value: 'sampleNo', width: '160', align: 'center' },
+  { text: '样品名称', value: 'sampleName', width: '120', align: 'center' },
+  { text: '型号', value: 'sampleModel', align: 'center' },
+  { text: '出厂编号', value: 'evaluationName', align: 'center' },
+  { text: '委托书编号', value: 'orderCode', align: 'center' },
+  { text: '委托方代码', value: 'customerId', align: 'center' },
+  { text: '委托方名称', value: 'customerName', align: 'center' },
+  { text: '送检人', value: 'deliverer', align: 'center' },
+  { text: '是否加急', value: 'isUrgent', align: 'center' },
+  { text: '样品属性', value: 'sampleAttr', align: 'center' },
+  { text: '预计送达时间', value: 'planDeliverTime', align: 'center' },
+])
+
+const columns = ref<TableColumn[]>([
+  { text: '样品编号', value: 'sampleNo', width: '160', align: 'center' },
+  { text: '样品名称', value: 'sampleName', width: '120', align: 'center' },
+  { text: '型号', value: 'sampleModel', align: 'center' },
+  { text: '出厂编号', value: 'evaluationName', align: 'center' },
+  { text: '委托书编号', value: 'orderCode', align: 'center' },
+  { text: '委托方代码', value: 'customerId', align: 'center' },
+  { text: '委托方名称', value: 'customerName', align: 'center' },
+  { text: '实际送达时间', value: 'deliverTime', align: 'center' },
+  { text: '要求检完时间', value: 'requireOverTime', align: 'center' },
+  { text: '是否加急', value: 'isUrgent', align: 'center' },
+  { text: '样品属性', value: 'sampleAttr', align: 'center' },
+  { text: '当前检定环节', value: 'currentDeliver', align: 'center' },
+  { text: '证书出具', value: 'Certifications', align: 'center' },
+])
+
+// 表格数据
+const list = ref<IinterchangeList[]>([])
+// 总数
+const total = ref(0)
+// 表格加载状态
+const loadingTable = ref(false)
+// 选中的内容
+const checkoutList = ref<string[]>([])
+// 数据查询
+function fetchData(isNowPage = false) {
+  // loadingTable.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    listQuery.value.offset = 1
+  }
+  listQuery.value.startTime = timeRange.value[0] as string || ''
+  listQuery.value.endTime = timeRange.value[1] as string || ''
+  listQuery.value.type = currentMenu.value
+  // getInterChangeList(listQuery.value).then((response) => {
+  //   response.data.rows = [
+  //     {
+  //       id: 'test',
+  //       sampleNo: 'test', // 样品编号
+  //       sampleName: 'test', // 样品名称
+  //       sampleModel: 'test', // 型号
+  //       evaluationName: 'test', // 出厂编号
+  //       orderCode: 'test', // 委托书编号
+  //       customerId: 'test', // 委托方代码
+  //       customerName: 'test', // 委托方名称
+  //       deliverer: 'test', // 送检人
+  //       isUrgent: 'test', // 是否加急
+  //       sampleAttr: 'test', // 样品属性
+  //       planDeliverTime: 'test', // 预计送达时间
+  //     }]
+  //   list.value = response.data.rows.map((item: IinterchangeList) => {
+  //     return {
+  //       ...item,
+  //       Certifications: item.currentCertifications === item.requireCertifications ? item.requireCertifications : (`${item.currentCertifications}/${item.requireCertifications}`),
+  //     }
+  //   })
+  //   total.value = parseInt(response.data.total)
+  //   loadingTable.value = false
+  // })
+  list.value = [
+    {
+      id: 'test',
+      sampleNo: 'test', // 样品编号
+      sampleName: 'test', // 样品名称
+      sampleModel: 'test', // 型号
+      evaluationName: 'test', // 出厂编号
+      orderCode: 'test', // 委托书编号
+      customerId: 'test', // 委托方代码
+      customerName: 'test', // 委托方名称
+      deliverer: 'test', // 送检人
+      isUrgent: '2', // 是否加急
+      sampleAttr: '1', // 样品属性
+      planDeliverTime: 'test', // 预计送达时间
+      deliverTime: 'test', // 实际送达时间
+      requireOverTime: 'test', // 要求检完时间
+      currentCertifications: '1', // 已出具证书总数
+      requireCertifications: '5', // 应出具证书总数
+      currentDeliver: 'test', // 当前检定环节
+    }].map((item: IinterchangeList) => {
+    return {
+      ...item,
+      Certifications: item.currentCertifications === item.requireCertifications ? item.requireCertifications : (`${item.currentCertifications}/${item.requireCertifications}`),
+    }
+  })
+}
+
+// 点击搜索
+const searchList = () => {
+  fetchData(true)
+}
+// 点击重置
+const clearList = () => {
+  listQuery.value = {
+    sampleNo: '', // 样品编号
+    sampleName: '', // 样品名称
+    orderCode: '', // 委托书编号
+    customerId: '', // 委托方代码
+    startTime: '', // 预计送达开始时间
+    endTime: '', // 预计送达结束时间
+    isUrgent: '', // 是否加急
+    sampleAttr: '', // 样品属性
+    offset: 1,
+    limit: 20,
+  }
+  timeRange.value = ['', '']
+}
+
+// 多选发生改变时
+function handleSelectionChange(e: any) {
+  checkoutList.value = e.map((item: { id: string }) => item.id)
+}
+
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+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)
+}
+
+// 监听buttonBox切换
+const changeCurrentButton = (val: string) => {
+  currentMenu.value = val
+  console.log(currentMenu.value)
+
+  fetchData(true)
+}
+
+// 点击扫描收入
+const scanTake = () => {}
+// 点击扫描结束检定
+const scanOver = () => {}
+// 点击扫描归还
+const scanReturn = () => {}
+// 点击标签绑定
+const scan = () => {}
+
+// 导出
+const exportAll = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: '下载中请稍后',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (list.value.length > 0) {
+    const params = {
+      sampleNo: listQuery.value.sampleNo, // 样品编号
+      sampleName: listQuery.value.sampleName, // 样品名称
+      orderCode: listQuery.value.orderCode, // 委托书编号
+      customerId: listQuery.value.customerId, // 委托方代码
+      startTime: listQuery.value.startTime, // 预计送达开始时间
+      endTime: listQuery.value.endTime, // 预计送达结束时间
+      isUrgent: listQuery.value.isUrgent, // 是否加急
+      sampleAttr: listQuery.value.sampleAttr, // 样品属性
+      type: currentMenu.value,
+      ids: checkoutList.value,
+    }
+    exportInterchangeList(params).then((res) => {
+      const blob = new Blob([res.data])
+      exportFile(blob, '设备收发列表.xlsx')
+    })
+  }
+  else {
+    ElMessage.warning('无数据可导出数据')
+  }
+  loading.close()
+}
+
+// 操作
+const handleEdit = (row: IinterchangeList, type: string, title: string) => {
+  ElMessageBox.confirm(
+    `确认${title}吗？`,
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  )
+    .then(() => {
+      if (type === 'take') { // 收入
+        interchangeListTake({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'delete') { // 删除
+        interchangeListDelete({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'complete') { // 完成
+        interchangeListComplete({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'back') { // 回退
+        interchangeListBack({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'return') { // 归还
+        interchangeListReturn({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'urge') { // 催办
+        interchangeListUrge({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+      else if (type === 'terminate') { // 终止
+        interchangeListTerminate({ id: row.sampleNo, type: currentMenu.value }).then((res) => {
+          if (res.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: `已${title}`,
+            })
+            fetchData(true)
+          }
+        })
+      }
+    })
+}
+
+// 打印列表
+function printList() {
+  // 打印列
+  let column = columnsTaking.value
+  if (currentMenu.value === 'taking') {
+    column = columns.value
+  }
+  const properties = column.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: IinterchangeList) => checkoutList.value.includes(item.id))
+    printJSON(printList, properties, '设备收发列表')
+  }
+  else {
+    ElMessage.warning('无可打印内容')
+  }
+}
+
+// 点击编辑或详情
+const goEdit = (row: IinterchangeList, pageType: 'edit' | 'detail') => {
+  $router.push(`/schedule/interchange/${pageType}/${row.sampleNo}`)
+}
+
+fetchData(true)
 </script>
 
 <template>
   <app-container>
-    设备收发
+    <search-area
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.sampleNo"
+          placeholder="样品编号"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.sampleName"
+          placeholder="样品名称"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.orderCode"
+          placeholder="委托书编号"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.customerId"
+          placeholder="委托方代码"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <search-item>
+          <el-date-picker
+            v-model="timeRange"
+            type="datetimerange"
+            range-separator="到"
+            format="YYYY/MM/DD"
+            value-format="YYYY-MM-DD"
+            start-placeholder="预计送达开始时间"
+            end-placeholder="预计送达结束时间"
+          />
+        </search-item>
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.isUrgent" placeholder="是否加急" style="width: 120px;" clearable>
+          <el-option
+            v-for="item in isUrgentMap"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.sampleAttr" placeholder="样品属性" style="width: 120px;" clearable>
+          <el-option
+            v-for="item in sampleAttrMap"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </search-item>
+    </search-area>
+    <table-container>
+      <template #btns-right>
+        <icon-button v-if="proxy.hasPerm('/schedule/interchangeList/scanTake') && currentMenu === 'taking'" icon="icon-device" title="扫描收入" type="primary" @click="scanTake" />
+        <icon-button v-if="proxy.hasPerm('/schedule/interchangeList/scanOver') && (currentMenu === 'took' || currentMenu === 'overtime') " icon="icon-device" title="扫描结束检定" type="primary" @click="scanOver" />
+        <icon-button v-if="proxy.hasPerm('/schedule/interchangeList/scanReturn') && currentMenu === 'returning'" icon="icon-device" title="扫描归还" type="primary" @click="scanReturn" />
+        <icon-button v-if="proxy.hasPerm('/sample/list/export')" icon="icon-export" title="导出" type="primary" @click="exportAll" />
+        <icon-button v-if="proxy.hasPerm('/sample/list/print')" icon="icon-print" title="打印" type="primary" @click="printList" />
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="currentMenu === 'taking' ? columnsTaking : columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multi-select="handleSelectionChange"
+      >
+        <template #columns>
+          <el-table-column label="操作" align="center" width="220">
+            <template #default="{ row }">
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/edit') && currentMenu === 'taking'"
+                size="small"
+                type="primary"
+                link
+                @click="goEdit(row, 'edit')"
+              >
+                编辑
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="goEdit(row, 'detail')"
+              >
+                详情
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/tagBinding') && (currentMenu === 'taking' || currentMenu === 'took' || currentMenu === 'returning')"
+                size="small"
+                link
+                type="primary"
+                @click="scan()"
+              >
+                标签绑定
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/take') && currentMenu === 'taking'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'take', '收入')"
+              >
+                收入
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/delete') && currentMenu === 'taking'"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row, 'delete', '删除')"
+              >
+                删除
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/complete') && currentMenu === 'took'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'complete', '完成')"
+              >
+                完成
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/return') && currentMenu === 'returning'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'return', '归还')"
+              >
+                归还
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/back') && (currentMenu === 'returning' || currentMenu === 'took' || currentMenu === 'returned')"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'back', '回退')"
+              >
+                回退
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/urge') && currentMenu === 'overtime'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'urge', '催办')"
+              >
+                催办
+              </el-button>
+              <el-button
+                v-if="proxy.hasPerm('/schedule/interchangeList/terminate') && (currentMenu === 'took' || currentMenu === 'overtime')"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row, 'terminate', '终止')"
+              >
+                终止
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box @changeCurrentButton="changeCurrentButton" />
   </app-container>
 </template>
 
 <style lang="scss" scoped>
-// 样式
+.short-input {
+  width: 160px;
+}
 </style>
diff --git a/src/views/business/schedule/interchange/interchange_interface.ts b/src/views/business/schedule/interchange/interchange_interface.ts
new file mode 100644
index 0000000..a7df4fd
--- /dev/null
+++ b/src/views/business/schedule/interchange/interchange_interface.ts
@@ -0,0 +1,95 @@
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+
+export interface IListQuery {
+  sampleNo: string // 样品编号
+  sampleName: string // 样品名称
+  orderCode: string // 委托书编号
+  customerId: string // 委托方代码
+  startTime: string // 预计送达开始时间
+  endTime: string // 预计送达结束时间
+  isUrgent: string // 是否加急
+  sampleAttr: string // 样品属性
+  type: string // 类型（buttonBox）
+  offset: number
+  limit: number
+}
+
+export interface IinterchangeList {
+  id: string
+  sampleNo: string // 样品编号
+  sampleName: string // 样品名称
+  sampleModel: string // 型号
+  evaluationName: string // 出厂编号
+  orderCode: string // 委托书编号
+  customerId: string // 委托方代码
+  customerName: string // 委托方名称
+  deliverer: string // 送检人
+  isUrgent: string // 是否加急
+  sampleAttr: string // 样品属性
+  planDeliverTime: string // 预计送达时间
+  deliverTime: string // 实际送达时间
+  requireOverTime: string // 要求检完时间
+  currentCertifications: string | number // 已出具证书总数
+  requireCertifications: string | number // 应出具证书总数
+  currentDeliver: string // 当前检定环节
+}
+
+// 检定记录
+export interface SimpleMeasureRecord {
+  orderCode: string // 委托单编号
+  orderTime: string // 委托单日期
+  customerCode: string // 委托人代码
+  customerName: string // 委托人名称
+  deliverer: string // 送检人
+  deliverTime: string // 送检日期
+}
+
+// 检定证书
+export interface SimpleCertification {
+  certificationCode: string // 证书编号
+  certificationName: string // 证书形成
+  certificationType: string // 证书类型
+  effectiveDate: string // 证书出具日期
+  expirationDate: string // 证书有效期
+}
+
+export interface Menu {
+  name: string
+  columns: TableColumn[]
+  pagination: boolean
+  list: 'measureRecords' | 'certificationRecords'
+  searchFunc: Function
+}
+
+export interface ISampleDetail {
+  id?: string
+  sampleNo: string // 样品编号
+  sampleName: string // 样品名称
+  sampleModel: string // 样品型号
+  manufacturingNo: string // 出厂编号
+  customerNo: string // 委托方代码
+  customerName: string // 委托方名称
+  phone: string // 委托方电话
+  postalCode: string // 委托方邮编
+  companyAddress: string // 委托方地址
+  mesureCategory: string // 检校类别
+  manufacturer: string // 生产厂家
+  manufacturerCountry: string // 厂家国别
+  manufacturingDate: string // 出厂年月
+  ABC: string // ABC
+  deliverer?: string // 送检人
+  delivererTel?: string // 送检人联系方式
+  planDeliverTime?: string // 预计送达时间
+  requireOverTime?: string // 要求检完时间
+  mesureContent: string // 检定项目
+  mesurePeriod: string // 检定周期
+  remark: string // 备注
+  minioFileName: string // 说明书
+  labelBind: string // 标签绑定
+  mesureType: string // 检定方式
+  measureDate?: string // 检定日期
+  effectiveDate?: string // 有效日期
+  measureResultCode?: string // 检定结果代码
+  measureResult?: string // 检定结果
+}
+
diff --git a/src/views/customer/sample/list/list.vue b/src/views/customer/sample/list/list.vue
index 4086b48..ac83279 100644
--- a/src/views/customer/sample/list/list.vue
+++ b/src/views/customer/sample/list/list.vue
@@ -98,7 +98,7 @@
   $router.push(`/sample/${pageType}/${row.id}`)
 }
 // 点击删除
-const handleDelete = (index: string, row: ISampleList) => {
+const handleDelete = (row: ISampleList) => {
   ElMessageBox.confirm(
     `确认删除${row.customerName}吗？`,
     '提示',
@@ -137,6 +137,7 @@
     offset: 1,
     limit: 20,
   }
+  timeRange.value = ['', '']
 }
 
 // 上传文件/批量导入
@@ -330,7 +331,7 @@
                 size="small"
                 link
                 type="danger"
-                @click="handleDelete(row.$index, row)"
+                @click="handleDelete(row)"
               >
                 删除
               </el-button>
diff --git a/src/views/customer/sample/overTime/detail.vue b/src/views/customer/sample/overTime/detail.vue
index 3541675..a16196c 100644
--- a/src/views/customer/sample/overTime/detail.vue
+++ b/src/views/customer/sample/overTime/detail.vue
@@ -1,17 +1,13 @@
 <!-- 新建、编辑、详情 -->
 <script lang="ts" setup name="SampleEdit">
 import type { Ref } from 'vue'
-import { ElMessage, ElMessageBox } from 'element-plus'
-import type { FormInstance, UploadUserFile } from 'element-plus'
 import { ref } from 'vue'
 import { Calendar, Search } from '@element-plus/icons-vue'
 import type { ISampleDetail, SimpleCertification, SimpleMeasureRecord } from './overtime_list_interface'
 import showPhoto from '@/views/system/tool/showPhoto.vue'
-import { SCHEDULE } from '@/utils/scheduleDict'
 import TemplateTable from '@/views/customer/customerInfo/templateTable.vue'
-import { addSample, getSapmleDetail, updateSample } from '@/api/customer/sampleList'
+import { getSapmleDetail } from '@/api/customer/sampleList'
 import countries from '@/components/AddressSelect/country-code.json'
-import { UploadFile } from '@/api/measure/file'
 import type { TableColumn } from '@/components/NormalTable/table_interface'
 
 const textMap: { [key: string]: string } = {
diff --git a/src/views/customer/sample/overTime/list.vue b/src/views/customer/sample/overTime/list.vue
index 6d3699f..fd39dee 100644
--- a/src/views/customer/sample/overTime/list.vue
+++ b/src/views/customer/sample/overTime/list.vue
@@ -134,6 +134,7 @@
     offset: 1,
     limit: 20,
   }
+  timeRange.value = ['', '']
 }
 
 // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
diff --git a/src/views/device/receive/createOrCheck.vue b/src/views/device/receive/createOrCheck.vue
index 8527fdc..a7456b9 100644
--- a/src/views/device/receive/createOrCheck.vue
+++ b/src/views/device/receive/createOrCheck.vue
@@ -4,9 +4,10 @@
 import type { FormInstance, FormRules } from 'element-plus'
 import { ElMessage } from 'element-plus'
 import { useRoute, useRouter } from 'vue-router'
-import type { IdeviceListQuery, Iform } from './receive'
+import type { IdeviceList, IdeviceListQuery } from './receive'
 import SelectDeviceDialog from './selectDeviceDialog.vue'
 import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+
 const $route = useRoute()
 const typeValue = ref()
 const deviceName = ref()
@@ -34,7 +35,7 @@
   state: '', // 申请说明
 })
 const ruleFormRef = ref<FormInstance>() as any
-const list = ref([])// 表格数据
+const list = ref<IdeviceList[]>([])// 表格数据
 // 查询条件
 const listQuery: Ref<IdeviceListQuery> = ref({
   name: '', // 仪器名称
@@ -49,38 +50,14 @@
   limit: 10,
 })
 const columns = [
-  {
-    text: '仪器名称',
-    value: 'name',
-  },
-  {
-    text: '设备编号',
-    value: 'number',
-  },
-  {
-    text: '型号',
-    value: 'version',
-  },
-  {
-    text: '测量范围',
-    value: 'scope',
-  },
-  {
-    text: '使用部门',
-    value: 'dep',
-  },
-  {
-    text: '使用人',
-    value: 'person',
-  },
-  {
-    text: '管理状态',
-    value: 'status',
-  },
-  {
-    text: '有效日期',
-    value: 'date',
-  },
+  { text: '仪器名称', value: 'name' },
+  { text: '设备编号', value: 'number' },
+  { text: '型号', value: 'version' },
+  { text: '测量范围', value: 'scope' },
+  { text: '使用部门', value: 'dep' },
+  { text: '使用人', value: 'person' },
+  { text: '管理状态', value: 'status' },
+  { text: '有效日期', value: 'date' },
 ]
 const rules = reactive<FormRules>({
   company: [
@@ -199,7 +176,7 @@
   isShowDialog.value = false
 }
 // 选择好设备了
-const updateDeviceConfirm = (val) => {
+const updateDeviceConfirm = (val: Array<IdeviceList>) => {
   if (isMulti.value) {
     val.forEach((item: any) => {
       list.value.push(item)
diff --git a/src/views/device/receive/receive.ts b/src/views/device/receive/receive.ts
index ac36086..d420509 100644
--- a/src/views/device/receive/receive.ts
+++ b/src/views/device/receive/receive.ts
@@ -49,3 +49,16 @@
   offset: number
   limit: number
 }
+
+// 新建-查看表格
+export interface IdeviceList {
+  id?: string
+  name: string // 仪器名称
+  number: string // 设备编号
+  version: string // 型号
+  scope: string // 测量范围
+  dep: string // 使用部门
+  person: string // 使用人
+  status: string // 管理状态
+  date: string // 有效日期
+}
diff --git a/src/views/device/receive/solveComponent/detail.vue b/src/views/device/receive/solveComponent/detail.vue
index 42f7a61..98730d8 100644
--- a/src/views/device/receive/solveComponent/detail.vue
+++ b/src/views/device/receive/solveComponent/detail.vue
@@ -53,38 +53,14 @@
   limit: 10,
 })
 const columns = [
-  {
-    text: '仪器名称',
-    value: 'name',
-  },
-  {
-    text: '设备编号',
-    value: 'number',
-  },
-  {
-    text: '型号',
-    value: 'version',
-  },
-  {
-    text: '测量范围',
-    value: 'scope',
-  },
-  {
-    text: '使用部门',
-    value: 'dep',
-  },
-  {
-    text: '使用人',
-    value: 'person',
-  },
-  {
-    text: '管理状态',
-    value: 'status',
-  },
-  {
-    text: '有效日期',
-    value: 'date',
-  },
+  { text: '仪器名称', value: 'name' },
+  { text: '设备编号', value: 'number' },
+  { text: '型号', value: 'version' },
+  { text: '测量范围', value: 'scope' },
+  { text: '使用部门', value: 'dep' },
+  { text: '使用人', value: 'person' },
+  { text: '管理状态', value: 'status' },
+  { text: '有效日期', value: 'date' },
 ]
 
 // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写