diff --git a/src/api/system/process.ts b/src/api/system/process.ts
new file mode 100644
index 0000000..8da9b84
--- /dev/null
+++ b/src/api/system/process.ts
@@ -0,0 +1,12 @@
+// 流程管理接口
+import request from '../index'
+const prefix = '/system/flow'
+
+// 价格列表查询
+export function getProcessList(data: object) {
+  return request({
+    url: `${prefix}/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}

diff --git a/src/api/system/process.ts b/src/api/system/process.ts
new file mode 100644
index 0000000..8da9b84
--- /dev/null
+++ b/src/api/system/process.ts
@@ -0,0 +1,12 @@
+// 流程管理接口
+import request from '../index'
+const prefix = '/system/flow'
+
+// 价格列表查询
+export function getProcessList(data: object) {
+  return request({
+    url: `${prefix}/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 2b110cb..046291a 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -11,6 +11,11 @@
     type: Boolean,
     default: false,
   },
+  // 是否允许多选
+  isMulti: {
+    type: Boolean,
+    default: true,
+  },
   // 查询条件，此处主要需要分页的条件
   query: {
     type: Object,
@@ -152,11 +157,34 @@
   initColumnsState()
   changeColumns()
 })
+// 多选框单选功能
+const selectClick = (selection: any, row: any) => {
+  if (!props.isMulti) {
+    console.log('selectClick')
+    if (selection.length > 1) {
+      const del_row = selection.shift()
+      table.value.toggleRowSelection(del_row, false) // 用于多选表格，切换某一行的选中状态，如果使用了第二个参数，则是设置这一行选中与否（selected 为 true 则选中）
+    }
+  }
+}
 </script>
 
 <template>
-  <div class="normal-table">
-    <el-table id="print" ref="table" v-loading="loading" :data="data" height="height" border stripe :size="size" style="width: 100%;" @selection-change="handleSelectionChange">
+  <div :class="isMulti ? 'normal-table' : 'single-table'">
+    <el-table
+      id="print"
+      ref="table"
+      v-loading="loading"
+      :data="data"
+      height="height"
+      border
+      stripe
+      :size="size"
+      style="width: 100%;"
+      @selection-change="handleSelectionChange"
+      @select="selectClick"
+      @row-click="rowClick"
+    >
       <el-table-column v-if="isShowmultiSelect" type="selection" width="55" />
       <slot name="preColumns" />
       <el-table-column v-for="column of columns" :key="column.value" :label="column.text" :prop="column.value" :width="column.width" :align="column.align" :show-overflow-tooltip="column.showOverflow ? column.showOverflow : true" />
@@ -180,5 +208,14 @@
 <style lang="scss" scoped>
 .normal-table {
   width: 100%;
+  // 隐藏全选按钮
+}
+
+.single-table {
+  width: 100%;
+
+  :deep(.el-table th.el-table__cell:nth-child(1) .cell) {
+    visibility: hidden;
+  }
 }
 </style>

diff --git a/src/api/system/process.ts b/src/api/system/process.ts
new file mode 100644
index 0000000..8da9b84
--- /dev/null
+++ b/src/api/system/process.ts
@@ -0,0 +1,12 @@
+// 流程管理接口
+import request from '../index'
+const prefix = '/system/flow'
+
+// 价格列表查询
+export function getProcessList(data: object) {
+  return request({
+    url: `${prefix}/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 2b110cb..046291a 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -11,6 +11,11 @@
     type: Boolean,
     default: false,
   },
+  // 是否允许多选
+  isMulti: {
+    type: Boolean,
+    default: true,
+  },
   // 查询条件，此处主要需要分页的条件
   query: {
     type: Object,
@@ -152,11 +157,34 @@
   initColumnsState()
   changeColumns()
 })
+// 多选框单选功能
+const selectClick = (selection: any, row: any) => {
+  if (!props.isMulti) {
+    console.log('selectClick')
+    if (selection.length > 1) {
+      const del_row = selection.shift()
+      table.value.toggleRowSelection(del_row, false) // 用于多选表格，切换某一行的选中状态，如果使用了第二个参数，则是设置这一行选中与否（selected 为 true 则选中）
+    }
+  }
+}
 </script>
 
 <template>
-  <div class="normal-table">
-    <el-table id="print" ref="table" v-loading="loading" :data="data" height="height" border stripe :size="size" style="width: 100%;" @selection-change="handleSelectionChange">
+  <div :class="isMulti ? 'normal-table' : 'single-table'">
+    <el-table
+      id="print"
+      ref="table"
+      v-loading="loading"
+      :data="data"
+      height="height"
+      border
+      stripe
+      :size="size"
+      style="width: 100%;"
+      @selection-change="handleSelectionChange"
+      @select="selectClick"
+      @row-click="rowClick"
+    >
       <el-table-column v-if="isShowmultiSelect" type="selection" width="55" />
       <slot name="preColumns" />
       <el-table-column v-for="column of columns" :key="column.value" :label="column.text" :prop="column.value" :width="column.width" :align="column.align" :show-overflow-tooltip="column.showOverflow ? column.showOverflow : true" />
@@ -180,5 +208,14 @@
 <style lang="scss" scoped>
 .normal-table {
   width: 100%;
+  // 隐藏全选按钮
+}
+
+.single-table {
+  width: 100%;
+
+  :deep(.el-table th.el-table__cell:nth-child(1) .cell) {
+    visibility: hidden;
+  }
 }
 </style>
diff --git a/src/router/modules/device.ts b/src/router/modules/device.ts
index 55b4d14..d6c1c91 100644
--- a/src/router/modules/device.ts
+++ b/src/router/modules/device.ts
@@ -281,6 +281,40 @@
       },
     ],
   },
+  {
+    path: '/receive',
+    component: Layout,
+    redirect: '/device/receive/applyList',
+    name: 'Receive',
+    meta: {
+      title: '设备领用',
+      icon: 'ep:key',
+      auth: '/device/receive',
+    },
+    children: [
+      {
+        path: 'applyList',
+        name: 'ApplyList',
+        component: () => import('@/views/device/receive/applyList.vue'),
+        meta: {
+          title: '设备领用申请',
+          icon: 'ep:key',
+          auth: '/device/receive/applyList',
+        },
+      },
+      {
+        path: 'solveList',
+        name: 'SolveList',
+        component: () => import('@/views/device/receive/solveList.vue'),
+        meta: {
+          title: '设备领用处理',
+          icon: 'ep:key',
+          auth: '/device/receive/solveList',
+        },
+      },
+    ],
+  },
+
 ]
 
 export default routes

diff --git a/src/api/system/process.ts b/src/api/system/process.ts
new file mode 100644
index 0000000..8da9b84
--- /dev/null
+++ b/src/api/system/process.ts
@@ -0,0 +1,12 @@
+// 流程管理接口
+import request from '../index'
+const prefix = '/system/flow'
+
+// 价格列表查询
+export function getProcessList(data: object) {
+  return request({
+    url: `${prefix}/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 2b110cb..046291a 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -11,6 +11,11 @@
     type: Boolean,
     default: false,
   },
+  // 是否允许多选
+  isMulti: {
+    type: Boolean,
+    default: true,
+  },
   // 查询条件，此处主要需要分页的条件
   query: {
     type: Object,
@@ -152,11 +157,34 @@
   initColumnsState()
   changeColumns()
 })
+// 多选框单选功能
+const selectClick = (selection: any, row: any) => {
+  if (!props.isMulti) {
+    console.log('selectClick')
+    if (selection.length > 1) {
+      const del_row = selection.shift()
+      table.value.toggleRowSelection(del_row, false) // 用于多选表格，切换某一行的选中状态，如果使用了第二个参数，则是设置这一行选中与否（selected 为 true 则选中）
+    }
+  }
+}
 </script>
 
 <template>
-  <div class="normal-table">
-    <el-table id="print" ref="table" v-loading="loading" :data="data" height="height" border stripe :size="size" style="width: 100%;" @selection-change="handleSelectionChange">
+  <div :class="isMulti ? 'normal-table' : 'single-table'">
+    <el-table
+      id="print"
+      ref="table"
+      v-loading="loading"
+      :data="data"
+      height="height"
+      border
+      stripe
+      :size="size"
+      style="width: 100%;"
+      @selection-change="handleSelectionChange"
+      @select="selectClick"
+      @row-click="rowClick"
+    >
       <el-table-column v-if="isShowmultiSelect" type="selection" width="55" />
       <slot name="preColumns" />
       <el-table-column v-for="column of columns" :key="column.value" :label="column.text" :prop="column.value" :width="column.width" :align="column.align" :show-overflow-tooltip="column.showOverflow ? column.showOverflow : true" />
@@ -180,5 +208,14 @@
 <style lang="scss" scoped>
 .normal-table {
   width: 100%;
+  // 隐藏全选按钮
+}
+
+.single-table {
+  width: 100%;
+
+  :deep(.el-table th.el-table__cell:nth-child(1) .cell) {
+    visibility: hidden;
+  }
 }
 </style>
diff --git a/src/router/modules/device.ts b/src/router/modules/device.ts
index 55b4d14..d6c1c91 100644
--- a/src/router/modules/device.ts
+++ b/src/router/modules/device.ts
@@ -281,6 +281,40 @@
       },
     ],
   },
+  {
+    path: '/receive',
+    component: Layout,
+    redirect: '/device/receive/applyList',
+    name: 'Receive',
+    meta: {
+      title: '设备领用',
+      icon: 'ep:key',
+      auth: '/device/receive',
+    },
+    children: [
+      {
+        path: 'applyList',
+        name: 'ApplyList',
+        component: () => import('@/views/device/receive/applyList.vue'),
+        meta: {
+          title: '设备领用申请',
+          icon: 'ep:key',
+          auth: '/device/receive/applyList',
+        },
+      },
+      {
+        path: 'solveList',
+        name: 'SolveList',
+        component: () => import('@/views/device/receive/solveList.vue'),
+        meta: {
+          title: '设备领用处理',
+          icon: 'ep:key',
+          auth: '/device/receive/solveList',
+        },
+      },
+    ],
+  },
+
 ]
 
 export default routes
diff --git a/src/views/device/deviceMaintenance/maintenanceList.vue b/src/views/device/deviceMaintenance/maintenanceList.vue
index 3c91abd..9da2abd 100644
--- a/src/views/device/deviceMaintenance/maintenanceList.vue
+++ b/src/views/device/deviceMaintenance/maintenanceList.vue
@@ -1,4 +1,4 @@
-<script lang="ts" setup name="MaintenanceList">
+<!-- <script lang="ts" setup name="MaintenanceList">
 // 逻辑代码
 </script>
 
@@ -10,4 +10,416 @@
 
 <style lang="scss" scoped>
 // 样式
+</style> -->
+
+<script lang="ts" setup name="Receive">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IlistType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import createOrCheck from '@/views/device/receive/createOrCheck.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref() // 选中的按钮
+const isShowDialog = ref(false) // 是否显示dialog
+const approveOpinion = ref() // 审批意见：1同意2驳回0拒绝
+const type = {
+  add: '新建',
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    fileNumber: 'string', // 文件号
+    type: 'string', // 类别
+    createPerson: 'string', // 创建人
+    createTime: 'string', // 创建时间
+    status: '审批中', // 审批状态
+    isStart: true, // 是否是发起者
+  },
+  {
+    number: '1', // 编号
+    name: '1', // 名称
+    fileNumber: '1', // 文件号
+    type: '1', // 类别
+    createPerson: '1', // 创建人
+    createTime: '1', // 创建时间
+    status: '已通过', // 审批状态
+    isStart: false,
+  },
+  {
+    number: '2', // 编号
+    name: '2', // 名称
+    fileNumber: '2', // 文件号
+    type: '2', // 类别
+    createPerson: '2', // 创建人
+    createTime: '2', // 创建时间
+    status: '未通过', // 审批状态0未通过
+    isStart: false,
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = ref([
+  {
+    text: '名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '文件号',
+    value: 'fileNumber',
+  },
+  {
+    text: '类别',
+    value: 'type',
+  },
+  {
+    text: '创建人',
+    value: 'createPerson',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+])
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 新建
+const add = () => {
+  typeValue.value = 'add'
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用申请', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IlistType, val: string) => {
+  if (val === '取消') {
+    ElMessageBox.confirm(
+      '确认取消吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '取消成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '同意') {
+    isShowDialog.value = true
+    approveOpinion.value = '1'
+  }
+  else if (val === '驳回') {
+    isShowDialog.value = true
+    approveOpinion.value = '2'
+  }
+  else if (val === '拒绝') {
+    isShowDialog.value = true
+    approveOpinion.value = '0'
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'box') { // 草稿箱
+
+  }
+  else if (val === 'will') { // 未审批
+
+  }
+  else if (val === 'ing') { // 审批中
+
+  }
+  else if (val === 'pass') { // 已通过
+
+  }
+  else if (val === 'notPass') { // 未通过
+
+  }
+  else if (val === 'cancle') { // 已取消
+
+  }
+  else { // 全部
+
+  }
+}
+// 监听关闭对话框
+const closeDialog = () => {
+  isShowDialog.value = false
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'add' && typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'add' && typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="add">
+          新建
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="290">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '同意')"
+              >
+                同意
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '驳回')"
+              >
+                驳回
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '拒绝')"
+              >
+                拒绝
+              </el-button>
+              <!-- 是发起者且审批中可以取消 -->
+              <el-button
+                :disabled="row.status === '审批中' && row.isStart"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '取消')"
+              >
+                取消
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                :disabled="row.status === '未通过' || row.status === '已通过' || !row.isStart"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box v-if="typeValue !== 'add' && typeValue !== 'check'" :active="active" @changeCurrentButton="changeCurrentButton" />
+    <receive-dialog :is-show-dialog="isShowDialog" :approve-opinion="approveOpinion" @closeDialog="closeDialog" />
+    <create-or-check
+      v-if="typeValue === 'add' || typeValue === 'check'"
+      :type-value="typeValue"
+      @close="close"
+    />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
 </style>
+

diff --git a/src/api/system/process.ts b/src/api/system/process.ts
new file mode 100644
index 0000000..8da9b84
--- /dev/null
+++ b/src/api/system/process.ts
@@ -0,0 +1,12 @@
+// 流程管理接口
+import request from '../index'
+const prefix = '/system/flow'
+
+// 价格列表查询
+export function getProcessList(data: object) {
+  return request({
+    url: `${prefix}/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 2b110cb..046291a 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -11,6 +11,11 @@
     type: Boolean,
     default: false,
   },
+  // 是否允许多选
+  isMulti: {
+    type: Boolean,
+    default: true,
+  },
   // 查询条件，此处主要需要分页的条件
   query: {
     type: Object,
@@ -152,11 +157,34 @@
   initColumnsState()
   changeColumns()
 })
+// 多选框单选功能
+const selectClick = (selection: any, row: any) => {
+  if (!props.isMulti) {
+    console.log('selectClick')
+    if (selection.length > 1) {
+      const del_row = selection.shift()
+      table.value.toggleRowSelection(del_row, false) // 用于多选表格，切换某一行的选中状态，如果使用了第二个参数，则是设置这一行选中与否（selected 为 true 则选中）
+    }
+  }
+}
 </script>
 
 <template>
-  <div class="normal-table">
-    <el-table id="print" ref="table" v-loading="loading" :data="data" height="height" border stripe :size="size" style="width: 100%;" @selection-change="handleSelectionChange">
+  <div :class="isMulti ? 'normal-table' : 'single-table'">
+    <el-table
+      id="print"
+      ref="table"
+      v-loading="loading"
+      :data="data"
+      height="height"
+      border
+      stripe
+      :size="size"
+      style="width: 100%;"
+      @selection-change="handleSelectionChange"
+      @select="selectClick"
+      @row-click="rowClick"
+    >
       <el-table-column v-if="isShowmultiSelect" type="selection" width="55" />
       <slot name="preColumns" />
       <el-table-column v-for="column of columns" :key="column.value" :label="column.text" :prop="column.value" :width="column.width" :align="column.align" :show-overflow-tooltip="column.showOverflow ? column.showOverflow : true" />
@@ -180,5 +208,14 @@
 <style lang="scss" scoped>
 .normal-table {
   width: 100%;
+  // 隐藏全选按钮
+}
+
+.single-table {
+  width: 100%;
+
+  :deep(.el-table th.el-table__cell:nth-child(1) .cell) {
+    visibility: hidden;
+  }
 }
 </style>
diff --git a/src/router/modules/device.ts b/src/router/modules/device.ts
index 55b4d14..d6c1c91 100644
--- a/src/router/modules/device.ts
+++ b/src/router/modules/device.ts
@@ -281,6 +281,40 @@
       },
     ],
   },
+  {
+    path: '/receive',
+    component: Layout,
+    redirect: '/device/receive/applyList',
+    name: 'Receive',
+    meta: {
+      title: '设备领用',
+      icon: 'ep:key',
+      auth: '/device/receive',
+    },
+    children: [
+      {
+        path: 'applyList',
+        name: 'ApplyList',
+        component: () => import('@/views/device/receive/applyList.vue'),
+        meta: {
+          title: '设备领用申请',
+          icon: 'ep:key',
+          auth: '/device/receive/applyList',
+        },
+      },
+      {
+        path: 'solveList',
+        name: 'SolveList',
+        component: () => import('@/views/device/receive/solveList.vue'),
+        meta: {
+          title: '设备领用处理',
+          icon: 'ep:key',
+          auth: '/device/receive/solveList',
+        },
+      },
+    ],
+  },
+
 ]
 
 export default routes
diff --git a/src/views/device/deviceMaintenance/maintenanceList.vue b/src/views/device/deviceMaintenance/maintenanceList.vue
index 3c91abd..9da2abd 100644
--- a/src/views/device/deviceMaintenance/maintenanceList.vue
+++ b/src/views/device/deviceMaintenance/maintenanceList.vue
@@ -1,4 +1,4 @@
-<script lang="ts" setup name="MaintenanceList">
+<!-- <script lang="ts" setup name="MaintenanceList">
 // 逻辑代码
 </script>
 
@@ -10,4 +10,416 @@
 
 <style lang="scss" scoped>
 // 样式
+</style> -->
+
+<script lang="ts" setup name="Receive">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IlistType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import createOrCheck from '@/views/device/receive/createOrCheck.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref() // 选中的按钮
+const isShowDialog = ref(false) // 是否显示dialog
+const approveOpinion = ref() // 审批意见：1同意2驳回0拒绝
+const type = {
+  add: '新建',
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    fileNumber: 'string', // 文件号
+    type: 'string', // 类别
+    createPerson: 'string', // 创建人
+    createTime: 'string', // 创建时间
+    status: '审批中', // 审批状态
+    isStart: true, // 是否是发起者
+  },
+  {
+    number: '1', // 编号
+    name: '1', // 名称
+    fileNumber: '1', // 文件号
+    type: '1', // 类别
+    createPerson: '1', // 创建人
+    createTime: '1', // 创建时间
+    status: '已通过', // 审批状态
+    isStart: false,
+  },
+  {
+    number: '2', // 编号
+    name: '2', // 名称
+    fileNumber: '2', // 文件号
+    type: '2', // 类别
+    createPerson: '2', // 创建人
+    createTime: '2', // 创建时间
+    status: '未通过', // 审批状态0未通过
+    isStart: false,
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = ref([
+  {
+    text: '名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '文件号',
+    value: 'fileNumber',
+  },
+  {
+    text: '类别',
+    value: 'type',
+  },
+  {
+    text: '创建人',
+    value: 'createPerson',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+])
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 新建
+const add = () => {
+  typeValue.value = 'add'
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用申请', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IlistType, val: string) => {
+  if (val === '取消') {
+    ElMessageBox.confirm(
+      '确认取消吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '取消成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '同意') {
+    isShowDialog.value = true
+    approveOpinion.value = '1'
+  }
+  else if (val === '驳回') {
+    isShowDialog.value = true
+    approveOpinion.value = '2'
+  }
+  else if (val === '拒绝') {
+    isShowDialog.value = true
+    approveOpinion.value = '0'
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'box') { // 草稿箱
+
+  }
+  else if (val === 'will') { // 未审批
+
+  }
+  else if (val === 'ing') { // 审批中
+
+  }
+  else if (val === 'pass') { // 已通过
+
+  }
+  else if (val === 'notPass') { // 未通过
+
+  }
+  else if (val === 'cancle') { // 已取消
+
+  }
+  else { // 全部
+
+  }
+}
+// 监听关闭对话框
+const closeDialog = () => {
+  isShowDialog.value = false
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'add' && typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'add' && typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="add">
+          新建
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="290">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '同意')"
+              >
+                同意
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '驳回')"
+              >
+                驳回
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '拒绝')"
+              >
+                拒绝
+              </el-button>
+              <!-- 是发起者且审批中可以取消 -->
+              <el-button
+                :disabled="row.status === '审批中' && row.isStart"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '取消')"
+              >
+                取消
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                :disabled="row.status === '未通过' || row.status === '已通过' || !row.isStart"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box v-if="typeValue !== 'add' && typeValue !== 'check'" :active="active" @changeCurrentButton="changeCurrentButton" />
+    <receive-dialog :is-show-dialog="isShowDialog" :approve-opinion="approveOpinion" @closeDialog="closeDialog" />
+    <create-or-check
+      v-if="typeValue === 'add' || typeValue === 'check'"
+      :type-value="typeValue"
+      @close="close"
+    />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
 </style>
+
diff --git a/src/views/device/deviceMaintenance/manageCheckList.vue b/src/views/device/deviceMaintenance/manageCheckList.vue
index a4ace73..1df82e3 100644
--- a/src/views/device/deviceMaintenance/manageCheckList.vue
+++ b/src/views/device/deviceMaintenance/manageCheckList.vue
@@ -1,4 +1,4 @@
-<script lang="ts" setup name="ManageCheckList">
+<!-- <script lang="ts" setup name="ManageCheckList">
 // 逻辑代码
 </script>
 
@@ -10,4 +10,372 @@
 
 <style lang="scss" scoped>
 // 样式
+</style> -->
+<script lang="ts" setup name="SolveList">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IsolveListType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/solveComponent/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import detail from '@/views/device/receive/solveComponent/detail.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref('unused') // 选中的按钮
+const type = {
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = [
+  {
+    text: '申请编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '申请名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '申请部门',
+    value: 'dep',
+  },
+  {
+    text: '申请人',
+    value: 'person',
+  },
+  {
+    text: '申请时间',
+    value: 'date',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+]
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IsolveListType, index: number) => ({ index: index + 1, number: item.number, name: item.name, dep: item.dep, person: item.person, date: item.date, status: item.status })),
+      name: '设备领用处理',
+      titleArr: ['序号', '申请编号', '申请名称', '申请部门', '申请人', '申请时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IsolveListType, index: number) => ({ index: index + 1, number: item.number, name: item.name, dep: item.dep, person: item.person, date: item.date, status: item.status })),
+      name: '设备领用处理',
+      titleArr: ['序号', '申请编号', '申请名称', '申请部门', '申请人', '申请时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用处理', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IsolveListType, val: string) => {
+  if (val === '领用') {
+    ElMessageBox.confirm(
+      '确认领用吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调领用接口
+        ElMessage({
+          type: 'success',
+          message: '领用成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调删除接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '退领') {
+    ElMessageBox.confirm(
+      '确认退领吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调退领接口
+        ElMessage({
+          type: 'success',
+          message: '退领成功',
+        })
+      })
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 右上角按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'unused') { // 未领用
+
+  }
+  else if (val === 'used') { // 已领用
+
+  }
+}
+// 标签识别
+const execTag = () => {
+
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="execTag">
+          标签识别
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="180">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                v-if="active === 'unused'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '领用')"
+              >
+                领用
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                v-if="active === 'unused'"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+              <el-button
+                v-if="active === 'used'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '退领')"
+              >
+                退领
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box
+      v-if="typeValue !== 'check'"
+      :active="active"
+      @changeCurrentButton="changeCurrentButton"
+    />
+    <detail v-if="typeValue === 'check'" :type-value="typeValue" @close="close" />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
 </style>
+

diff --git a/src/api/system/process.ts b/src/api/system/process.ts
new file mode 100644
index 0000000..8da9b84
--- /dev/null
+++ b/src/api/system/process.ts
@@ -0,0 +1,12 @@
+// 流程管理接口
+import request from '../index'
+const prefix = '/system/flow'
+
+// 价格列表查询
+export function getProcessList(data: object) {
+  return request({
+    url: `${prefix}/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 2b110cb..046291a 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -11,6 +11,11 @@
     type: Boolean,
     default: false,
   },
+  // 是否允许多选
+  isMulti: {
+    type: Boolean,
+    default: true,
+  },
   // 查询条件，此处主要需要分页的条件
   query: {
     type: Object,
@@ -152,11 +157,34 @@
   initColumnsState()
   changeColumns()
 })
+// 多选框单选功能
+const selectClick = (selection: any, row: any) => {
+  if (!props.isMulti) {
+    console.log('selectClick')
+    if (selection.length > 1) {
+      const del_row = selection.shift()
+      table.value.toggleRowSelection(del_row, false) // 用于多选表格，切换某一行的选中状态，如果使用了第二个参数，则是设置这一行选中与否（selected 为 true 则选中）
+    }
+  }
+}
 </script>
 
 <template>
-  <div class="normal-table">
-    <el-table id="print" ref="table" v-loading="loading" :data="data" height="height" border stripe :size="size" style="width: 100%;" @selection-change="handleSelectionChange">
+  <div :class="isMulti ? 'normal-table' : 'single-table'">
+    <el-table
+      id="print"
+      ref="table"
+      v-loading="loading"
+      :data="data"
+      height="height"
+      border
+      stripe
+      :size="size"
+      style="width: 100%;"
+      @selection-change="handleSelectionChange"
+      @select="selectClick"
+      @row-click="rowClick"
+    >
       <el-table-column v-if="isShowmultiSelect" type="selection" width="55" />
       <slot name="preColumns" />
       <el-table-column v-for="column of columns" :key="column.value" :label="column.text" :prop="column.value" :width="column.width" :align="column.align" :show-overflow-tooltip="column.showOverflow ? column.showOverflow : true" />
@@ -180,5 +208,14 @@
 <style lang="scss" scoped>
 .normal-table {
   width: 100%;
+  // 隐藏全选按钮
+}
+
+.single-table {
+  width: 100%;
+
+  :deep(.el-table th.el-table__cell:nth-child(1) .cell) {
+    visibility: hidden;
+  }
 }
 </style>
diff --git a/src/router/modules/device.ts b/src/router/modules/device.ts
index 55b4d14..d6c1c91 100644
--- a/src/router/modules/device.ts
+++ b/src/router/modules/device.ts
@@ -281,6 +281,40 @@
       },
     ],
   },
+  {
+    path: '/receive',
+    component: Layout,
+    redirect: '/device/receive/applyList',
+    name: 'Receive',
+    meta: {
+      title: '设备领用',
+      icon: 'ep:key',
+      auth: '/device/receive',
+    },
+    children: [
+      {
+        path: 'applyList',
+        name: 'ApplyList',
+        component: () => import('@/views/device/receive/applyList.vue'),
+        meta: {
+          title: '设备领用申请',
+          icon: 'ep:key',
+          auth: '/device/receive/applyList',
+        },
+      },
+      {
+        path: 'solveList',
+        name: 'SolveList',
+        component: () => import('@/views/device/receive/solveList.vue'),
+        meta: {
+          title: '设备领用处理',
+          icon: 'ep:key',
+          auth: '/device/receive/solveList',
+        },
+      },
+    ],
+  },
+
 ]
 
 export default routes
diff --git a/src/views/device/deviceMaintenance/maintenanceList.vue b/src/views/device/deviceMaintenance/maintenanceList.vue
index 3c91abd..9da2abd 100644
--- a/src/views/device/deviceMaintenance/maintenanceList.vue
+++ b/src/views/device/deviceMaintenance/maintenanceList.vue
@@ -1,4 +1,4 @@
-<script lang="ts" setup name="MaintenanceList">
+<!-- <script lang="ts" setup name="MaintenanceList">
 // 逻辑代码
 </script>
 
@@ -10,4 +10,416 @@
 
 <style lang="scss" scoped>
 // 样式
+</style> -->
+
+<script lang="ts" setup name="Receive">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IlistType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import createOrCheck from '@/views/device/receive/createOrCheck.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref() // 选中的按钮
+const isShowDialog = ref(false) // 是否显示dialog
+const approveOpinion = ref() // 审批意见：1同意2驳回0拒绝
+const type = {
+  add: '新建',
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    fileNumber: 'string', // 文件号
+    type: 'string', // 类别
+    createPerson: 'string', // 创建人
+    createTime: 'string', // 创建时间
+    status: '审批中', // 审批状态
+    isStart: true, // 是否是发起者
+  },
+  {
+    number: '1', // 编号
+    name: '1', // 名称
+    fileNumber: '1', // 文件号
+    type: '1', // 类别
+    createPerson: '1', // 创建人
+    createTime: '1', // 创建时间
+    status: '已通过', // 审批状态
+    isStart: false,
+  },
+  {
+    number: '2', // 编号
+    name: '2', // 名称
+    fileNumber: '2', // 文件号
+    type: '2', // 类别
+    createPerson: '2', // 创建人
+    createTime: '2', // 创建时间
+    status: '未通过', // 审批状态0未通过
+    isStart: false,
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = ref([
+  {
+    text: '名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '文件号',
+    value: 'fileNumber',
+  },
+  {
+    text: '类别',
+    value: 'type',
+  },
+  {
+    text: '创建人',
+    value: 'createPerson',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+])
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 新建
+const add = () => {
+  typeValue.value = 'add'
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用申请', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IlistType, val: string) => {
+  if (val === '取消') {
+    ElMessageBox.confirm(
+      '确认取消吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '取消成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '同意') {
+    isShowDialog.value = true
+    approveOpinion.value = '1'
+  }
+  else if (val === '驳回') {
+    isShowDialog.value = true
+    approveOpinion.value = '2'
+  }
+  else if (val === '拒绝') {
+    isShowDialog.value = true
+    approveOpinion.value = '0'
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'box') { // 草稿箱
+
+  }
+  else if (val === 'will') { // 未审批
+
+  }
+  else if (val === 'ing') { // 审批中
+
+  }
+  else if (val === 'pass') { // 已通过
+
+  }
+  else if (val === 'notPass') { // 未通过
+
+  }
+  else if (val === 'cancle') { // 已取消
+
+  }
+  else { // 全部
+
+  }
+}
+// 监听关闭对话框
+const closeDialog = () => {
+  isShowDialog.value = false
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'add' && typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'add' && typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="add">
+          新建
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="290">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '同意')"
+              >
+                同意
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '驳回')"
+              >
+                驳回
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '拒绝')"
+              >
+                拒绝
+              </el-button>
+              <!-- 是发起者且审批中可以取消 -->
+              <el-button
+                :disabled="row.status === '审批中' && row.isStart"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '取消')"
+              >
+                取消
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                :disabled="row.status === '未通过' || row.status === '已通过' || !row.isStart"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box v-if="typeValue !== 'add' && typeValue !== 'check'" :active="active" @changeCurrentButton="changeCurrentButton" />
+    <receive-dialog :is-show-dialog="isShowDialog" :approve-opinion="approveOpinion" @closeDialog="closeDialog" />
+    <create-or-check
+      v-if="typeValue === 'add' || typeValue === 'check'"
+      :type-value="typeValue"
+      @close="close"
+    />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
 </style>
+
diff --git a/src/views/device/deviceMaintenance/manageCheckList.vue b/src/views/device/deviceMaintenance/manageCheckList.vue
index a4ace73..1df82e3 100644
--- a/src/views/device/deviceMaintenance/manageCheckList.vue
+++ b/src/views/device/deviceMaintenance/manageCheckList.vue
@@ -1,4 +1,4 @@
-<script lang="ts" setup name="ManageCheckList">
+<!-- <script lang="ts" setup name="ManageCheckList">
 // 逻辑代码
 </script>
 
@@ -10,4 +10,372 @@
 
 <style lang="scss" scoped>
 // 样式
+</style> -->
+<script lang="ts" setup name="SolveList">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IsolveListType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/solveComponent/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import detail from '@/views/device/receive/solveComponent/detail.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref('unused') // 选中的按钮
+const type = {
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = [
+  {
+    text: '申请编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '申请名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '申请部门',
+    value: 'dep',
+  },
+  {
+    text: '申请人',
+    value: 'person',
+  },
+  {
+    text: '申请时间',
+    value: 'date',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+]
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IsolveListType, index: number) => ({ index: index + 1, number: item.number, name: item.name, dep: item.dep, person: item.person, date: item.date, status: item.status })),
+      name: '设备领用处理',
+      titleArr: ['序号', '申请编号', '申请名称', '申请部门', '申请人', '申请时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IsolveListType, index: number) => ({ index: index + 1, number: item.number, name: item.name, dep: item.dep, person: item.person, date: item.date, status: item.status })),
+      name: '设备领用处理',
+      titleArr: ['序号', '申请编号', '申请名称', '申请部门', '申请人', '申请时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用处理', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IsolveListType, val: string) => {
+  if (val === '领用') {
+    ElMessageBox.confirm(
+      '确认领用吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调领用接口
+        ElMessage({
+          type: 'success',
+          message: '领用成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调删除接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '退领') {
+    ElMessageBox.confirm(
+      '确认退领吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调退领接口
+        ElMessage({
+          type: 'success',
+          message: '退领成功',
+        })
+      })
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 右上角按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'unused') { // 未领用
+
+  }
+  else if (val === 'used') { // 已领用
+
+  }
+}
+// 标签识别
+const execTag = () => {
+
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="execTag">
+          标签识别
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="180">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                v-if="active === 'unused'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '领用')"
+              >
+                领用
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                v-if="active === 'unused'"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+              <el-button
+                v-if="active === 'used'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '退领')"
+              >
+                退领
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box
+      v-if="typeValue !== 'check'"
+      :active="active"
+      @changeCurrentButton="changeCurrentButton"
+    />
+    <detail v-if="typeValue === 'check'" :type-value="typeValue" @close="close" />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
 </style>
+
diff --git a/src/views/device/receive/applyList.vue b/src/views/device/receive/applyList.vue
new file mode 100644
index 0000000..5ee8966
--- /dev/null
+++ b/src/views/device/receive/applyList.vue
@@ -0,0 +1,411 @@
+<script lang="ts" setup name="ApplyList">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IlistType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import createOrCheck from '@/views/device/receive/createOrCheck.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref() // 选中的按钮
+const isShowDialog = ref(false) // 是否显示dialog
+const approveOpinion = ref() // 审批意见：1同意2驳回0拒绝
+const type = {
+  add: '新建',
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    fileNumber: 'string', // 文件号
+    type: 'string', // 类别
+    createPerson: 'string', // 创建人
+    createTime: 'string', // 创建时间
+    status: '审批中', // 审批状态
+    isStart: true, // 是否是发起者
+  },
+  {
+    number: '1', // 编号
+    name: '1', // 名称
+    fileNumber: '1', // 文件号
+    type: '1', // 类别
+    createPerson: '1', // 创建人
+    createTime: '1', // 创建时间
+    status: '已通过', // 审批状态
+    isStart: false,
+  },
+  {
+    number: '2', // 编号
+    name: '2', // 名称
+    fileNumber: '2', // 文件号
+    type: '2', // 类别
+    createPerson: '2', // 创建人
+    createTime: '2', // 创建时间
+    status: '未通过', // 审批状态0未通过
+    isStart: false,
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = ref([
+  {
+    text: '名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '文件号',
+    value: 'fileNumber',
+  },
+  {
+    text: '类别',
+    value: 'type',
+  },
+  {
+    text: '创建人',
+    value: 'createPerson',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+])
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 新建
+const add = () => {
+  typeValue.value = 'add'
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用申请', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IlistType, val: string) => {
+  if (val === '取消') {
+    ElMessageBox.confirm(
+      '确认取消吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '取消成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '同意') {
+    isShowDialog.value = true
+    approveOpinion.value = '1'
+  }
+  else if (val === '驳回') {
+    isShowDialog.value = true
+    approveOpinion.value = '2'
+  }
+  else if (val === '拒绝') {
+    isShowDialog.value = true
+    approveOpinion.value = '0'
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'box') { // 草稿箱
+
+  }
+  else if (val === 'will') { // 未审批
+
+  }
+  else if (val === 'ing') { // 审批中
+
+  }
+  else if (val === 'pass') { // 已通过
+
+  }
+  else if (val === 'notPass') { // 未通过
+
+  }
+  else if (val === 'cancle') { // 已取消
+
+  }
+  else { // 全部
+
+  }
+}
+// 监听关闭对话框
+const closeDialog = () => {
+  isShowDialog.value = false
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'add' && typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'add' && typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="add">
+          新建
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="290">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '同意')"
+              >
+                同意
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '驳回')"
+              >
+                驳回
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '拒绝')"
+              >
+                拒绝
+              </el-button>
+              <!-- 是发起者且审批中可以取消 -->
+              <el-button
+                :disabled="row.status === '审批中' && row.isStart"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '取消')"
+              >
+                取消
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                :disabled="row.status === '未通过' || row.status === '已通过' || !row.isStart"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box v-if="typeValue !== 'add' && typeValue !== 'check'" :active="active" @changeCurrentButton="changeCurrentButton" />
+    <receive-dialog :is-show-dialog="isShowDialog" :approve-opinion="approveOpinion" @closeDialog="closeDialog" />
+    <create-or-check
+      v-if="typeValue === 'add' || typeValue === 'check'"
+      :type-value="typeValue"
+      @close="close"
+    />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
+

diff --git a/src/api/system/process.ts b/src/api/system/process.ts
new file mode 100644
index 0000000..8da9b84
--- /dev/null
+++ b/src/api/system/process.ts
@@ -0,0 +1,12 @@
+// 流程管理接口
+import request from '../index'
+const prefix = '/system/flow'
+
+// 价格列表查询
+export function getProcessList(data: object) {
+  return request({
+    url: `${prefix}/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 2b110cb..046291a 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -11,6 +11,11 @@
     type: Boolean,
     default: false,
   },
+  // 是否允许多选
+  isMulti: {
+    type: Boolean,
+    default: true,
+  },
   // 查询条件，此处主要需要分页的条件
   query: {
     type: Object,
@@ -152,11 +157,34 @@
   initColumnsState()
   changeColumns()
 })
+// 多选框单选功能
+const selectClick = (selection: any, row: any) => {
+  if (!props.isMulti) {
+    console.log('selectClick')
+    if (selection.length > 1) {
+      const del_row = selection.shift()
+      table.value.toggleRowSelection(del_row, false) // 用于多选表格，切换某一行的选中状态，如果使用了第二个参数，则是设置这一行选中与否（selected 为 true 则选中）
+    }
+  }
+}
 </script>
 
 <template>
-  <div class="normal-table">
-    <el-table id="print" ref="table" v-loading="loading" :data="data" height="height" border stripe :size="size" style="width: 100%;" @selection-change="handleSelectionChange">
+  <div :class="isMulti ? 'normal-table' : 'single-table'">
+    <el-table
+      id="print"
+      ref="table"
+      v-loading="loading"
+      :data="data"
+      height="height"
+      border
+      stripe
+      :size="size"
+      style="width: 100%;"
+      @selection-change="handleSelectionChange"
+      @select="selectClick"
+      @row-click="rowClick"
+    >
       <el-table-column v-if="isShowmultiSelect" type="selection" width="55" />
       <slot name="preColumns" />
       <el-table-column v-for="column of columns" :key="column.value" :label="column.text" :prop="column.value" :width="column.width" :align="column.align" :show-overflow-tooltip="column.showOverflow ? column.showOverflow : true" />
@@ -180,5 +208,14 @@
 <style lang="scss" scoped>
 .normal-table {
   width: 100%;
+  // 隐藏全选按钮
+}
+
+.single-table {
+  width: 100%;
+
+  :deep(.el-table th.el-table__cell:nth-child(1) .cell) {
+    visibility: hidden;
+  }
 }
 </style>
diff --git a/src/router/modules/device.ts b/src/router/modules/device.ts
index 55b4d14..d6c1c91 100644
--- a/src/router/modules/device.ts
+++ b/src/router/modules/device.ts
@@ -281,6 +281,40 @@
       },
     ],
   },
+  {
+    path: '/receive',
+    component: Layout,
+    redirect: '/device/receive/applyList',
+    name: 'Receive',
+    meta: {
+      title: '设备领用',
+      icon: 'ep:key',
+      auth: '/device/receive',
+    },
+    children: [
+      {
+        path: 'applyList',
+        name: 'ApplyList',
+        component: () => import('@/views/device/receive/applyList.vue'),
+        meta: {
+          title: '设备领用申请',
+          icon: 'ep:key',
+          auth: '/device/receive/applyList',
+        },
+      },
+      {
+        path: 'solveList',
+        name: 'SolveList',
+        component: () => import('@/views/device/receive/solveList.vue'),
+        meta: {
+          title: '设备领用处理',
+          icon: 'ep:key',
+          auth: '/device/receive/solveList',
+        },
+      },
+    ],
+  },
+
 ]
 
 export default routes
diff --git a/src/views/device/deviceMaintenance/maintenanceList.vue b/src/views/device/deviceMaintenance/maintenanceList.vue
index 3c91abd..9da2abd 100644
--- a/src/views/device/deviceMaintenance/maintenanceList.vue
+++ b/src/views/device/deviceMaintenance/maintenanceList.vue
@@ -1,4 +1,4 @@
-<script lang="ts" setup name="MaintenanceList">
+<!-- <script lang="ts" setup name="MaintenanceList">
 // 逻辑代码
 </script>
 
@@ -10,4 +10,416 @@
 
 <style lang="scss" scoped>
 // 样式
+</style> -->
+
+<script lang="ts" setup name="Receive">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IlistType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import createOrCheck from '@/views/device/receive/createOrCheck.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref() // 选中的按钮
+const isShowDialog = ref(false) // 是否显示dialog
+const approveOpinion = ref() // 审批意见：1同意2驳回0拒绝
+const type = {
+  add: '新建',
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    fileNumber: 'string', // 文件号
+    type: 'string', // 类别
+    createPerson: 'string', // 创建人
+    createTime: 'string', // 创建时间
+    status: '审批中', // 审批状态
+    isStart: true, // 是否是发起者
+  },
+  {
+    number: '1', // 编号
+    name: '1', // 名称
+    fileNumber: '1', // 文件号
+    type: '1', // 类别
+    createPerson: '1', // 创建人
+    createTime: '1', // 创建时间
+    status: '已通过', // 审批状态
+    isStart: false,
+  },
+  {
+    number: '2', // 编号
+    name: '2', // 名称
+    fileNumber: '2', // 文件号
+    type: '2', // 类别
+    createPerson: '2', // 创建人
+    createTime: '2', // 创建时间
+    status: '未通过', // 审批状态0未通过
+    isStart: false,
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = ref([
+  {
+    text: '名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '文件号',
+    value: 'fileNumber',
+  },
+  {
+    text: '类别',
+    value: 'type',
+  },
+  {
+    text: '创建人',
+    value: 'createPerson',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+])
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 新建
+const add = () => {
+  typeValue.value = 'add'
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用申请', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IlistType, val: string) => {
+  if (val === '取消') {
+    ElMessageBox.confirm(
+      '确认取消吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '取消成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '同意') {
+    isShowDialog.value = true
+    approveOpinion.value = '1'
+  }
+  else if (val === '驳回') {
+    isShowDialog.value = true
+    approveOpinion.value = '2'
+  }
+  else if (val === '拒绝') {
+    isShowDialog.value = true
+    approveOpinion.value = '0'
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'box') { // 草稿箱
+
+  }
+  else if (val === 'will') { // 未审批
+
+  }
+  else if (val === 'ing') { // 审批中
+
+  }
+  else if (val === 'pass') { // 已通过
+
+  }
+  else if (val === 'notPass') { // 未通过
+
+  }
+  else if (val === 'cancle') { // 已取消
+
+  }
+  else { // 全部
+
+  }
+}
+// 监听关闭对话框
+const closeDialog = () => {
+  isShowDialog.value = false
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'add' && typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'add' && typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="add">
+          新建
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="290">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '同意')"
+              >
+                同意
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '驳回')"
+              >
+                驳回
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '拒绝')"
+              >
+                拒绝
+              </el-button>
+              <!-- 是发起者且审批中可以取消 -->
+              <el-button
+                :disabled="row.status === '审批中' && row.isStart"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '取消')"
+              >
+                取消
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                :disabled="row.status === '未通过' || row.status === '已通过' || !row.isStart"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box v-if="typeValue !== 'add' && typeValue !== 'check'" :active="active" @changeCurrentButton="changeCurrentButton" />
+    <receive-dialog :is-show-dialog="isShowDialog" :approve-opinion="approveOpinion" @closeDialog="closeDialog" />
+    <create-or-check
+      v-if="typeValue === 'add' || typeValue === 'check'"
+      :type-value="typeValue"
+      @close="close"
+    />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
 </style>
+
diff --git a/src/views/device/deviceMaintenance/manageCheckList.vue b/src/views/device/deviceMaintenance/manageCheckList.vue
index a4ace73..1df82e3 100644
--- a/src/views/device/deviceMaintenance/manageCheckList.vue
+++ b/src/views/device/deviceMaintenance/manageCheckList.vue
@@ -1,4 +1,4 @@
-<script lang="ts" setup name="ManageCheckList">
+<!-- <script lang="ts" setup name="ManageCheckList">
 // 逻辑代码
 </script>
 
@@ -10,4 +10,372 @@
 
 <style lang="scss" scoped>
 // 样式
+</style> -->
+<script lang="ts" setup name="SolveList">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IsolveListType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/solveComponent/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import detail from '@/views/device/receive/solveComponent/detail.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref('unused') // 选中的按钮
+const type = {
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = [
+  {
+    text: '申请编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '申请名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '申请部门',
+    value: 'dep',
+  },
+  {
+    text: '申请人',
+    value: 'person',
+  },
+  {
+    text: '申请时间',
+    value: 'date',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+]
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IsolveListType, index: number) => ({ index: index + 1, number: item.number, name: item.name, dep: item.dep, person: item.person, date: item.date, status: item.status })),
+      name: '设备领用处理',
+      titleArr: ['序号', '申请编号', '申请名称', '申请部门', '申请人', '申请时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IsolveListType, index: number) => ({ index: index + 1, number: item.number, name: item.name, dep: item.dep, person: item.person, date: item.date, status: item.status })),
+      name: '设备领用处理',
+      titleArr: ['序号', '申请编号', '申请名称', '申请部门', '申请人', '申请时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用处理', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IsolveListType, val: string) => {
+  if (val === '领用') {
+    ElMessageBox.confirm(
+      '确认领用吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调领用接口
+        ElMessage({
+          type: 'success',
+          message: '领用成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调删除接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '退领') {
+    ElMessageBox.confirm(
+      '确认退领吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调退领接口
+        ElMessage({
+          type: 'success',
+          message: '退领成功',
+        })
+      })
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 右上角按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'unused') { // 未领用
+
+  }
+  else if (val === 'used') { // 已领用
+
+  }
+}
+// 标签识别
+const execTag = () => {
+
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="execTag">
+          标签识别
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="180">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                v-if="active === 'unused'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '领用')"
+              >
+                领用
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                v-if="active === 'unused'"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+              <el-button
+                v-if="active === 'used'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '退领')"
+              >
+                退领
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box
+      v-if="typeValue !== 'check'"
+      :active="active"
+      @changeCurrentButton="changeCurrentButton"
+    />
+    <detail v-if="typeValue === 'check'" :type-value="typeValue" @close="close" />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
 </style>
+
diff --git a/src/views/device/receive/applyList.vue b/src/views/device/receive/applyList.vue
new file mode 100644
index 0000000..5ee8966
--- /dev/null
+++ b/src/views/device/receive/applyList.vue
@@ -0,0 +1,411 @@
+<script lang="ts" setup name="ApplyList">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IlistType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import createOrCheck from '@/views/device/receive/createOrCheck.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref() // 选中的按钮
+const isShowDialog = ref(false) // 是否显示dialog
+const approveOpinion = ref() // 审批意见：1同意2驳回0拒绝
+const type = {
+  add: '新建',
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    fileNumber: 'string', // 文件号
+    type: 'string', // 类别
+    createPerson: 'string', // 创建人
+    createTime: 'string', // 创建时间
+    status: '审批中', // 审批状态
+    isStart: true, // 是否是发起者
+  },
+  {
+    number: '1', // 编号
+    name: '1', // 名称
+    fileNumber: '1', // 文件号
+    type: '1', // 类别
+    createPerson: '1', // 创建人
+    createTime: '1', // 创建时间
+    status: '已通过', // 审批状态
+    isStart: false,
+  },
+  {
+    number: '2', // 编号
+    name: '2', // 名称
+    fileNumber: '2', // 文件号
+    type: '2', // 类别
+    createPerson: '2', // 创建人
+    createTime: '2', // 创建时间
+    status: '未通过', // 审批状态0未通过
+    isStart: false,
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = ref([
+  {
+    text: '名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '文件号',
+    value: 'fileNumber',
+  },
+  {
+    text: '类别',
+    value: 'type',
+  },
+  {
+    text: '创建人',
+    value: 'createPerson',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+])
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 新建
+const add = () => {
+  typeValue.value = 'add'
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用申请', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IlistType, val: string) => {
+  if (val === '取消') {
+    ElMessageBox.confirm(
+      '确认取消吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '取消成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '同意') {
+    isShowDialog.value = true
+    approveOpinion.value = '1'
+  }
+  else if (val === '驳回') {
+    isShowDialog.value = true
+    approveOpinion.value = '2'
+  }
+  else if (val === '拒绝') {
+    isShowDialog.value = true
+    approveOpinion.value = '0'
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'box') { // 草稿箱
+
+  }
+  else if (val === 'will') { // 未审批
+
+  }
+  else if (val === 'ing') { // 审批中
+
+  }
+  else if (val === 'pass') { // 已通过
+
+  }
+  else if (val === 'notPass') { // 未通过
+
+  }
+  else if (val === 'cancle') { // 已取消
+
+  }
+  else { // 全部
+
+  }
+}
+// 监听关闭对话框
+const closeDialog = () => {
+  isShowDialog.value = false
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'add' && typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'add' && typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="add">
+          新建
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="290">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '同意')"
+              >
+                同意
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '驳回')"
+              >
+                驳回
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '拒绝')"
+              >
+                拒绝
+              </el-button>
+              <!-- 是发起者且审批中可以取消 -->
+              <el-button
+                :disabled="row.status === '审批中' && row.isStart"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '取消')"
+              >
+                取消
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                :disabled="row.status === '未通过' || row.status === '已通过' || !row.isStart"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box v-if="typeValue !== 'add' && typeValue !== 'check'" :active="active" @changeCurrentButton="changeCurrentButton" />
+    <receive-dialog :is-show-dialog="isShowDialog" :approve-opinion="approveOpinion" @closeDialog="closeDialog" />
+    <create-or-check
+      v-if="typeValue === 'add' || typeValue === 'check'"
+      :type-value="typeValue"
+      @close="close"
+    />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
+
diff --git a/src/views/device/receive/buttonBox.vue b/src/views/device/receive/buttonBox.vue
new file mode 100644
index 0000000..aa02ce5
--- /dev/null
+++ b/src/views/device/receive/buttonBox.vue
@@ -0,0 +1,47 @@
+<script lang="ts" setup name="ButtonBox">
+import { ref } from 'vue'
+const emits = defineEmits(['changeCurrentButton'])
+const menu = [
+  { name: '全部', id: 'all' },
+  { name: '草稿箱', id: 'box' },
+  { name: '待审批', id: 'will' },
+  { name: '审批中', id: 'ing' },
+  { name: '已通过', id: 'pass' },
+  { name: '未通过', id: 'notPass' },
+  { name: '已取消', id: 'cancle' },
+]
+const current = ref('all')
+watch(current, (newValue) => {
+  console.log(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>
+    <!-- 展示区域 -->
+    <!-- <component :is="currentComp" /> -->
+  </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/system/process.ts b/src/api/system/process.ts
new file mode 100644
index 0000000..8da9b84
--- /dev/null
+++ b/src/api/system/process.ts
@@ -0,0 +1,12 @@
+// 流程管理接口
+import request from '../index'
+const prefix = '/system/flow'
+
+// 价格列表查询
+export function getProcessList(data: object) {
+  return request({
+    url: `${prefix}/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 2b110cb..046291a 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -11,6 +11,11 @@
     type: Boolean,
     default: false,
   },
+  // 是否允许多选
+  isMulti: {
+    type: Boolean,
+    default: true,
+  },
   // 查询条件，此处主要需要分页的条件
   query: {
     type: Object,
@@ -152,11 +157,34 @@
   initColumnsState()
   changeColumns()
 })
+// 多选框单选功能
+const selectClick = (selection: any, row: any) => {
+  if (!props.isMulti) {
+    console.log('selectClick')
+    if (selection.length > 1) {
+      const del_row = selection.shift()
+      table.value.toggleRowSelection(del_row, false) // 用于多选表格，切换某一行的选中状态，如果使用了第二个参数，则是设置这一行选中与否（selected 为 true 则选中）
+    }
+  }
+}
 </script>
 
 <template>
-  <div class="normal-table">
-    <el-table id="print" ref="table" v-loading="loading" :data="data" height="height" border stripe :size="size" style="width: 100%;" @selection-change="handleSelectionChange">
+  <div :class="isMulti ? 'normal-table' : 'single-table'">
+    <el-table
+      id="print"
+      ref="table"
+      v-loading="loading"
+      :data="data"
+      height="height"
+      border
+      stripe
+      :size="size"
+      style="width: 100%;"
+      @selection-change="handleSelectionChange"
+      @select="selectClick"
+      @row-click="rowClick"
+    >
       <el-table-column v-if="isShowmultiSelect" type="selection" width="55" />
       <slot name="preColumns" />
       <el-table-column v-for="column of columns" :key="column.value" :label="column.text" :prop="column.value" :width="column.width" :align="column.align" :show-overflow-tooltip="column.showOverflow ? column.showOverflow : true" />
@@ -180,5 +208,14 @@
 <style lang="scss" scoped>
 .normal-table {
   width: 100%;
+  // 隐藏全选按钮
+}
+
+.single-table {
+  width: 100%;
+
+  :deep(.el-table th.el-table__cell:nth-child(1) .cell) {
+    visibility: hidden;
+  }
 }
 </style>
diff --git a/src/router/modules/device.ts b/src/router/modules/device.ts
index 55b4d14..d6c1c91 100644
--- a/src/router/modules/device.ts
+++ b/src/router/modules/device.ts
@@ -281,6 +281,40 @@
       },
     ],
   },
+  {
+    path: '/receive',
+    component: Layout,
+    redirect: '/device/receive/applyList',
+    name: 'Receive',
+    meta: {
+      title: '设备领用',
+      icon: 'ep:key',
+      auth: '/device/receive',
+    },
+    children: [
+      {
+        path: 'applyList',
+        name: 'ApplyList',
+        component: () => import('@/views/device/receive/applyList.vue'),
+        meta: {
+          title: '设备领用申请',
+          icon: 'ep:key',
+          auth: '/device/receive/applyList',
+        },
+      },
+      {
+        path: 'solveList',
+        name: 'SolveList',
+        component: () => import('@/views/device/receive/solveList.vue'),
+        meta: {
+          title: '设备领用处理',
+          icon: 'ep:key',
+          auth: '/device/receive/solveList',
+        },
+      },
+    ],
+  },
+
 ]
 
 export default routes
diff --git a/src/views/device/deviceMaintenance/maintenanceList.vue b/src/views/device/deviceMaintenance/maintenanceList.vue
index 3c91abd..9da2abd 100644
--- a/src/views/device/deviceMaintenance/maintenanceList.vue
+++ b/src/views/device/deviceMaintenance/maintenanceList.vue
@@ -1,4 +1,4 @@
-<script lang="ts" setup name="MaintenanceList">
+<!-- <script lang="ts" setup name="MaintenanceList">
 // 逻辑代码
 </script>
 
@@ -10,4 +10,416 @@
 
 <style lang="scss" scoped>
 // 样式
+</style> -->
+
+<script lang="ts" setup name="Receive">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IlistType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import createOrCheck from '@/views/device/receive/createOrCheck.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref() // 选中的按钮
+const isShowDialog = ref(false) // 是否显示dialog
+const approveOpinion = ref() // 审批意见：1同意2驳回0拒绝
+const type = {
+  add: '新建',
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    fileNumber: 'string', // 文件号
+    type: 'string', // 类别
+    createPerson: 'string', // 创建人
+    createTime: 'string', // 创建时间
+    status: '审批中', // 审批状态
+    isStart: true, // 是否是发起者
+  },
+  {
+    number: '1', // 编号
+    name: '1', // 名称
+    fileNumber: '1', // 文件号
+    type: '1', // 类别
+    createPerson: '1', // 创建人
+    createTime: '1', // 创建时间
+    status: '已通过', // 审批状态
+    isStart: false,
+  },
+  {
+    number: '2', // 编号
+    name: '2', // 名称
+    fileNumber: '2', // 文件号
+    type: '2', // 类别
+    createPerson: '2', // 创建人
+    createTime: '2', // 创建时间
+    status: '未通过', // 审批状态0未通过
+    isStart: false,
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = ref([
+  {
+    text: '名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '文件号',
+    value: 'fileNumber',
+  },
+  {
+    text: '类别',
+    value: 'type',
+  },
+  {
+    text: '创建人',
+    value: 'createPerson',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+])
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 新建
+const add = () => {
+  typeValue.value = 'add'
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用申请', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IlistType, val: string) => {
+  if (val === '取消') {
+    ElMessageBox.confirm(
+      '确认取消吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '取消成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '同意') {
+    isShowDialog.value = true
+    approveOpinion.value = '1'
+  }
+  else if (val === '驳回') {
+    isShowDialog.value = true
+    approveOpinion.value = '2'
+  }
+  else if (val === '拒绝') {
+    isShowDialog.value = true
+    approveOpinion.value = '0'
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'box') { // 草稿箱
+
+  }
+  else if (val === 'will') { // 未审批
+
+  }
+  else if (val === 'ing') { // 审批中
+
+  }
+  else if (val === 'pass') { // 已通过
+
+  }
+  else if (val === 'notPass') { // 未通过
+
+  }
+  else if (val === 'cancle') { // 已取消
+
+  }
+  else { // 全部
+
+  }
+}
+// 监听关闭对话框
+const closeDialog = () => {
+  isShowDialog.value = false
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'add' && typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'add' && typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="add">
+          新建
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="290">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '同意')"
+              >
+                同意
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '驳回')"
+              >
+                驳回
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '拒绝')"
+              >
+                拒绝
+              </el-button>
+              <!-- 是发起者且审批中可以取消 -->
+              <el-button
+                :disabled="row.status === '审批中' && row.isStart"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '取消')"
+              >
+                取消
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                :disabled="row.status === '未通过' || row.status === '已通过' || !row.isStart"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box v-if="typeValue !== 'add' && typeValue !== 'check'" :active="active" @changeCurrentButton="changeCurrentButton" />
+    <receive-dialog :is-show-dialog="isShowDialog" :approve-opinion="approveOpinion" @closeDialog="closeDialog" />
+    <create-or-check
+      v-if="typeValue === 'add' || typeValue === 'check'"
+      :type-value="typeValue"
+      @close="close"
+    />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
 </style>
+
diff --git a/src/views/device/deviceMaintenance/manageCheckList.vue b/src/views/device/deviceMaintenance/manageCheckList.vue
index a4ace73..1df82e3 100644
--- a/src/views/device/deviceMaintenance/manageCheckList.vue
+++ b/src/views/device/deviceMaintenance/manageCheckList.vue
@@ -1,4 +1,4 @@
-<script lang="ts" setup name="ManageCheckList">
+<!-- <script lang="ts" setup name="ManageCheckList">
 // 逻辑代码
 </script>
 
@@ -10,4 +10,372 @@
 
 <style lang="scss" scoped>
 // 样式
+</style> -->
+<script lang="ts" setup name="SolveList">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IsolveListType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/solveComponent/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import detail from '@/views/device/receive/solveComponent/detail.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref('unused') // 选中的按钮
+const type = {
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = [
+  {
+    text: '申请编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '申请名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '申请部门',
+    value: 'dep',
+  },
+  {
+    text: '申请人',
+    value: 'person',
+  },
+  {
+    text: '申请时间',
+    value: 'date',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+]
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IsolveListType, index: number) => ({ index: index + 1, number: item.number, name: item.name, dep: item.dep, person: item.person, date: item.date, status: item.status })),
+      name: '设备领用处理',
+      titleArr: ['序号', '申请编号', '申请名称', '申请部门', '申请人', '申请时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IsolveListType, index: number) => ({ index: index + 1, number: item.number, name: item.name, dep: item.dep, person: item.person, date: item.date, status: item.status })),
+      name: '设备领用处理',
+      titleArr: ['序号', '申请编号', '申请名称', '申请部门', '申请人', '申请时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用处理', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IsolveListType, val: string) => {
+  if (val === '领用') {
+    ElMessageBox.confirm(
+      '确认领用吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调领用接口
+        ElMessage({
+          type: 'success',
+          message: '领用成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调删除接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '退领') {
+    ElMessageBox.confirm(
+      '确认退领吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调退领接口
+        ElMessage({
+          type: 'success',
+          message: '退领成功',
+        })
+      })
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 右上角按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'unused') { // 未领用
+
+  }
+  else if (val === 'used') { // 已领用
+
+  }
+}
+// 标签识别
+const execTag = () => {
+
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="execTag">
+          标签识别
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="180">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                v-if="active === 'unused'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '领用')"
+              >
+                领用
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                v-if="active === 'unused'"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+              <el-button
+                v-if="active === 'used'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '退领')"
+              >
+                退领
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box
+      v-if="typeValue !== 'check'"
+      :active="active"
+      @changeCurrentButton="changeCurrentButton"
+    />
+    <detail v-if="typeValue === 'check'" :type-value="typeValue" @close="close" />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
 </style>
+
diff --git a/src/views/device/receive/applyList.vue b/src/views/device/receive/applyList.vue
new file mode 100644
index 0000000..5ee8966
--- /dev/null
+++ b/src/views/device/receive/applyList.vue
@@ -0,0 +1,411 @@
+<script lang="ts" setup name="ApplyList">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IlistType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import createOrCheck from '@/views/device/receive/createOrCheck.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref() // 选中的按钮
+const isShowDialog = ref(false) // 是否显示dialog
+const approveOpinion = ref() // 审批意见：1同意2驳回0拒绝
+const type = {
+  add: '新建',
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    fileNumber: 'string', // 文件号
+    type: 'string', // 类别
+    createPerson: 'string', // 创建人
+    createTime: 'string', // 创建时间
+    status: '审批中', // 审批状态
+    isStart: true, // 是否是发起者
+  },
+  {
+    number: '1', // 编号
+    name: '1', // 名称
+    fileNumber: '1', // 文件号
+    type: '1', // 类别
+    createPerson: '1', // 创建人
+    createTime: '1', // 创建时间
+    status: '已通过', // 审批状态
+    isStart: false,
+  },
+  {
+    number: '2', // 编号
+    name: '2', // 名称
+    fileNumber: '2', // 文件号
+    type: '2', // 类别
+    createPerson: '2', // 创建人
+    createTime: '2', // 创建时间
+    status: '未通过', // 审批状态0未通过
+    isStart: false,
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = ref([
+  {
+    text: '名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '文件号',
+    value: 'fileNumber',
+  },
+  {
+    text: '类别',
+    value: 'type',
+  },
+  {
+    text: '创建人',
+    value: 'createPerson',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+])
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 新建
+const add = () => {
+  typeValue.value = 'add'
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用申请', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IlistType, val: string) => {
+  if (val === '取消') {
+    ElMessageBox.confirm(
+      '确认取消吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '取消成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '同意') {
+    isShowDialog.value = true
+    approveOpinion.value = '1'
+  }
+  else if (val === '驳回') {
+    isShowDialog.value = true
+    approveOpinion.value = '2'
+  }
+  else if (val === '拒绝') {
+    isShowDialog.value = true
+    approveOpinion.value = '0'
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'box') { // 草稿箱
+
+  }
+  else if (val === 'will') { // 未审批
+
+  }
+  else if (val === 'ing') { // 审批中
+
+  }
+  else if (val === 'pass') { // 已通过
+
+  }
+  else if (val === 'notPass') { // 未通过
+
+  }
+  else if (val === 'cancle') { // 已取消
+
+  }
+  else { // 全部
+
+  }
+}
+// 监听关闭对话框
+const closeDialog = () => {
+  isShowDialog.value = false
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'add' && typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'add' && typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="add">
+          新建
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="290">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '同意')"
+              >
+                同意
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '驳回')"
+              >
+                驳回
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '拒绝')"
+              >
+                拒绝
+              </el-button>
+              <!-- 是发起者且审批中可以取消 -->
+              <el-button
+                :disabled="row.status === '审批中' && row.isStart"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '取消')"
+              >
+                取消
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                :disabled="row.status === '未通过' || row.status === '已通过' || !row.isStart"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box v-if="typeValue !== 'add' && typeValue !== 'check'" :active="active" @changeCurrentButton="changeCurrentButton" />
+    <receive-dialog :is-show-dialog="isShowDialog" :approve-opinion="approveOpinion" @closeDialog="closeDialog" />
+    <create-or-check
+      v-if="typeValue === 'add' || typeValue === 'check'"
+      :type-value="typeValue"
+      @close="close"
+    />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
+
diff --git a/src/views/device/receive/buttonBox.vue b/src/views/device/receive/buttonBox.vue
new file mode 100644
index 0000000..aa02ce5
--- /dev/null
+++ b/src/views/device/receive/buttonBox.vue
@@ -0,0 +1,47 @@
+<script lang="ts" setup name="ButtonBox">
+import { ref } from 'vue'
+const emits = defineEmits(['changeCurrentButton'])
+const menu = [
+  { name: '全部', id: 'all' },
+  { name: '草稿箱', id: 'box' },
+  { name: '待审批', id: 'will' },
+  { name: '审批中', id: 'ing' },
+  { name: '已通过', id: 'pass' },
+  { name: '未通过', id: 'notPass' },
+  { name: '已取消', id: 'cancle' },
+]
+const current = ref('all')
+watch(current, (newValue) => {
+  console.log(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>
+    <!-- 展示区域 -->
+    <!-- <component :is="currentComp" /> -->
+  </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/device/receive/createOrCheck.vue b/src/views/device/receive/createOrCheck.vue
new file mode 100644
index 0000000..a40cae5
--- /dev/null
+++ b/src/views/device/receive/createOrCheck.vue
@@ -0,0 +1,411 @@
+<script lang="ts" setup name="CreateOrCheck">
+import { reactive, ref } from 'vue'
+import type { Ref } from 'vue'
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import type { IdeviceListQuery, Iform } from './receive'
+import SelectDeviceDialog from './selectDeviceDialog.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+
+const props = defineProps({
+  typeValue: String,
+})
+const emits = defineEmits(['close'])
+const isMulti = ref(false) // 是否批量添加(允许多选)
+const selectIndex = ref()
+const { proxy } = getCurrentInstance() as any
+const dialogSelectDiviceVisible = ref(false) // 控制选择设备对话框显隐
+const isShowDialog = ref(false) // 控制审批对话框显隐
+const total = ref(20)// 总数
+const approveOpinion = ref() // 审批意见：1同意2驳回0拒绝
+const type = {
+  add: '新建',
+  check: '查看',
+  normal: '正常',
+}
+const haveApproveLimits = ref(true)// 是否有审批权限
+const isStart = ref(false)// 是否是发起人
+// 选中的内容
+const checkoutList = ref([])
+// 表单数据
+const form = ref({
+  company: '申请单位', // 申请单位
+  person: '申请人1', // 申请人
+  time: '1', // 领用时间
+  state: '', // 申请说明
+})
+const ruleFormRef = ref<FormInstance>() as any
+const list = ref([{
+  name: '测试1', // 仪器名称
+  number: '测试1', // 设备编号
+  version: '测试1', // 型号
+  scope: '测试1', // 测量范围
+  dep: '测试1', // 使用部门
+  person: '测试1', // 使用人
+  status: '测试1', // 管理状态
+  date: '测试1', // 有效日期
+}, {
+  name: '测试2', // 仪器名称
+  number: '测试2', // 设备编号
+  version: '测试2', // 型号
+  scope: '测试2', // 测量范围
+  dep: '测试2', // 使用部门
+  person: '测试2', // 使用人
+  status: '测试2', // 管理状态
+  date: '测试2', // 有效日期
+}])// 表格数据
+// 查询条件
+const listQuery: Ref<IdeviceListQuery> = ref({
+  name: '', // 仪器名称
+  number: '', // 设备编号
+  version: '', // 型号
+  scope: '', // 测量范围
+  dep: '', // 使用部门
+  person: '', // 使用人
+  status: '', // 管理状态
+  date: '', // 有效日期
+  offset: 1,
+  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',
+  },
+]
+const rules = reactive<FormRules>({
+  company: [
+    { required: true, message: '请输入申请单位', trigger: 'blur' },
+    // { min: 3, max: 5, message: 'Length should be 3 to 5', trigger: 'blur' },
+  ],
+  person: [
+    { required: true, message: '请输入申请人', trigger: 'blur' },
+    // { min: 3, max: 5, message: 'Length should be 3 to 5', trigger: 'blur' },
+  ],
+  time: [
+    {
+      type: 'date',
+      required: true,
+      message: '请选择领用时间',
+      trigger: 'change',
+    },
+  ],
+})
+
+const handleClick = (val: string) => {
+// 1同意，2驳回，0拒绝，3提交，4撤回
+  if (val === '3') { // 提交
+    ruleFormRef.value.validate((valid: boolean) => {
+      if (valid) {
+        console.log('submit!')
+      }
+      else {
+        console.log('表单提交失败')
+      }
+    })
+  }
+  else if (val === '1') {
+    isShowDialog.value = true
+    approveOpinion.value = '1'
+  }
+  else if (val === '2') {
+    isShowDialog.value = true
+    approveOpinion.value = '2'
+  }
+  else if (val === '0') {
+    isShowDialog.value = true
+    approveOpinion.value = '0'
+  }
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 删除行
+const delRow = () => {
+  console.log(checkoutList.value)
+
+  if (checkoutList.value.length <= 0) {
+    ElMessage({
+      message: '请选中要删除的行',
+      type: 'warning',
+    })
+  }
+  else {
+    // 调删除接口
+    checkoutList.value.forEach((item: IdeviceListQuery) => {
+      // if (!item.name && !item.number) {
+      list.value.forEach((element, index) => {
+        if (element.name === item.name && element.number === item.number) {
+          list.value.splice(index, 1)
+        }
+      })
+      // }
+    })
+  }
+}
+// 增加行
+const addRow = () => {
+  list.value.push({
+    name: '', // 仪器名称
+    number: '', // 设备编号
+    version: '', // 型号
+    scope: '', // 测量范围
+    dep: '', // 使用部门
+    person: '', // 使用人
+    status: '', // 管理状态
+    date: '', // 有效日期
+  })
+}
+// 点击选择
+const handleSelect = (index: number, row: IdeviceListQuery) => {
+  dialogSelectDiviceVisible.value = true
+  isMulti.value = false
+  selectIndex.value = index
+  console.log('选中的index', row)
+}
+// 点击批量添加
+const multiAdd = () => {
+  dialogSelectDiviceVisible.value = true
+  isMulti.value = true
+}
+// 点击关闭
+const close = () => {
+  emits('close')
+}
+// 选择涉笔对话框关闭
+const closeDialog = () => {
+  dialogSelectDiviceVisible.value = false
+  isShowDialog.value = false
+}
+// 选择好设备了
+const updateDeviceConfirm = (val: any) => {
+  if (isMulti.value) {
+    val.forEach((item: any) => {
+      list.value.push(item)
+    })
+  }
+  else {
+    list.value.splice(selectIndex.value, 1, val[0])
+  }
+}
+</script>
+
+<template>
+  <app-container>
+    <div class="create-check">
+      <div class="top-info">
+        <div class="title-button">
+          <h4 class="title">
+            基本信息
+          </h4>
+          <div class="button-group">
+            <el-button v-if="haveApproveLimits && !isStart && typeValue === 'add'" type="primary" plain @click="handleClick('1')">
+              同意
+            </el-button>
+            <el-button v-if="haveApproveLimits && !isStart && typeValue === 'add'" type="primary" plain @click="handleClick('2')">
+              驳回
+            </el-button>
+            <el-button v-if="haveApproveLimits && !isStart && typeValue === 'add'" type="primary" plain @click="handleClick('0')">
+              拒绝
+            </el-button>
+            <el-button v-if="isStart && typeValue === 'add'" type="primary" plain @click="handleClick('3')">
+              提交
+            </el-button>
+            <el-button v-if="isStart && typeValue === 'add'" type="primary" plain @click="handleClick('4')">
+              撤回
+            </el-button>
+            <el-button type="primary" plain @click="close">
+              关闭
+            </el-button>
+          </div>
+        </div>
+
+        <div class="form-area">
+          <el-form
+            ref="ruleFormRef"
+            :model="form"
+            label-width="120px"
+            :rules="rules"
+          >
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="申请单位" prop="company">
+                  <el-input v-model="form.company" clearable />
+                </el-form-item>
+                <el-form-item label="申请人" prop="person">
+                  <el-input v-model="form.person" clearable />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="领用时间" prop="time">
+                  <el-date-picker
+                    v-model="form.time"
+                    type="datetime"
+                    placeholder="请选择领用时间"
+                  />
+                </el-form-item>
+                <el-form-item label="申请说明">
+                  <el-input v-model="form.state" type="textarea" clearable />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+      </div>
+      <table-container title="设备领用列表">
+        <template #btns-right>
+          <el-button type="primary" @click="multiAdd">
+            批量添加
+          </el-button>
+          <el-button type="primary" @click="addRow">
+            增加行
+          </el-button>
+          <el-button type="primary" @click="delRow">
+            删除行
+          </el-button>
+        </template>
+        <normal-table
+          :data="list" :total="total" :columns="columns" :query="listQuery"
+          is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+        >
+          <template #preColumns>
+            <el-table-column label="#" width="55" align="center">
+              <template #default="scope">
+                {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+              </template>
+            </el-table-column>
+          </template>
+          <template #columns>
+            <el-table-column label="操作" align="center" width="120">
+              <template #default="scope">
+                <el-button
+                  size="small"
+                  type="primary"
+                  link
+                  @click="handleSelect(scope.$index, scope.row)"
+                >
+                  选择
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </table-container>
+
+      <table-container title="审批流程">
+        <!-- <normal-table
+          :data="list" :total="total" :columns="columns" :query="listQuery"
+          is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+        >
+          <template #preColumns>
+            <el-table-column label="#" width="55" align="center">
+              <template #default="scope">
+                {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+              </template>
+            </el-table-column>
+          </template>
+          <template #columns>
+            <el-table-column label="操作" align="center" width="120">
+              <template #default="{ row }">
+                <el-button
+                  size="small"
+                  type="primary"
+                  link
+                  @click="handleSelect(row.$index, row)"
+                >
+                  选择
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table> -->
+      </table-container>
+    </div>
+  </app-container>
+  <select-device-dialog
+    :dialog-select-divice-visible="dialogSelectDiviceVisible"
+    :is-multi="isMulti"
+    @closeDialog="closeDialog"
+    @updateDeviceConfirm="updateDeviceConfirm"
+  />
+
+  <!-- 同意、驳回、拒绝对话框显示 -->
+  <receive-dialog
+    :is-show-dialog="isShowDialog"
+    :approve-opinion="approveOpinion"
+    @closeDialog="closeDialog"
+  />
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.create-check {
+  .top-info {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    padding-right: 10px;
+    border-radius: 10px;
+    background-color: #fff;
+
+    .title-button {
+      display: flex;
+      align-items: center;
+
+      &::before {
+        content: "";
+        flex: 1;
+      }
+
+      .button-group {
+        flex: 1;
+        display: flex;
+        justify-content: flex-end;
+      }
+    }
+
+    .form-area {
+      margin-top: 40px;
+    }
+  }
+}
+</style>

diff --git a/src/api/system/process.ts b/src/api/system/process.ts
new file mode 100644
index 0000000..8da9b84
--- /dev/null
+++ b/src/api/system/process.ts
@@ -0,0 +1,12 @@
+// 流程管理接口
+import request from '../index'
+const prefix = '/system/flow'
+
+// 价格列表查询
+export function getProcessList(data: object) {
+  return request({
+    url: `${prefix}/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 2b110cb..046291a 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -11,6 +11,11 @@
     type: Boolean,
     default: false,
   },
+  // 是否允许多选
+  isMulti: {
+    type: Boolean,
+    default: true,
+  },
   // 查询条件，此处主要需要分页的条件
   query: {
     type: Object,
@@ -152,11 +157,34 @@
   initColumnsState()
   changeColumns()
 })
+// 多选框单选功能
+const selectClick = (selection: any, row: any) => {
+  if (!props.isMulti) {
+    console.log('selectClick')
+    if (selection.length > 1) {
+      const del_row = selection.shift()
+      table.value.toggleRowSelection(del_row, false) // 用于多选表格，切换某一行的选中状态，如果使用了第二个参数，则是设置这一行选中与否（selected 为 true 则选中）
+    }
+  }
+}
 </script>
 
 <template>
-  <div class="normal-table">
-    <el-table id="print" ref="table" v-loading="loading" :data="data" height="height" border stripe :size="size" style="width: 100%;" @selection-change="handleSelectionChange">
+  <div :class="isMulti ? 'normal-table' : 'single-table'">
+    <el-table
+      id="print"
+      ref="table"
+      v-loading="loading"
+      :data="data"
+      height="height"
+      border
+      stripe
+      :size="size"
+      style="width: 100%;"
+      @selection-change="handleSelectionChange"
+      @select="selectClick"
+      @row-click="rowClick"
+    >
       <el-table-column v-if="isShowmultiSelect" type="selection" width="55" />
       <slot name="preColumns" />
       <el-table-column v-for="column of columns" :key="column.value" :label="column.text" :prop="column.value" :width="column.width" :align="column.align" :show-overflow-tooltip="column.showOverflow ? column.showOverflow : true" />
@@ -180,5 +208,14 @@
 <style lang="scss" scoped>
 .normal-table {
   width: 100%;
+  // 隐藏全选按钮
+}
+
+.single-table {
+  width: 100%;
+
+  :deep(.el-table th.el-table__cell:nth-child(1) .cell) {
+    visibility: hidden;
+  }
 }
 </style>
diff --git a/src/router/modules/device.ts b/src/router/modules/device.ts
index 55b4d14..d6c1c91 100644
--- a/src/router/modules/device.ts
+++ b/src/router/modules/device.ts
@@ -281,6 +281,40 @@
       },
     ],
   },
+  {
+    path: '/receive',
+    component: Layout,
+    redirect: '/device/receive/applyList',
+    name: 'Receive',
+    meta: {
+      title: '设备领用',
+      icon: 'ep:key',
+      auth: '/device/receive',
+    },
+    children: [
+      {
+        path: 'applyList',
+        name: 'ApplyList',
+        component: () => import('@/views/device/receive/applyList.vue'),
+        meta: {
+          title: '设备领用申请',
+          icon: 'ep:key',
+          auth: '/device/receive/applyList',
+        },
+      },
+      {
+        path: 'solveList',
+        name: 'SolveList',
+        component: () => import('@/views/device/receive/solveList.vue'),
+        meta: {
+          title: '设备领用处理',
+          icon: 'ep:key',
+          auth: '/device/receive/solveList',
+        },
+      },
+    ],
+  },
+
 ]
 
 export default routes
diff --git a/src/views/device/deviceMaintenance/maintenanceList.vue b/src/views/device/deviceMaintenance/maintenanceList.vue
index 3c91abd..9da2abd 100644
--- a/src/views/device/deviceMaintenance/maintenanceList.vue
+++ b/src/views/device/deviceMaintenance/maintenanceList.vue
@@ -1,4 +1,4 @@
-<script lang="ts" setup name="MaintenanceList">
+<!-- <script lang="ts" setup name="MaintenanceList">
 // 逻辑代码
 </script>
 
@@ -10,4 +10,416 @@
 
 <style lang="scss" scoped>
 // 样式
+</style> -->
+
+<script lang="ts" setup name="Receive">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IlistType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import createOrCheck from '@/views/device/receive/createOrCheck.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref() // 选中的按钮
+const isShowDialog = ref(false) // 是否显示dialog
+const approveOpinion = ref() // 审批意见：1同意2驳回0拒绝
+const type = {
+  add: '新建',
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    fileNumber: 'string', // 文件号
+    type: 'string', // 类别
+    createPerson: 'string', // 创建人
+    createTime: 'string', // 创建时间
+    status: '审批中', // 审批状态
+    isStart: true, // 是否是发起者
+  },
+  {
+    number: '1', // 编号
+    name: '1', // 名称
+    fileNumber: '1', // 文件号
+    type: '1', // 类别
+    createPerson: '1', // 创建人
+    createTime: '1', // 创建时间
+    status: '已通过', // 审批状态
+    isStart: false,
+  },
+  {
+    number: '2', // 编号
+    name: '2', // 名称
+    fileNumber: '2', // 文件号
+    type: '2', // 类别
+    createPerson: '2', // 创建人
+    createTime: '2', // 创建时间
+    status: '未通过', // 审批状态0未通过
+    isStart: false,
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = ref([
+  {
+    text: '名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '文件号',
+    value: 'fileNumber',
+  },
+  {
+    text: '类别',
+    value: 'type',
+  },
+  {
+    text: '创建人',
+    value: 'createPerson',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+])
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 新建
+const add = () => {
+  typeValue.value = 'add'
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用申请', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IlistType, val: string) => {
+  if (val === '取消') {
+    ElMessageBox.confirm(
+      '确认取消吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '取消成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '同意') {
+    isShowDialog.value = true
+    approveOpinion.value = '1'
+  }
+  else if (val === '驳回') {
+    isShowDialog.value = true
+    approveOpinion.value = '2'
+  }
+  else if (val === '拒绝') {
+    isShowDialog.value = true
+    approveOpinion.value = '0'
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'box') { // 草稿箱
+
+  }
+  else if (val === 'will') { // 未审批
+
+  }
+  else if (val === 'ing') { // 审批中
+
+  }
+  else if (val === 'pass') { // 已通过
+
+  }
+  else if (val === 'notPass') { // 未通过
+
+  }
+  else if (val === 'cancle') { // 已取消
+
+  }
+  else { // 全部
+
+  }
+}
+// 监听关闭对话框
+const closeDialog = () => {
+  isShowDialog.value = false
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'add' && typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'add' && typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="add">
+          新建
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="290">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '同意')"
+              >
+                同意
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '驳回')"
+              >
+                驳回
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '拒绝')"
+              >
+                拒绝
+              </el-button>
+              <!-- 是发起者且审批中可以取消 -->
+              <el-button
+                :disabled="row.status === '审批中' && row.isStart"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '取消')"
+              >
+                取消
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                :disabled="row.status === '未通过' || row.status === '已通过' || !row.isStart"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box v-if="typeValue !== 'add' && typeValue !== 'check'" :active="active" @changeCurrentButton="changeCurrentButton" />
+    <receive-dialog :is-show-dialog="isShowDialog" :approve-opinion="approveOpinion" @closeDialog="closeDialog" />
+    <create-or-check
+      v-if="typeValue === 'add' || typeValue === 'check'"
+      :type-value="typeValue"
+      @close="close"
+    />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
 </style>
+
diff --git a/src/views/device/deviceMaintenance/manageCheckList.vue b/src/views/device/deviceMaintenance/manageCheckList.vue
index a4ace73..1df82e3 100644
--- a/src/views/device/deviceMaintenance/manageCheckList.vue
+++ b/src/views/device/deviceMaintenance/manageCheckList.vue
@@ -1,4 +1,4 @@
-<script lang="ts" setup name="ManageCheckList">
+<!-- <script lang="ts" setup name="ManageCheckList">
 // 逻辑代码
 </script>
 
@@ -10,4 +10,372 @@
 
 <style lang="scss" scoped>
 // 样式
+</style> -->
+<script lang="ts" setup name="SolveList">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IsolveListType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/solveComponent/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import detail from '@/views/device/receive/solveComponent/detail.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref('unused') // 选中的按钮
+const type = {
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = [
+  {
+    text: '申请编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '申请名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '申请部门',
+    value: 'dep',
+  },
+  {
+    text: '申请人',
+    value: 'person',
+  },
+  {
+    text: '申请时间',
+    value: 'date',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+]
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IsolveListType, index: number) => ({ index: index + 1, number: item.number, name: item.name, dep: item.dep, person: item.person, date: item.date, status: item.status })),
+      name: '设备领用处理',
+      titleArr: ['序号', '申请编号', '申请名称', '申请部门', '申请人', '申请时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IsolveListType, index: number) => ({ index: index + 1, number: item.number, name: item.name, dep: item.dep, person: item.person, date: item.date, status: item.status })),
+      name: '设备领用处理',
+      titleArr: ['序号', '申请编号', '申请名称', '申请部门', '申请人', '申请时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用处理', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IsolveListType, val: string) => {
+  if (val === '领用') {
+    ElMessageBox.confirm(
+      '确认领用吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调领用接口
+        ElMessage({
+          type: 'success',
+          message: '领用成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调删除接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '退领') {
+    ElMessageBox.confirm(
+      '确认退领吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调退领接口
+        ElMessage({
+          type: 'success',
+          message: '退领成功',
+        })
+      })
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 右上角按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'unused') { // 未领用
+
+  }
+  else if (val === 'used') { // 已领用
+
+  }
+}
+// 标签识别
+const execTag = () => {
+
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="execTag">
+          标签识别
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="180">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                v-if="active === 'unused'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '领用')"
+              >
+                领用
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                v-if="active === 'unused'"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+              <el-button
+                v-if="active === 'used'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '退领')"
+              >
+                退领
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box
+      v-if="typeValue !== 'check'"
+      :active="active"
+      @changeCurrentButton="changeCurrentButton"
+    />
+    <detail v-if="typeValue === 'check'" :type-value="typeValue" @close="close" />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
 </style>
+
diff --git a/src/views/device/receive/applyList.vue b/src/views/device/receive/applyList.vue
new file mode 100644
index 0000000..5ee8966
--- /dev/null
+++ b/src/views/device/receive/applyList.vue
@@ -0,0 +1,411 @@
+<script lang="ts" setup name="ApplyList">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IlistType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import createOrCheck from '@/views/device/receive/createOrCheck.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref() // 选中的按钮
+const isShowDialog = ref(false) // 是否显示dialog
+const approveOpinion = ref() // 审批意见：1同意2驳回0拒绝
+const type = {
+  add: '新建',
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    fileNumber: 'string', // 文件号
+    type: 'string', // 类别
+    createPerson: 'string', // 创建人
+    createTime: 'string', // 创建时间
+    status: '审批中', // 审批状态
+    isStart: true, // 是否是发起者
+  },
+  {
+    number: '1', // 编号
+    name: '1', // 名称
+    fileNumber: '1', // 文件号
+    type: '1', // 类别
+    createPerson: '1', // 创建人
+    createTime: '1', // 创建时间
+    status: '已通过', // 审批状态
+    isStart: false,
+  },
+  {
+    number: '2', // 编号
+    name: '2', // 名称
+    fileNumber: '2', // 文件号
+    type: '2', // 类别
+    createPerson: '2', // 创建人
+    createTime: '2', // 创建时间
+    status: '未通过', // 审批状态0未通过
+    isStart: false,
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = ref([
+  {
+    text: '名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '文件号',
+    value: 'fileNumber',
+  },
+  {
+    text: '类别',
+    value: 'type',
+  },
+  {
+    text: '创建人',
+    value: 'createPerson',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+])
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 新建
+const add = () => {
+  typeValue.value = 'add'
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用申请', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IlistType, val: string) => {
+  if (val === '取消') {
+    ElMessageBox.confirm(
+      '确认取消吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '取消成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '同意') {
+    isShowDialog.value = true
+    approveOpinion.value = '1'
+  }
+  else if (val === '驳回') {
+    isShowDialog.value = true
+    approveOpinion.value = '2'
+  }
+  else if (val === '拒绝') {
+    isShowDialog.value = true
+    approveOpinion.value = '0'
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'box') { // 草稿箱
+
+  }
+  else if (val === 'will') { // 未审批
+
+  }
+  else if (val === 'ing') { // 审批中
+
+  }
+  else if (val === 'pass') { // 已通过
+
+  }
+  else if (val === 'notPass') { // 未通过
+
+  }
+  else if (val === 'cancle') { // 已取消
+
+  }
+  else { // 全部
+
+  }
+}
+// 监听关闭对话框
+const closeDialog = () => {
+  isShowDialog.value = false
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'add' && typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'add' && typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="add">
+          新建
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="290">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '同意')"
+              >
+                同意
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '驳回')"
+              >
+                驳回
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '拒绝')"
+              >
+                拒绝
+              </el-button>
+              <!-- 是发起者且审批中可以取消 -->
+              <el-button
+                :disabled="row.status === '审批中' && row.isStart"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '取消')"
+              >
+                取消
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                :disabled="row.status === '未通过' || row.status === '已通过' || !row.isStart"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box v-if="typeValue !== 'add' && typeValue !== 'check'" :active="active" @changeCurrentButton="changeCurrentButton" />
+    <receive-dialog :is-show-dialog="isShowDialog" :approve-opinion="approveOpinion" @closeDialog="closeDialog" />
+    <create-or-check
+      v-if="typeValue === 'add' || typeValue === 'check'"
+      :type-value="typeValue"
+      @close="close"
+    />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
+
diff --git a/src/views/device/receive/buttonBox.vue b/src/views/device/receive/buttonBox.vue
new file mode 100644
index 0000000..aa02ce5
--- /dev/null
+++ b/src/views/device/receive/buttonBox.vue
@@ -0,0 +1,47 @@
+<script lang="ts" setup name="ButtonBox">
+import { ref } from 'vue'
+const emits = defineEmits(['changeCurrentButton'])
+const menu = [
+  { name: '全部', id: 'all' },
+  { name: '草稿箱', id: 'box' },
+  { name: '待审批', id: 'will' },
+  { name: '审批中', id: 'ing' },
+  { name: '已通过', id: 'pass' },
+  { name: '未通过', id: 'notPass' },
+  { name: '已取消', id: 'cancle' },
+]
+const current = ref('all')
+watch(current, (newValue) => {
+  console.log(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>
+    <!-- 展示区域 -->
+    <!-- <component :is="currentComp" /> -->
+  </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/device/receive/createOrCheck.vue b/src/views/device/receive/createOrCheck.vue
new file mode 100644
index 0000000..a40cae5
--- /dev/null
+++ b/src/views/device/receive/createOrCheck.vue
@@ -0,0 +1,411 @@
+<script lang="ts" setup name="CreateOrCheck">
+import { reactive, ref } from 'vue'
+import type { Ref } from 'vue'
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import type { IdeviceListQuery, Iform } from './receive'
+import SelectDeviceDialog from './selectDeviceDialog.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+
+const props = defineProps({
+  typeValue: String,
+})
+const emits = defineEmits(['close'])
+const isMulti = ref(false) // 是否批量添加(允许多选)
+const selectIndex = ref()
+const { proxy } = getCurrentInstance() as any
+const dialogSelectDiviceVisible = ref(false) // 控制选择设备对话框显隐
+const isShowDialog = ref(false) // 控制审批对话框显隐
+const total = ref(20)// 总数
+const approveOpinion = ref() // 审批意见：1同意2驳回0拒绝
+const type = {
+  add: '新建',
+  check: '查看',
+  normal: '正常',
+}
+const haveApproveLimits = ref(true)// 是否有审批权限
+const isStart = ref(false)// 是否是发起人
+// 选中的内容
+const checkoutList = ref([])
+// 表单数据
+const form = ref({
+  company: '申请单位', // 申请单位
+  person: '申请人1', // 申请人
+  time: '1', // 领用时间
+  state: '', // 申请说明
+})
+const ruleFormRef = ref<FormInstance>() as any
+const list = ref([{
+  name: '测试1', // 仪器名称
+  number: '测试1', // 设备编号
+  version: '测试1', // 型号
+  scope: '测试1', // 测量范围
+  dep: '测试1', // 使用部门
+  person: '测试1', // 使用人
+  status: '测试1', // 管理状态
+  date: '测试1', // 有效日期
+}, {
+  name: '测试2', // 仪器名称
+  number: '测试2', // 设备编号
+  version: '测试2', // 型号
+  scope: '测试2', // 测量范围
+  dep: '测试2', // 使用部门
+  person: '测试2', // 使用人
+  status: '测试2', // 管理状态
+  date: '测试2', // 有效日期
+}])// 表格数据
+// 查询条件
+const listQuery: Ref<IdeviceListQuery> = ref({
+  name: '', // 仪器名称
+  number: '', // 设备编号
+  version: '', // 型号
+  scope: '', // 测量范围
+  dep: '', // 使用部门
+  person: '', // 使用人
+  status: '', // 管理状态
+  date: '', // 有效日期
+  offset: 1,
+  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',
+  },
+]
+const rules = reactive<FormRules>({
+  company: [
+    { required: true, message: '请输入申请单位', trigger: 'blur' },
+    // { min: 3, max: 5, message: 'Length should be 3 to 5', trigger: 'blur' },
+  ],
+  person: [
+    { required: true, message: '请输入申请人', trigger: 'blur' },
+    // { min: 3, max: 5, message: 'Length should be 3 to 5', trigger: 'blur' },
+  ],
+  time: [
+    {
+      type: 'date',
+      required: true,
+      message: '请选择领用时间',
+      trigger: 'change',
+    },
+  ],
+})
+
+const handleClick = (val: string) => {
+// 1同意，2驳回，0拒绝，3提交，4撤回
+  if (val === '3') { // 提交
+    ruleFormRef.value.validate((valid: boolean) => {
+      if (valid) {
+        console.log('submit!')
+      }
+      else {
+        console.log('表单提交失败')
+      }
+    })
+  }
+  else if (val === '1') {
+    isShowDialog.value = true
+    approveOpinion.value = '1'
+  }
+  else if (val === '2') {
+    isShowDialog.value = true
+    approveOpinion.value = '2'
+  }
+  else if (val === '0') {
+    isShowDialog.value = true
+    approveOpinion.value = '0'
+  }
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 删除行
+const delRow = () => {
+  console.log(checkoutList.value)
+
+  if (checkoutList.value.length <= 0) {
+    ElMessage({
+      message: '请选中要删除的行',
+      type: 'warning',
+    })
+  }
+  else {
+    // 调删除接口
+    checkoutList.value.forEach((item: IdeviceListQuery) => {
+      // if (!item.name && !item.number) {
+      list.value.forEach((element, index) => {
+        if (element.name === item.name && element.number === item.number) {
+          list.value.splice(index, 1)
+        }
+      })
+      // }
+    })
+  }
+}
+// 增加行
+const addRow = () => {
+  list.value.push({
+    name: '', // 仪器名称
+    number: '', // 设备编号
+    version: '', // 型号
+    scope: '', // 测量范围
+    dep: '', // 使用部门
+    person: '', // 使用人
+    status: '', // 管理状态
+    date: '', // 有效日期
+  })
+}
+// 点击选择
+const handleSelect = (index: number, row: IdeviceListQuery) => {
+  dialogSelectDiviceVisible.value = true
+  isMulti.value = false
+  selectIndex.value = index
+  console.log('选中的index', row)
+}
+// 点击批量添加
+const multiAdd = () => {
+  dialogSelectDiviceVisible.value = true
+  isMulti.value = true
+}
+// 点击关闭
+const close = () => {
+  emits('close')
+}
+// 选择涉笔对话框关闭
+const closeDialog = () => {
+  dialogSelectDiviceVisible.value = false
+  isShowDialog.value = false
+}
+// 选择好设备了
+const updateDeviceConfirm = (val: any) => {
+  if (isMulti.value) {
+    val.forEach((item: any) => {
+      list.value.push(item)
+    })
+  }
+  else {
+    list.value.splice(selectIndex.value, 1, val[0])
+  }
+}
+</script>
+
+<template>
+  <app-container>
+    <div class="create-check">
+      <div class="top-info">
+        <div class="title-button">
+          <h4 class="title">
+            基本信息
+          </h4>
+          <div class="button-group">
+            <el-button v-if="haveApproveLimits && !isStart && typeValue === 'add'" type="primary" plain @click="handleClick('1')">
+              同意
+            </el-button>
+            <el-button v-if="haveApproveLimits && !isStart && typeValue === 'add'" type="primary" plain @click="handleClick('2')">
+              驳回
+            </el-button>
+            <el-button v-if="haveApproveLimits && !isStart && typeValue === 'add'" type="primary" plain @click="handleClick('0')">
+              拒绝
+            </el-button>
+            <el-button v-if="isStart && typeValue === 'add'" type="primary" plain @click="handleClick('3')">
+              提交
+            </el-button>
+            <el-button v-if="isStart && typeValue === 'add'" type="primary" plain @click="handleClick('4')">
+              撤回
+            </el-button>
+            <el-button type="primary" plain @click="close">
+              关闭
+            </el-button>
+          </div>
+        </div>
+
+        <div class="form-area">
+          <el-form
+            ref="ruleFormRef"
+            :model="form"
+            label-width="120px"
+            :rules="rules"
+          >
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="申请单位" prop="company">
+                  <el-input v-model="form.company" clearable />
+                </el-form-item>
+                <el-form-item label="申请人" prop="person">
+                  <el-input v-model="form.person" clearable />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="领用时间" prop="time">
+                  <el-date-picker
+                    v-model="form.time"
+                    type="datetime"
+                    placeholder="请选择领用时间"
+                  />
+                </el-form-item>
+                <el-form-item label="申请说明">
+                  <el-input v-model="form.state" type="textarea" clearable />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+      </div>
+      <table-container title="设备领用列表">
+        <template #btns-right>
+          <el-button type="primary" @click="multiAdd">
+            批量添加
+          </el-button>
+          <el-button type="primary" @click="addRow">
+            增加行
+          </el-button>
+          <el-button type="primary" @click="delRow">
+            删除行
+          </el-button>
+        </template>
+        <normal-table
+          :data="list" :total="total" :columns="columns" :query="listQuery"
+          is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+        >
+          <template #preColumns>
+            <el-table-column label="#" width="55" align="center">
+              <template #default="scope">
+                {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+              </template>
+            </el-table-column>
+          </template>
+          <template #columns>
+            <el-table-column label="操作" align="center" width="120">
+              <template #default="scope">
+                <el-button
+                  size="small"
+                  type="primary"
+                  link
+                  @click="handleSelect(scope.$index, scope.row)"
+                >
+                  选择
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </table-container>
+
+      <table-container title="审批流程">
+        <!-- <normal-table
+          :data="list" :total="total" :columns="columns" :query="listQuery"
+          is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+        >
+          <template #preColumns>
+            <el-table-column label="#" width="55" align="center">
+              <template #default="scope">
+                {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+              </template>
+            </el-table-column>
+          </template>
+          <template #columns>
+            <el-table-column label="操作" align="center" width="120">
+              <template #default="{ row }">
+                <el-button
+                  size="small"
+                  type="primary"
+                  link
+                  @click="handleSelect(row.$index, row)"
+                >
+                  选择
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table> -->
+      </table-container>
+    </div>
+  </app-container>
+  <select-device-dialog
+    :dialog-select-divice-visible="dialogSelectDiviceVisible"
+    :is-multi="isMulti"
+    @closeDialog="closeDialog"
+    @updateDeviceConfirm="updateDeviceConfirm"
+  />
+
+  <!-- 同意、驳回、拒绝对话框显示 -->
+  <receive-dialog
+    :is-show-dialog="isShowDialog"
+    :approve-opinion="approveOpinion"
+    @closeDialog="closeDialog"
+  />
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.create-check {
+  .top-info {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    padding-right: 10px;
+    border-radius: 10px;
+    background-color: #fff;
+
+    .title-button {
+      display: flex;
+      align-items: center;
+
+      &::before {
+        content: "";
+        flex: 1;
+      }
+
+      .button-group {
+        flex: 1;
+        display: flex;
+        justify-content: flex-end;
+      }
+    }
+
+    .form-area {
+      margin-top: 40px;
+    }
+  }
+}
+</style>
diff --git a/src/views/device/receive/receive.ts b/src/views/device/receive/receive.ts
new file mode 100644
index 0000000..3e4abdb
--- /dev/null
+++ b/src/views/device/receive/receive.ts
@@ -0,0 +1,47 @@
+export interface IlistQuery {
+  number?: string // 编号
+  name?: string // 名称
+  dep?: string // 部门
+  person?: string // 人
+  date?: string // 日期
+  offset: number
+  limit: number
+}
+
+export interface IlistType {
+  number: string // 编号
+  name: string // 名称
+  fileNumber: string// 文件号
+  type: string // 类别
+  createPerson: string // 创建人
+  createTime: string // 创建时间
+  status: string // 审批状态
+}
+export interface IsolveListType {
+  number: string // 申请编号
+  name: string // 申请名称
+  dep: string // 申请部门
+  person: string// 申请人
+  date: string // 申请时间
+  status: string // 审批状态
+}
+
+export interface Iform {
+  company: string // 申请单位
+  person: string // 申请人
+  time: string // 申请时间
+  state: string // 申请说明
+}
+// 新建-查看表格
+export interface IdeviceListQuery {
+  name: string // 仪器名称
+  number: string // 设备编号
+  version: string // 型号
+  scope: string // 测量范围
+  dep: string // 使用部门
+  person: string // 使用人
+  status: string // 管理状态
+  date: string // 有效日期
+  offset: number
+  limit: number
+}

diff --git a/src/api/system/process.ts b/src/api/system/process.ts
new file mode 100644
index 0000000..8da9b84
--- /dev/null
+++ b/src/api/system/process.ts
@@ -0,0 +1,12 @@
+// 流程管理接口
+import request from '../index'
+const prefix = '/system/flow'
+
+// 价格列表查询
+export function getProcessList(data: object) {
+  return request({
+    url: `${prefix}/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 2b110cb..046291a 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -11,6 +11,11 @@
     type: Boolean,
     default: false,
   },
+  // 是否允许多选
+  isMulti: {
+    type: Boolean,
+    default: true,
+  },
   // 查询条件，此处主要需要分页的条件
   query: {
     type: Object,
@@ -152,11 +157,34 @@
   initColumnsState()
   changeColumns()
 })
+// 多选框单选功能
+const selectClick = (selection: any, row: any) => {
+  if (!props.isMulti) {
+    console.log('selectClick')
+    if (selection.length > 1) {
+      const del_row = selection.shift()
+      table.value.toggleRowSelection(del_row, false) // 用于多选表格，切换某一行的选中状态，如果使用了第二个参数，则是设置这一行选中与否（selected 为 true 则选中）
+    }
+  }
+}
 </script>
 
 <template>
-  <div class="normal-table">
-    <el-table id="print" ref="table" v-loading="loading" :data="data" height="height" border stripe :size="size" style="width: 100%;" @selection-change="handleSelectionChange">
+  <div :class="isMulti ? 'normal-table' : 'single-table'">
+    <el-table
+      id="print"
+      ref="table"
+      v-loading="loading"
+      :data="data"
+      height="height"
+      border
+      stripe
+      :size="size"
+      style="width: 100%;"
+      @selection-change="handleSelectionChange"
+      @select="selectClick"
+      @row-click="rowClick"
+    >
       <el-table-column v-if="isShowmultiSelect" type="selection" width="55" />
       <slot name="preColumns" />
       <el-table-column v-for="column of columns" :key="column.value" :label="column.text" :prop="column.value" :width="column.width" :align="column.align" :show-overflow-tooltip="column.showOverflow ? column.showOverflow : true" />
@@ -180,5 +208,14 @@
 <style lang="scss" scoped>
 .normal-table {
   width: 100%;
+  // 隐藏全选按钮
+}
+
+.single-table {
+  width: 100%;
+
+  :deep(.el-table th.el-table__cell:nth-child(1) .cell) {
+    visibility: hidden;
+  }
 }
 </style>
diff --git a/src/router/modules/device.ts b/src/router/modules/device.ts
index 55b4d14..d6c1c91 100644
--- a/src/router/modules/device.ts
+++ b/src/router/modules/device.ts
@@ -281,6 +281,40 @@
       },
     ],
   },
+  {
+    path: '/receive',
+    component: Layout,
+    redirect: '/device/receive/applyList',
+    name: 'Receive',
+    meta: {
+      title: '设备领用',
+      icon: 'ep:key',
+      auth: '/device/receive',
+    },
+    children: [
+      {
+        path: 'applyList',
+        name: 'ApplyList',
+        component: () => import('@/views/device/receive/applyList.vue'),
+        meta: {
+          title: '设备领用申请',
+          icon: 'ep:key',
+          auth: '/device/receive/applyList',
+        },
+      },
+      {
+        path: 'solveList',
+        name: 'SolveList',
+        component: () => import('@/views/device/receive/solveList.vue'),
+        meta: {
+          title: '设备领用处理',
+          icon: 'ep:key',
+          auth: '/device/receive/solveList',
+        },
+      },
+    ],
+  },
+
 ]
 
 export default routes
diff --git a/src/views/device/deviceMaintenance/maintenanceList.vue b/src/views/device/deviceMaintenance/maintenanceList.vue
index 3c91abd..9da2abd 100644
--- a/src/views/device/deviceMaintenance/maintenanceList.vue
+++ b/src/views/device/deviceMaintenance/maintenanceList.vue
@@ -1,4 +1,4 @@
-<script lang="ts" setup name="MaintenanceList">
+<!-- <script lang="ts" setup name="MaintenanceList">
 // 逻辑代码
 </script>
 
@@ -10,4 +10,416 @@
 
 <style lang="scss" scoped>
 // 样式
+</style> -->
+
+<script lang="ts" setup name="Receive">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IlistType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import createOrCheck from '@/views/device/receive/createOrCheck.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref() // 选中的按钮
+const isShowDialog = ref(false) // 是否显示dialog
+const approveOpinion = ref() // 审批意见：1同意2驳回0拒绝
+const type = {
+  add: '新建',
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    fileNumber: 'string', // 文件号
+    type: 'string', // 类别
+    createPerson: 'string', // 创建人
+    createTime: 'string', // 创建时间
+    status: '审批中', // 审批状态
+    isStart: true, // 是否是发起者
+  },
+  {
+    number: '1', // 编号
+    name: '1', // 名称
+    fileNumber: '1', // 文件号
+    type: '1', // 类别
+    createPerson: '1', // 创建人
+    createTime: '1', // 创建时间
+    status: '已通过', // 审批状态
+    isStart: false,
+  },
+  {
+    number: '2', // 编号
+    name: '2', // 名称
+    fileNumber: '2', // 文件号
+    type: '2', // 类别
+    createPerson: '2', // 创建人
+    createTime: '2', // 创建时间
+    status: '未通过', // 审批状态0未通过
+    isStart: false,
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = ref([
+  {
+    text: '名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '文件号',
+    value: 'fileNumber',
+  },
+  {
+    text: '类别',
+    value: 'type',
+  },
+  {
+    text: '创建人',
+    value: 'createPerson',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+])
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 新建
+const add = () => {
+  typeValue.value = 'add'
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用申请', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IlistType, val: string) => {
+  if (val === '取消') {
+    ElMessageBox.confirm(
+      '确认取消吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '取消成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '同意') {
+    isShowDialog.value = true
+    approveOpinion.value = '1'
+  }
+  else if (val === '驳回') {
+    isShowDialog.value = true
+    approveOpinion.value = '2'
+  }
+  else if (val === '拒绝') {
+    isShowDialog.value = true
+    approveOpinion.value = '0'
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'box') { // 草稿箱
+
+  }
+  else if (val === 'will') { // 未审批
+
+  }
+  else if (val === 'ing') { // 审批中
+
+  }
+  else if (val === 'pass') { // 已通过
+
+  }
+  else if (val === 'notPass') { // 未通过
+
+  }
+  else if (val === 'cancle') { // 已取消
+
+  }
+  else { // 全部
+
+  }
+}
+// 监听关闭对话框
+const closeDialog = () => {
+  isShowDialog.value = false
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'add' && typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'add' && typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="add">
+          新建
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="290">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '同意')"
+              >
+                同意
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '驳回')"
+              >
+                驳回
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '拒绝')"
+              >
+                拒绝
+              </el-button>
+              <!-- 是发起者且审批中可以取消 -->
+              <el-button
+                :disabled="row.status === '审批中' && row.isStart"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '取消')"
+              >
+                取消
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                :disabled="row.status === '未通过' || row.status === '已通过' || !row.isStart"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box v-if="typeValue !== 'add' && typeValue !== 'check'" :active="active" @changeCurrentButton="changeCurrentButton" />
+    <receive-dialog :is-show-dialog="isShowDialog" :approve-opinion="approveOpinion" @closeDialog="closeDialog" />
+    <create-or-check
+      v-if="typeValue === 'add' || typeValue === 'check'"
+      :type-value="typeValue"
+      @close="close"
+    />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
 </style>
+
diff --git a/src/views/device/deviceMaintenance/manageCheckList.vue b/src/views/device/deviceMaintenance/manageCheckList.vue
index a4ace73..1df82e3 100644
--- a/src/views/device/deviceMaintenance/manageCheckList.vue
+++ b/src/views/device/deviceMaintenance/manageCheckList.vue
@@ -1,4 +1,4 @@
-<script lang="ts" setup name="ManageCheckList">
+<!-- <script lang="ts" setup name="ManageCheckList">
 // 逻辑代码
 </script>
 
@@ -10,4 +10,372 @@
 
 <style lang="scss" scoped>
 // 样式
+</style> -->
+<script lang="ts" setup name="SolveList">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IsolveListType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/solveComponent/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import detail from '@/views/device/receive/solveComponent/detail.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref('unused') // 选中的按钮
+const type = {
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = [
+  {
+    text: '申请编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '申请名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '申请部门',
+    value: 'dep',
+  },
+  {
+    text: '申请人',
+    value: 'person',
+  },
+  {
+    text: '申请时间',
+    value: 'date',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+]
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IsolveListType, index: number) => ({ index: index + 1, number: item.number, name: item.name, dep: item.dep, person: item.person, date: item.date, status: item.status })),
+      name: '设备领用处理',
+      titleArr: ['序号', '申请编号', '申请名称', '申请部门', '申请人', '申请时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IsolveListType, index: number) => ({ index: index + 1, number: item.number, name: item.name, dep: item.dep, person: item.person, date: item.date, status: item.status })),
+      name: '设备领用处理',
+      titleArr: ['序号', '申请编号', '申请名称', '申请部门', '申请人', '申请时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用处理', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IsolveListType, val: string) => {
+  if (val === '领用') {
+    ElMessageBox.confirm(
+      '确认领用吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调领用接口
+        ElMessage({
+          type: 'success',
+          message: '领用成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调删除接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '退领') {
+    ElMessageBox.confirm(
+      '确认退领吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调退领接口
+        ElMessage({
+          type: 'success',
+          message: '退领成功',
+        })
+      })
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 右上角按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'unused') { // 未领用
+
+  }
+  else if (val === 'used') { // 已领用
+
+  }
+}
+// 标签识别
+const execTag = () => {
+
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="execTag">
+          标签识别
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="180">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                v-if="active === 'unused'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '领用')"
+              >
+                领用
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                v-if="active === 'unused'"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+              <el-button
+                v-if="active === 'used'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '退领')"
+              >
+                退领
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box
+      v-if="typeValue !== 'check'"
+      :active="active"
+      @changeCurrentButton="changeCurrentButton"
+    />
+    <detail v-if="typeValue === 'check'" :type-value="typeValue" @close="close" />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
 </style>
+
diff --git a/src/views/device/receive/applyList.vue b/src/views/device/receive/applyList.vue
new file mode 100644
index 0000000..5ee8966
--- /dev/null
+++ b/src/views/device/receive/applyList.vue
@@ -0,0 +1,411 @@
+<script lang="ts" setup name="ApplyList">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IlistType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import createOrCheck from '@/views/device/receive/createOrCheck.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref() // 选中的按钮
+const isShowDialog = ref(false) // 是否显示dialog
+const approveOpinion = ref() // 审批意见：1同意2驳回0拒绝
+const type = {
+  add: '新建',
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    fileNumber: 'string', // 文件号
+    type: 'string', // 类别
+    createPerson: 'string', // 创建人
+    createTime: 'string', // 创建时间
+    status: '审批中', // 审批状态
+    isStart: true, // 是否是发起者
+  },
+  {
+    number: '1', // 编号
+    name: '1', // 名称
+    fileNumber: '1', // 文件号
+    type: '1', // 类别
+    createPerson: '1', // 创建人
+    createTime: '1', // 创建时间
+    status: '已通过', // 审批状态
+    isStart: false,
+  },
+  {
+    number: '2', // 编号
+    name: '2', // 名称
+    fileNumber: '2', // 文件号
+    type: '2', // 类别
+    createPerson: '2', // 创建人
+    createTime: '2', // 创建时间
+    status: '未通过', // 审批状态0未通过
+    isStart: false,
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = ref([
+  {
+    text: '名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '文件号',
+    value: 'fileNumber',
+  },
+  {
+    text: '类别',
+    value: 'type',
+  },
+  {
+    text: '创建人',
+    value: 'createPerson',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+])
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 新建
+const add = () => {
+  typeValue.value = 'add'
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用申请', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IlistType, val: string) => {
+  if (val === '取消') {
+    ElMessageBox.confirm(
+      '确认取消吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '取消成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '同意') {
+    isShowDialog.value = true
+    approveOpinion.value = '1'
+  }
+  else if (val === '驳回') {
+    isShowDialog.value = true
+    approveOpinion.value = '2'
+  }
+  else if (val === '拒绝') {
+    isShowDialog.value = true
+    approveOpinion.value = '0'
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'box') { // 草稿箱
+
+  }
+  else if (val === 'will') { // 未审批
+
+  }
+  else if (val === 'ing') { // 审批中
+
+  }
+  else if (val === 'pass') { // 已通过
+
+  }
+  else if (val === 'notPass') { // 未通过
+
+  }
+  else if (val === 'cancle') { // 已取消
+
+  }
+  else { // 全部
+
+  }
+}
+// 监听关闭对话框
+const closeDialog = () => {
+  isShowDialog.value = false
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'add' && typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'add' && typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="add">
+          新建
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="290">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '同意')"
+              >
+                同意
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '驳回')"
+              >
+                驳回
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '拒绝')"
+              >
+                拒绝
+              </el-button>
+              <!-- 是发起者且审批中可以取消 -->
+              <el-button
+                :disabled="row.status === '审批中' && row.isStart"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '取消')"
+              >
+                取消
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                :disabled="row.status === '未通过' || row.status === '已通过' || !row.isStart"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box v-if="typeValue !== 'add' && typeValue !== 'check'" :active="active" @changeCurrentButton="changeCurrentButton" />
+    <receive-dialog :is-show-dialog="isShowDialog" :approve-opinion="approveOpinion" @closeDialog="closeDialog" />
+    <create-or-check
+      v-if="typeValue === 'add' || typeValue === 'check'"
+      :type-value="typeValue"
+      @close="close"
+    />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
+
diff --git a/src/views/device/receive/buttonBox.vue b/src/views/device/receive/buttonBox.vue
new file mode 100644
index 0000000..aa02ce5
--- /dev/null
+++ b/src/views/device/receive/buttonBox.vue
@@ -0,0 +1,47 @@
+<script lang="ts" setup name="ButtonBox">
+import { ref } from 'vue'
+const emits = defineEmits(['changeCurrentButton'])
+const menu = [
+  { name: '全部', id: 'all' },
+  { name: '草稿箱', id: 'box' },
+  { name: '待审批', id: 'will' },
+  { name: '审批中', id: 'ing' },
+  { name: '已通过', id: 'pass' },
+  { name: '未通过', id: 'notPass' },
+  { name: '已取消', id: 'cancle' },
+]
+const current = ref('all')
+watch(current, (newValue) => {
+  console.log(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>
+    <!-- 展示区域 -->
+    <!-- <component :is="currentComp" /> -->
+  </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/device/receive/createOrCheck.vue b/src/views/device/receive/createOrCheck.vue
new file mode 100644
index 0000000..a40cae5
--- /dev/null
+++ b/src/views/device/receive/createOrCheck.vue
@@ -0,0 +1,411 @@
+<script lang="ts" setup name="CreateOrCheck">
+import { reactive, ref } from 'vue'
+import type { Ref } from 'vue'
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import type { IdeviceListQuery, Iform } from './receive'
+import SelectDeviceDialog from './selectDeviceDialog.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+
+const props = defineProps({
+  typeValue: String,
+})
+const emits = defineEmits(['close'])
+const isMulti = ref(false) // 是否批量添加(允许多选)
+const selectIndex = ref()
+const { proxy } = getCurrentInstance() as any
+const dialogSelectDiviceVisible = ref(false) // 控制选择设备对话框显隐
+const isShowDialog = ref(false) // 控制审批对话框显隐
+const total = ref(20)// 总数
+const approveOpinion = ref() // 审批意见：1同意2驳回0拒绝
+const type = {
+  add: '新建',
+  check: '查看',
+  normal: '正常',
+}
+const haveApproveLimits = ref(true)// 是否有审批权限
+const isStart = ref(false)// 是否是发起人
+// 选中的内容
+const checkoutList = ref([])
+// 表单数据
+const form = ref({
+  company: '申请单位', // 申请单位
+  person: '申请人1', // 申请人
+  time: '1', // 领用时间
+  state: '', // 申请说明
+})
+const ruleFormRef = ref<FormInstance>() as any
+const list = ref([{
+  name: '测试1', // 仪器名称
+  number: '测试1', // 设备编号
+  version: '测试1', // 型号
+  scope: '测试1', // 测量范围
+  dep: '测试1', // 使用部门
+  person: '测试1', // 使用人
+  status: '测试1', // 管理状态
+  date: '测试1', // 有效日期
+}, {
+  name: '测试2', // 仪器名称
+  number: '测试2', // 设备编号
+  version: '测试2', // 型号
+  scope: '测试2', // 测量范围
+  dep: '测试2', // 使用部门
+  person: '测试2', // 使用人
+  status: '测试2', // 管理状态
+  date: '测试2', // 有效日期
+}])// 表格数据
+// 查询条件
+const listQuery: Ref<IdeviceListQuery> = ref({
+  name: '', // 仪器名称
+  number: '', // 设备编号
+  version: '', // 型号
+  scope: '', // 测量范围
+  dep: '', // 使用部门
+  person: '', // 使用人
+  status: '', // 管理状态
+  date: '', // 有效日期
+  offset: 1,
+  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',
+  },
+]
+const rules = reactive<FormRules>({
+  company: [
+    { required: true, message: '请输入申请单位', trigger: 'blur' },
+    // { min: 3, max: 5, message: 'Length should be 3 to 5', trigger: 'blur' },
+  ],
+  person: [
+    { required: true, message: '请输入申请人', trigger: 'blur' },
+    // { min: 3, max: 5, message: 'Length should be 3 to 5', trigger: 'blur' },
+  ],
+  time: [
+    {
+      type: 'date',
+      required: true,
+      message: '请选择领用时间',
+      trigger: 'change',
+    },
+  ],
+})
+
+const handleClick = (val: string) => {
+// 1同意，2驳回，0拒绝，3提交，4撤回
+  if (val === '3') { // 提交
+    ruleFormRef.value.validate((valid: boolean) => {
+      if (valid) {
+        console.log('submit!')
+      }
+      else {
+        console.log('表单提交失败')
+      }
+    })
+  }
+  else if (val === '1') {
+    isShowDialog.value = true
+    approveOpinion.value = '1'
+  }
+  else if (val === '2') {
+    isShowDialog.value = true
+    approveOpinion.value = '2'
+  }
+  else if (val === '0') {
+    isShowDialog.value = true
+    approveOpinion.value = '0'
+  }
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 删除行
+const delRow = () => {
+  console.log(checkoutList.value)
+
+  if (checkoutList.value.length <= 0) {
+    ElMessage({
+      message: '请选中要删除的行',
+      type: 'warning',
+    })
+  }
+  else {
+    // 调删除接口
+    checkoutList.value.forEach((item: IdeviceListQuery) => {
+      // if (!item.name && !item.number) {
+      list.value.forEach((element, index) => {
+        if (element.name === item.name && element.number === item.number) {
+          list.value.splice(index, 1)
+        }
+      })
+      // }
+    })
+  }
+}
+// 增加行
+const addRow = () => {
+  list.value.push({
+    name: '', // 仪器名称
+    number: '', // 设备编号
+    version: '', // 型号
+    scope: '', // 测量范围
+    dep: '', // 使用部门
+    person: '', // 使用人
+    status: '', // 管理状态
+    date: '', // 有效日期
+  })
+}
+// 点击选择
+const handleSelect = (index: number, row: IdeviceListQuery) => {
+  dialogSelectDiviceVisible.value = true
+  isMulti.value = false
+  selectIndex.value = index
+  console.log('选中的index', row)
+}
+// 点击批量添加
+const multiAdd = () => {
+  dialogSelectDiviceVisible.value = true
+  isMulti.value = true
+}
+// 点击关闭
+const close = () => {
+  emits('close')
+}
+// 选择涉笔对话框关闭
+const closeDialog = () => {
+  dialogSelectDiviceVisible.value = false
+  isShowDialog.value = false
+}
+// 选择好设备了
+const updateDeviceConfirm = (val: any) => {
+  if (isMulti.value) {
+    val.forEach((item: any) => {
+      list.value.push(item)
+    })
+  }
+  else {
+    list.value.splice(selectIndex.value, 1, val[0])
+  }
+}
+</script>
+
+<template>
+  <app-container>
+    <div class="create-check">
+      <div class="top-info">
+        <div class="title-button">
+          <h4 class="title">
+            基本信息
+          </h4>
+          <div class="button-group">
+            <el-button v-if="haveApproveLimits && !isStart && typeValue === 'add'" type="primary" plain @click="handleClick('1')">
+              同意
+            </el-button>
+            <el-button v-if="haveApproveLimits && !isStart && typeValue === 'add'" type="primary" plain @click="handleClick('2')">
+              驳回
+            </el-button>
+            <el-button v-if="haveApproveLimits && !isStart && typeValue === 'add'" type="primary" plain @click="handleClick('0')">
+              拒绝
+            </el-button>
+            <el-button v-if="isStart && typeValue === 'add'" type="primary" plain @click="handleClick('3')">
+              提交
+            </el-button>
+            <el-button v-if="isStart && typeValue === 'add'" type="primary" plain @click="handleClick('4')">
+              撤回
+            </el-button>
+            <el-button type="primary" plain @click="close">
+              关闭
+            </el-button>
+          </div>
+        </div>
+
+        <div class="form-area">
+          <el-form
+            ref="ruleFormRef"
+            :model="form"
+            label-width="120px"
+            :rules="rules"
+          >
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="申请单位" prop="company">
+                  <el-input v-model="form.company" clearable />
+                </el-form-item>
+                <el-form-item label="申请人" prop="person">
+                  <el-input v-model="form.person" clearable />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="领用时间" prop="time">
+                  <el-date-picker
+                    v-model="form.time"
+                    type="datetime"
+                    placeholder="请选择领用时间"
+                  />
+                </el-form-item>
+                <el-form-item label="申请说明">
+                  <el-input v-model="form.state" type="textarea" clearable />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+      </div>
+      <table-container title="设备领用列表">
+        <template #btns-right>
+          <el-button type="primary" @click="multiAdd">
+            批量添加
+          </el-button>
+          <el-button type="primary" @click="addRow">
+            增加行
+          </el-button>
+          <el-button type="primary" @click="delRow">
+            删除行
+          </el-button>
+        </template>
+        <normal-table
+          :data="list" :total="total" :columns="columns" :query="listQuery"
+          is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+        >
+          <template #preColumns>
+            <el-table-column label="#" width="55" align="center">
+              <template #default="scope">
+                {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+              </template>
+            </el-table-column>
+          </template>
+          <template #columns>
+            <el-table-column label="操作" align="center" width="120">
+              <template #default="scope">
+                <el-button
+                  size="small"
+                  type="primary"
+                  link
+                  @click="handleSelect(scope.$index, scope.row)"
+                >
+                  选择
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </table-container>
+
+      <table-container title="审批流程">
+        <!-- <normal-table
+          :data="list" :total="total" :columns="columns" :query="listQuery"
+          is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+        >
+          <template #preColumns>
+            <el-table-column label="#" width="55" align="center">
+              <template #default="scope">
+                {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+              </template>
+            </el-table-column>
+          </template>
+          <template #columns>
+            <el-table-column label="操作" align="center" width="120">
+              <template #default="{ row }">
+                <el-button
+                  size="small"
+                  type="primary"
+                  link
+                  @click="handleSelect(row.$index, row)"
+                >
+                  选择
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table> -->
+      </table-container>
+    </div>
+  </app-container>
+  <select-device-dialog
+    :dialog-select-divice-visible="dialogSelectDiviceVisible"
+    :is-multi="isMulti"
+    @closeDialog="closeDialog"
+    @updateDeviceConfirm="updateDeviceConfirm"
+  />
+
+  <!-- 同意、驳回、拒绝对话框显示 -->
+  <receive-dialog
+    :is-show-dialog="isShowDialog"
+    :approve-opinion="approveOpinion"
+    @closeDialog="closeDialog"
+  />
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.create-check {
+  .top-info {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    padding-right: 10px;
+    border-radius: 10px;
+    background-color: #fff;
+
+    .title-button {
+      display: flex;
+      align-items: center;
+
+      &::before {
+        content: "";
+        flex: 1;
+      }
+
+      .button-group {
+        flex: 1;
+        display: flex;
+        justify-content: flex-end;
+      }
+    }
+
+    .form-area {
+      margin-top: 40px;
+    }
+  }
+}
+</style>
diff --git a/src/views/device/receive/receive.ts b/src/views/device/receive/receive.ts
new file mode 100644
index 0000000..3e4abdb
--- /dev/null
+++ b/src/views/device/receive/receive.ts
@@ -0,0 +1,47 @@
+export interface IlistQuery {
+  number?: string // 编号
+  name?: string // 名称
+  dep?: string // 部门
+  person?: string // 人
+  date?: string // 日期
+  offset: number
+  limit: number
+}
+
+export interface IlistType {
+  number: string // 编号
+  name: string // 名称
+  fileNumber: string// 文件号
+  type: string // 类别
+  createPerson: string // 创建人
+  createTime: string // 创建时间
+  status: string // 审批状态
+}
+export interface IsolveListType {
+  number: string // 申请编号
+  name: string // 申请名称
+  dep: string // 申请部门
+  person: string// 申请人
+  date: string // 申请时间
+  status: string // 审批状态
+}
+
+export interface Iform {
+  company: string // 申请单位
+  person: string // 申请人
+  time: string // 申请时间
+  state: string // 申请说明
+}
+// 新建-查看表格
+export interface IdeviceListQuery {
+  name: string // 仪器名称
+  number: string // 设备编号
+  version: string // 型号
+  scope: string // 测量范围
+  dep: string // 使用部门
+  person: string // 使用人
+  status: string // 管理状态
+  date: string // 有效日期
+  offset: number
+  limit: number
+}
diff --git a/src/views/device/receive/receiveDialog.vue b/src/views/device/receive/receiveDialog.vue
new file mode 100644
index 0000000..fdaa730
--- /dev/null
+++ b/src/views/device/receive/receiveDialog.vue
@@ -0,0 +1,105 @@
+<script lang="ts" setup name="ReceiveDialog">
+import { ref } from 'vue'
+import dayjs from 'dayjs'
+import useUserStore from '@/store/modules/user'
+const props = defineProps({
+  isShowDialog: {
+    type: Boolean,
+    default: false,
+  },
+  approveOpinion: {
+    type: String,
+  },
+})
+const emits = defineEmits(['closeDialog', 'updateConfirm'])
+const userStore = useUserStore()
+const date = dayjs(`${new Date()}`).format('YYYY.MM.DD')
+const dialogTableVisible = ref(false)// 控制对话框显隐
+const selectRadio = ref()// 同意驳回拒绝
+const textarea = ref('')// 审批结论
+watch(() => props.isShowDialog, (newValue) => {
+  dialogTableVisible.value = newValue
+})
+watch(() => props.approveOpinion, (newValue) => {
+  selectRadio.value = newValue
+})
+// 关闭对话框
+const close = () => {
+  console.log('close-dialog')
+  emits('closeDialog')
+}
+// 确认
+const confirm = () => {
+  console.log('确认')
+  const param = {
+    selectRadio: selectRadio.value,
+    textarea,
+    userStore,
+    date,
+  }
+  console.log(param)
+  // emits('updateConfirm', param)
+  // 调接口
+  close()
+}
+</script>
+
+<template>
+  <el-dialog v-model="dialogTableVisible" title="审批操作" class="receive-dialog" @close="close">
+    <div class="receive-dialog-item">
+      <span class="text">审批意见：</span>
+      <!-- 1同意2驳回0拒绝 -->
+      <el-radio-group v-model="selectRadio">
+        <el-radio label="1" :disabled="selectRadio !== '1'">
+          同意
+        </el-radio>
+        <el-radio label="2" :disabled="selectRadio !== '2'">
+          驳回
+        </el-radio>
+        <el-radio label="0" :disabled="selectRadio !== '0'">
+          拒绝
+        </el-radio>
+      </el-radio-group>
+    </div>
+
+    <div class="receive-dialog-item">
+      <span class="text">审批结论：</span>
+      <el-input
+        v-model="textarea"
+        :rows="3"
+        type="textarea"
+        placeholder="请输入审批结论"
+      />
+    </div>
+
+    <div class="receive-dialog-item">
+      <span class="text">审批人：{{ userStore.name }}</span>
+      <span class="text">审批时间：{{ date }}</span>
+    </div>
+
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="close">取消</el-button>
+        <el-button type="primary" @click="confirm">
+          提交
+        </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.receive-dialog {
+  .receive-dialog-item {
+    display: flex;
+    align-items: center;
+    margin-bottom: 28px;
+
+    .text {
+      margin-right: 30px;
+      white-space: nowrap;
+    }
+  }
+}
+</style>

diff --git a/src/api/system/process.ts b/src/api/system/process.ts
new file mode 100644
index 0000000..8da9b84
--- /dev/null
+++ b/src/api/system/process.ts
@@ -0,0 +1,12 @@
+// 流程管理接口
+import request from '../index'
+const prefix = '/system/flow'
+
+// 价格列表查询
+export function getProcessList(data: object) {
+  return request({
+    url: `${prefix}/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 2b110cb..046291a 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -11,6 +11,11 @@
     type: Boolean,
     default: false,
   },
+  // 是否允许多选
+  isMulti: {
+    type: Boolean,
+    default: true,
+  },
   // 查询条件，此处主要需要分页的条件
   query: {
     type: Object,
@@ -152,11 +157,34 @@
   initColumnsState()
   changeColumns()
 })
+// 多选框单选功能
+const selectClick = (selection: any, row: any) => {
+  if (!props.isMulti) {
+    console.log('selectClick')
+    if (selection.length > 1) {
+      const del_row = selection.shift()
+      table.value.toggleRowSelection(del_row, false) // 用于多选表格，切换某一行的选中状态，如果使用了第二个参数，则是设置这一行选中与否（selected 为 true 则选中）
+    }
+  }
+}
 </script>
 
 <template>
-  <div class="normal-table">
-    <el-table id="print" ref="table" v-loading="loading" :data="data" height="height" border stripe :size="size" style="width: 100%;" @selection-change="handleSelectionChange">
+  <div :class="isMulti ? 'normal-table' : 'single-table'">
+    <el-table
+      id="print"
+      ref="table"
+      v-loading="loading"
+      :data="data"
+      height="height"
+      border
+      stripe
+      :size="size"
+      style="width: 100%;"
+      @selection-change="handleSelectionChange"
+      @select="selectClick"
+      @row-click="rowClick"
+    >
       <el-table-column v-if="isShowmultiSelect" type="selection" width="55" />
       <slot name="preColumns" />
       <el-table-column v-for="column of columns" :key="column.value" :label="column.text" :prop="column.value" :width="column.width" :align="column.align" :show-overflow-tooltip="column.showOverflow ? column.showOverflow : true" />
@@ -180,5 +208,14 @@
 <style lang="scss" scoped>
 .normal-table {
   width: 100%;
+  // 隐藏全选按钮
+}
+
+.single-table {
+  width: 100%;
+
+  :deep(.el-table th.el-table__cell:nth-child(1) .cell) {
+    visibility: hidden;
+  }
 }
 </style>
diff --git a/src/router/modules/device.ts b/src/router/modules/device.ts
index 55b4d14..d6c1c91 100644
--- a/src/router/modules/device.ts
+++ b/src/router/modules/device.ts
@@ -281,6 +281,40 @@
       },
     ],
   },
+  {
+    path: '/receive',
+    component: Layout,
+    redirect: '/device/receive/applyList',
+    name: 'Receive',
+    meta: {
+      title: '设备领用',
+      icon: 'ep:key',
+      auth: '/device/receive',
+    },
+    children: [
+      {
+        path: 'applyList',
+        name: 'ApplyList',
+        component: () => import('@/views/device/receive/applyList.vue'),
+        meta: {
+          title: '设备领用申请',
+          icon: 'ep:key',
+          auth: '/device/receive/applyList',
+        },
+      },
+      {
+        path: 'solveList',
+        name: 'SolveList',
+        component: () => import('@/views/device/receive/solveList.vue'),
+        meta: {
+          title: '设备领用处理',
+          icon: 'ep:key',
+          auth: '/device/receive/solveList',
+        },
+      },
+    ],
+  },
+
 ]
 
 export default routes
diff --git a/src/views/device/deviceMaintenance/maintenanceList.vue b/src/views/device/deviceMaintenance/maintenanceList.vue
index 3c91abd..9da2abd 100644
--- a/src/views/device/deviceMaintenance/maintenanceList.vue
+++ b/src/views/device/deviceMaintenance/maintenanceList.vue
@@ -1,4 +1,4 @@
-<script lang="ts" setup name="MaintenanceList">
+<!-- <script lang="ts" setup name="MaintenanceList">
 // 逻辑代码
 </script>
 
@@ -10,4 +10,416 @@
 
 <style lang="scss" scoped>
 // 样式
+</style> -->
+
+<script lang="ts" setup name="Receive">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IlistType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import createOrCheck from '@/views/device/receive/createOrCheck.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref() // 选中的按钮
+const isShowDialog = ref(false) // 是否显示dialog
+const approveOpinion = ref() // 审批意见：1同意2驳回0拒绝
+const type = {
+  add: '新建',
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    fileNumber: 'string', // 文件号
+    type: 'string', // 类别
+    createPerson: 'string', // 创建人
+    createTime: 'string', // 创建时间
+    status: '审批中', // 审批状态
+    isStart: true, // 是否是发起者
+  },
+  {
+    number: '1', // 编号
+    name: '1', // 名称
+    fileNumber: '1', // 文件号
+    type: '1', // 类别
+    createPerson: '1', // 创建人
+    createTime: '1', // 创建时间
+    status: '已通过', // 审批状态
+    isStart: false,
+  },
+  {
+    number: '2', // 编号
+    name: '2', // 名称
+    fileNumber: '2', // 文件号
+    type: '2', // 类别
+    createPerson: '2', // 创建人
+    createTime: '2', // 创建时间
+    status: '未通过', // 审批状态0未通过
+    isStart: false,
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = ref([
+  {
+    text: '名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '文件号',
+    value: 'fileNumber',
+  },
+  {
+    text: '类别',
+    value: 'type',
+  },
+  {
+    text: '创建人',
+    value: 'createPerson',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+])
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 新建
+const add = () => {
+  typeValue.value = 'add'
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用申请', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IlistType, val: string) => {
+  if (val === '取消') {
+    ElMessageBox.confirm(
+      '确认取消吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '取消成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '同意') {
+    isShowDialog.value = true
+    approveOpinion.value = '1'
+  }
+  else if (val === '驳回') {
+    isShowDialog.value = true
+    approveOpinion.value = '2'
+  }
+  else if (val === '拒绝') {
+    isShowDialog.value = true
+    approveOpinion.value = '0'
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'box') { // 草稿箱
+
+  }
+  else if (val === 'will') { // 未审批
+
+  }
+  else if (val === 'ing') { // 审批中
+
+  }
+  else if (val === 'pass') { // 已通过
+
+  }
+  else if (val === 'notPass') { // 未通过
+
+  }
+  else if (val === 'cancle') { // 已取消
+
+  }
+  else { // 全部
+
+  }
+}
+// 监听关闭对话框
+const closeDialog = () => {
+  isShowDialog.value = false
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'add' && typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'add' && typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="add">
+          新建
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="290">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '同意')"
+              >
+                同意
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '驳回')"
+              >
+                驳回
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '拒绝')"
+              >
+                拒绝
+              </el-button>
+              <!-- 是发起者且审批中可以取消 -->
+              <el-button
+                :disabled="row.status === '审批中' && row.isStart"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '取消')"
+              >
+                取消
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                :disabled="row.status === '未通过' || row.status === '已通过' || !row.isStart"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box v-if="typeValue !== 'add' && typeValue !== 'check'" :active="active" @changeCurrentButton="changeCurrentButton" />
+    <receive-dialog :is-show-dialog="isShowDialog" :approve-opinion="approveOpinion" @closeDialog="closeDialog" />
+    <create-or-check
+      v-if="typeValue === 'add' || typeValue === 'check'"
+      :type-value="typeValue"
+      @close="close"
+    />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
 </style>
+
diff --git a/src/views/device/deviceMaintenance/manageCheckList.vue b/src/views/device/deviceMaintenance/manageCheckList.vue
index a4ace73..1df82e3 100644
--- a/src/views/device/deviceMaintenance/manageCheckList.vue
+++ b/src/views/device/deviceMaintenance/manageCheckList.vue
@@ -1,4 +1,4 @@
-<script lang="ts" setup name="ManageCheckList">
+<!-- <script lang="ts" setup name="ManageCheckList">
 // 逻辑代码
 </script>
 
@@ -10,4 +10,372 @@
 
 <style lang="scss" scoped>
 // 样式
+</style> -->
+<script lang="ts" setup name="SolveList">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IsolveListType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/solveComponent/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import detail from '@/views/device/receive/solveComponent/detail.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref('unused') // 选中的按钮
+const type = {
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = [
+  {
+    text: '申请编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '申请名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '申请部门',
+    value: 'dep',
+  },
+  {
+    text: '申请人',
+    value: 'person',
+  },
+  {
+    text: '申请时间',
+    value: 'date',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+]
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IsolveListType, index: number) => ({ index: index + 1, number: item.number, name: item.name, dep: item.dep, person: item.person, date: item.date, status: item.status })),
+      name: '设备领用处理',
+      titleArr: ['序号', '申请编号', '申请名称', '申请部门', '申请人', '申请时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IsolveListType, index: number) => ({ index: index + 1, number: item.number, name: item.name, dep: item.dep, person: item.person, date: item.date, status: item.status })),
+      name: '设备领用处理',
+      titleArr: ['序号', '申请编号', '申请名称', '申请部门', '申请人', '申请时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用处理', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IsolveListType, val: string) => {
+  if (val === '领用') {
+    ElMessageBox.confirm(
+      '确认领用吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调领用接口
+        ElMessage({
+          type: 'success',
+          message: '领用成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调删除接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '退领') {
+    ElMessageBox.confirm(
+      '确认退领吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调退领接口
+        ElMessage({
+          type: 'success',
+          message: '退领成功',
+        })
+      })
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 右上角按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'unused') { // 未领用
+
+  }
+  else if (val === 'used') { // 已领用
+
+  }
+}
+// 标签识别
+const execTag = () => {
+
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="execTag">
+          标签识别
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="180">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                v-if="active === 'unused'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '领用')"
+              >
+                领用
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                v-if="active === 'unused'"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+              <el-button
+                v-if="active === 'used'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '退领')"
+              >
+                退领
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box
+      v-if="typeValue !== 'check'"
+      :active="active"
+      @changeCurrentButton="changeCurrentButton"
+    />
+    <detail v-if="typeValue === 'check'" :type-value="typeValue" @close="close" />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
 </style>
+
diff --git a/src/views/device/receive/applyList.vue b/src/views/device/receive/applyList.vue
new file mode 100644
index 0000000..5ee8966
--- /dev/null
+++ b/src/views/device/receive/applyList.vue
@@ -0,0 +1,411 @@
+<script lang="ts" setup name="ApplyList">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IlistType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import createOrCheck from '@/views/device/receive/createOrCheck.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref() // 选中的按钮
+const isShowDialog = ref(false) // 是否显示dialog
+const approveOpinion = ref() // 审批意见：1同意2驳回0拒绝
+const type = {
+  add: '新建',
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    fileNumber: 'string', // 文件号
+    type: 'string', // 类别
+    createPerson: 'string', // 创建人
+    createTime: 'string', // 创建时间
+    status: '审批中', // 审批状态
+    isStart: true, // 是否是发起者
+  },
+  {
+    number: '1', // 编号
+    name: '1', // 名称
+    fileNumber: '1', // 文件号
+    type: '1', // 类别
+    createPerson: '1', // 创建人
+    createTime: '1', // 创建时间
+    status: '已通过', // 审批状态
+    isStart: false,
+  },
+  {
+    number: '2', // 编号
+    name: '2', // 名称
+    fileNumber: '2', // 文件号
+    type: '2', // 类别
+    createPerson: '2', // 创建人
+    createTime: '2', // 创建时间
+    status: '未通过', // 审批状态0未通过
+    isStart: false,
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = ref([
+  {
+    text: '名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '文件号',
+    value: 'fileNumber',
+  },
+  {
+    text: '类别',
+    value: 'type',
+  },
+  {
+    text: '创建人',
+    value: 'createPerson',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+])
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 新建
+const add = () => {
+  typeValue.value = 'add'
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用申请', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IlistType, val: string) => {
+  if (val === '取消') {
+    ElMessageBox.confirm(
+      '确认取消吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '取消成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '同意') {
+    isShowDialog.value = true
+    approveOpinion.value = '1'
+  }
+  else if (val === '驳回') {
+    isShowDialog.value = true
+    approveOpinion.value = '2'
+  }
+  else if (val === '拒绝') {
+    isShowDialog.value = true
+    approveOpinion.value = '0'
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'box') { // 草稿箱
+
+  }
+  else if (val === 'will') { // 未审批
+
+  }
+  else if (val === 'ing') { // 审批中
+
+  }
+  else if (val === 'pass') { // 已通过
+
+  }
+  else if (val === 'notPass') { // 未通过
+
+  }
+  else if (val === 'cancle') { // 已取消
+
+  }
+  else { // 全部
+
+  }
+}
+// 监听关闭对话框
+const closeDialog = () => {
+  isShowDialog.value = false
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'add' && typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'add' && typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="add">
+          新建
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="290">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '同意')"
+              >
+                同意
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '驳回')"
+              >
+                驳回
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '拒绝')"
+              >
+                拒绝
+              </el-button>
+              <!-- 是发起者且审批中可以取消 -->
+              <el-button
+                :disabled="row.status === '审批中' && row.isStart"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '取消')"
+              >
+                取消
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                :disabled="row.status === '未通过' || row.status === '已通过' || !row.isStart"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box v-if="typeValue !== 'add' && typeValue !== 'check'" :active="active" @changeCurrentButton="changeCurrentButton" />
+    <receive-dialog :is-show-dialog="isShowDialog" :approve-opinion="approveOpinion" @closeDialog="closeDialog" />
+    <create-or-check
+      v-if="typeValue === 'add' || typeValue === 'check'"
+      :type-value="typeValue"
+      @close="close"
+    />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
+
diff --git a/src/views/device/receive/buttonBox.vue b/src/views/device/receive/buttonBox.vue
new file mode 100644
index 0000000..aa02ce5
--- /dev/null
+++ b/src/views/device/receive/buttonBox.vue
@@ -0,0 +1,47 @@
+<script lang="ts" setup name="ButtonBox">
+import { ref } from 'vue'
+const emits = defineEmits(['changeCurrentButton'])
+const menu = [
+  { name: '全部', id: 'all' },
+  { name: '草稿箱', id: 'box' },
+  { name: '待审批', id: 'will' },
+  { name: '审批中', id: 'ing' },
+  { name: '已通过', id: 'pass' },
+  { name: '未通过', id: 'notPass' },
+  { name: '已取消', id: 'cancle' },
+]
+const current = ref('all')
+watch(current, (newValue) => {
+  console.log(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>
+    <!-- 展示区域 -->
+    <!-- <component :is="currentComp" /> -->
+  </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/device/receive/createOrCheck.vue b/src/views/device/receive/createOrCheck.vue
new file mode 100644
index 0000000..a40cae5
--- /dev/null
+++ b/src/views/device/receive/createOrCheck.vue
@@ -0,0 +1,411 @@
+<script lang="ts" setup name="CreateOrCheck">
+import { reactive, ref } from 'vue'
+import type { Ref } from 'vue'
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import type { IdeviceListQuery, Iform } from './receive'
+import SelectDeviceDialog from './selectDeviceDialog.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+
+const props = defineProps({
+  typeValue: String,
+})
+const emits = defineEmits(['close'])
+const isMulti = ref(false) // 是否批量添加(允许多选)
+const selectIndex = ref()
+const { proxy } = getCurrentInstance() as any
+const dialogSelectDiviceVisible = ref(false) // 控制选择设备对话框显隐
+const isShowDialog = ref(false) // 控制审批对话框显隐
+const total = ref(20)// 总数
+const approveOpinion = ref() // 审批意见：1同意2驳回0拒绝
+const type = {
+  add: '新建',
+  check: '查看',
+  normal: '正常',
+}
+const haveApproveLimits = ref(true)// 是否有审批权限
+const isStart = ref(false)// 是否是发起人
+// 选中的内容
+const checkoutList = ref([])
+// 表单数据
+const form = ref({
+  company: '申请单位', // 申请单位
+  person: '申请人1', // 申请人
+  time: '1', // 领用时间
+  state: '', // 申请说明
+})
+const ruleFormRef = ref<FormInstance>() as any
+const list = ref([{
+  name: '测试1', // 仪器名称
+  number: '测试1', // 设备编号
+  version: '测试1', // 型号
+  scope: '测试1', // 测量范围
+  dep: '测试1', // 使用部门
+  person: '测试1', // 使用人
+  status: '测试1', // 管理状态
+  date: '测试1', // 有效日期
+}, {
+  name: '测试2', // 仪器名称
+  number: '测试2', // 设备编号
+  version: '测试2', // 型号
+  scope: '测试2', // 测量范围
+  dep: '测试2', // 使用部门
+  person: '测试2', // 使用人
+  status: '测试2', // 管理状态
+  date: '测试2', // 有效日期
+}])// 表格数据
+// 查询条件
+const listQuery: Ref<IdeviceListQuery> = ref({
+  name: '', // 仪器名称
+  number: '', // 设备编号
+  version: '', // 型号
+  scope: '', // 测量范围
+  dep: '', // 使用部门
+  person: '', // 使用人
+  status: '', // 管理状态
+  date: '', // 有效日期
+  offset: 1,
+  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',
+  },
+]
+const rules = reactive<FormRules>({
+  company: [
+    { required: true, message: '请输入申请单位', trigger: 'blur' },
+    // { min: 3, max: 5, message: 'Length should be 3 to 5', trigger: 'blur' },
+  ],
+  person: [
+    { required: true, message: '请输入申请人', trigger: 'blur' },
+    // { min: 3, max: 5, message: 'Length should be 3 to 5', trigger: 'blur' },
+  ],
+  time: [
+    {
+      type: 'date',
+      required: true,
+      message: '请选择领用时间',
+      trigger: 'change',
+    },
+  ],
+})
+
+const handleClick = (val: string) => {
+// 1同意，2驳回，0拒绝，3提交，4撤回
+  if (val === '3') { // 提交
+    ruleFormRef.value.validate((valid: boolean) => {
+      if (valid) {
+        console.log('submit!')
+      }
+      else {
+        console.log('表单提交失败')
+      }
+    })
+  }
+  else if (val === '1') {
+    isShowDialog.value = true
+    approveOpinion.value = '1'
+  }
+  else if (val === '2') {
+    isShowDialog.value = true
+    approveOpinion.value = '2'
+  }
+  else if (val === '0') {
+    isShowDialog.value = true
+    approveOpinion.value = '0'
+  }
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 删除行
+const delRow = () => {
+  console.log(checkoutList.value)
+
+  if (checkoutList.value.length <= 0) {
+    ElMessage({
+      message: '请选中要删除的行',
+      type: 'warning',
+    })
+  }
+  else {
+    // 调删除接口
+    checkoutList.value.forEach((item: IdeviceListQuery) => {
+      // if (!item.name && !item.number) {
+      list.value.forEach((element, index) => {
+        if (element.name === item.name && element.number === item.number) {
+          list.value.splice(index, 1)
+        }
+      })
+      // }
+    })
+  }
+}
+// 增加行
+const addRow = () => {
+  list.value.push({
+    name: '', // 仪器名称
+    number: '', // 设备编号
+    version: '', // 型号
+    scope: '', // 测量范围
+    dep: '', // 使用部门
+    person: '', // 使用人
+    status: '', // 管理状态
+    date: '', // 有效日期
+  })
+}
+// 点击选择
+const handleSelect = (index: number, row: IdeviceListQuery) => {
+  dialogSelectDiviceVisible.value = true
+  isMulti.value = false
+  selectIndex.value = index
+  console.log('选中的index', row)
+}
+// 点击批量添加
+const multiAdd = () => {
+  dialogSelectDiviceVisible.value = true
+  isMulti.value = true
+}
+// 点击关闭
+const close = () => {
+  emits('close')
+}
+// 选择涉笔对话框关闭
+const closeDialog = () => {
+  dialogSelectDiviceVisible.value = false
+  isShowDialog.value = false
+}
+// 选择好设备了
+const updateDeviceConfirm = (val: any) => {
+  if (isMulti.value) {
+    val.forEach((item: any) => {
+      list.value.push(item)
+    })
+  }
+  else {
+    list.value.splice(selectIndex.value, 1, val[0])
+  }
+}
+</script>
+
+<template>
+  <app-container>
+    <div class="create-check">
+      <div class="top-info">
+        <div class="title-button">
+          <h4 class="title">
+            基本信息
+          </h4>
+          <div class="button-group">
+            <el-button v-if="haveApproveLimits && !isStart && typeValue === 'add'" type="primary" plain @click="handleClick('1')">
+              同意
+            </el-button>
+            <el-button v-if="haveApproveLimits && !isStart && typeValue === 'add'" type="primary" plain @click="handleClick('2')">
+              驳回
+            </el-button>
+            <el-button v-if="haveApproveLimits && !isStart && typeValue === 'add'" type="primary" plain @click="handleClick('0')">
+              拒绝
+            </el-button>
+            <el-button v-if="isStart && typeValue === 'add'" type="primary" plain @click="handleClick('3')">
+              提交
+            </el-button>
+            <el-button v-if="isStart && typeValue === 'add'" type="primary" plain @click="handleClick('4')">
+              撤回
+            </el-button>
+            <el-button type="primary" plain @click="close">
+              关闭
+            </el-button>
+          </div>
+        </div>
+
+        <div class="form-area">
+          <el-form
+            ref="ruleFormRef"
+            :model="form"
+            label-width="120px"
+            :rules="rules"
+          >
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="申请单位" prop="company">
+                  <el-input v-model="form.company" clearable />
+                </el-form-item>
+                <el-form-item label="申请人" prop="person">
+                  <el-input v-model="form.person" clearable />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="领用时间" prop="time">
+                  <el-date-picker
+                    v-model="form.time"
+                    type="datetime"
+                    placeholder="请选择领用时间"
+                  />
+                </el-form-item>
+                <el-form-item label="申请说明">
+                  <el-input v-model="form.state" type="textarea" clearable />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+      </div>
+      <table-container title="设备领用列表">
+        <template #btns-right>
+          <el-button type="primary" @click="multiAdd">
+            批量添加
+          </el-button>
+          <el-button type="primary" @click="addRow">
+            增加行
+          </el-button>
+          <el-button type="primary" @click="delRow">
+            删除行
+          </el-button>
+        </template>
+        <normal-table
+          :data="list" :total="total" :columns="columns" :query="listQuery"
+          is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+        >
+          <template #preColumns>
+            <el-table-column label="#" width="55" align="center">
+              <template #default="scope">
+                {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+              </template>
+            </el-table-column>
+          </template>
+          <template #columns>
+            <el-table-column label="操作" align="center" width="120">
+              <template #default="scope">
+                <el-button
+                  size="small"
+                  type="primary"
+                  link
+                  @click="handleSelect(scope.$index, scope.row)"
+                >
+                  选择
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </table-container>
+
+      <table-container title="审批流程">
+        <!-- <normal-table
+          :data="list" :total="total" :columns="columns" :query="listQuery"
+          is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+        >
+          <template #preColumns>
+            <el-table-column label="#" width="55" align="center">
+              <template #default="scope">
+                {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+              </template>
+            </el-table-column>
+          </template>
+          <template #columns>
+            <el-table-column label="操作" align="center" width="120">
+              <template #default="{ row }">
+                <el-button
+                  size="small"
+                  type="primary"
+                  link
+                  @click="handleSelect(row.$index, row)"
+                >
+                  选择
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table> -->
+      </table-container>
+    </div>
+  </app-container>
+  <select-device-dialog
+    :dialog-select-divice-visible="dialogSelectDiviceVisible"
+    :is-multi="isMulti"
+    @closeDialog="closeDialog"
+    @updateDeviceConfirm="updateDeviceConfirm"
+  />
+
+  <!-- 同意、驳回、拒绝对话框显示 -->
+  <receive-dialog
+    :is-show-dialog="isShowDialog"
+    :approve-opinion="approveOpinion"
+    @closeDialog="closeDialog"
+  />
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.create-check {
+  .top-info {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    padding-right: 10px;
+    border-radius: 10px;
+    background-color: #fff;
+
+    .title-button {
+      display: flex;
+      align-items: center;
+
+      &::before {
+        content: "";
+        flex: 1;
+      }
+
+      .button-group {
+        flex: 1;
+        display: flex;
+        justify-content: flex-end;
+      }
+    }
+
+    .form-area {
+      margin-top: 40px;
+    }
+  }
+}
+</style>
diff --git a/src/views/device/receive/receive.ts b/src/views/device/receive/receive.ts
new file mode 100644
index 0000000..3e4abdb
--- /dev/null
+++ b/src/views/device/receive/receive.ts
@@ -0,0 +1,47 @@
+export interface IlistQuery {
+  number?: string // 编号
+  name?: string // 名称
+  dep?: string // 部门
+  person?: string // 人
+  date?: string // 日期
+  offset: number
+  limit: number
+}
+
+export interface IlistType {
+  number: string // 编号
+  name: string // 名称
+  fileNumber: string// 文件号
+  type: string // 类别
+  createPerson: string // 创建人
+  createTime: string // 创建时间
+  status: string // 审批状态
+}
+export interface IsolveListType {
+  number: string // 申请编号
+  name: string // 申请名称
+  dep: string // 申请部门
+  person: string// 申请人
+  date: string // 申请时间
+  status: string // 审批状态
+}
+
+export interface Iform {
+  company: string // 申请单位
+  person: string // 申请人
+  time: string // 申请时间
+  state: string // 申请说明
+}
+// 新建-查看表格
+export interface IdeviceListQuery {
+  name: string // 仪器名称
+  number: string // 设备编号
+  version: string // 型号
+  scope: string // 测量范围
+  dep: string // 使用部门
+  person: string // 使用人
+  status: string // 管理状态
+  date: string // 有效日期
+  offset: number
+  limit: number
+}
diff --git a/src/views/device/receive/receiveDialog.vue b/src/views/device/receive/receiveDialog.vue
new file mode 100644
index 0000000..fdaa730
--- /dev/null
+++ b/src/views/device/receive/receiveDialog.vue
@@ -0,0 +1,105 @@
+<script lang="ts" setup name="ReceiveDialog">
+import { ref } from 'vue'
+import dayjs from 'dayjs'
+import useUserStore from '@/store/modules/user'
+const props = defineProps({
+  isShowDialog: {
+    type: Boolean,
+    default: false,
+  },
+  approveOpinion: {
+    type: String,
+  },
+})
+const emits = defineEmits(['closeDialog', 'updateConfirm'])
+const userStore = useUserStore()
+const date = dayjs(`${new Date()}`).format('YYYY.MM.DD')
+const dialogTableVisible = ref(false)// 控制对话框显隐
+const selectRadio = ref()// 同意驳回拒绝
+const textarea = ref('')// 审批结论
+watch(() => props.isShowDialog, (newValue) => {
+  dialogTableVisible.value = newValue
+})
+watch(() => props.approveOpinion, (newValue) => {
+  selectRadio.value = newValue
+})
+// 关闭对话框
+const close = () => {
+  console.log('close-dialog')
+  emits('closeDialog')
+}
+// 确认
+const confirm = () => {
+  console.log('确认')
+  const param = {
+    selectRadio: selectRadio.value,
+    textarea,
+    userStore,
+    date,
+  }
+  console.log(param)
+  // emits('updateConfirm', param)
+  // 调接口
+  close()
+}
+</script>
+
+<template>
+  <el-dialog v-model="dialogTableVisible" title="审批操作" class="receive-dialog" @close="close">
+    <div class="receive-dialog-item">
+      <span class="text">审批意见：</span>
+      <!-- 1同意2驳回0拒绝 -->
+      <el-radio-group v-model="selectRadio">
+        <el-radio label="1" :disabled="selectRadio !== '1'">
+          同意
+        </el-radio>
+        <el-radio label="2" :disabled="selectRadio !== '2'">
+          驳回
+        </el-radio>
+        <el-radio label="0" :disabled="selectRadio !== '0'">
+          拒绝
+        </el-radio>
+      </el-radio-group>
+    </div>
+
+    <div class="receive-dialog-item">
+      <span class="text">审批结论：</span>
+      <el-input
+        v-model="textarea"
+        :rows="3"
+        type="textarea"
+        placeholder="请输入审批结论"
+      />
+    </div>
+
+    <div class="receive-dialog-item">
+      <span class="text">审批人：{{ userStore.name }}</span>
+      <span class="text">审批时间：{{ date }}</span>
+    </div>
+
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="close">取消</el-button>
+        <el-button type="primary" @click="confirm">
+          提交
+        </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.receive-dialog {
+  .receive-dialog-item {
+    display: flex;
+    align-items: center;
+    margin-bottom: 28px;
+
+    .text {
+      margin-right: 30px;
+      white-space: nowrap;
+    }
+  }
+}
+</style>
diff --git a/src/views/device/receive/selectDeviceDialog.vue b/src/views/device/receive/selectDeviceDialog.vue
new file mode 100644
index 0000000..d6f28f3
--- /dev/null
+++ b/src/views/device/receive/selectDeviceDialog.vue
@@ -0,0 +1,187 @@
+<!-- 选择设备 -->
+<script lang="ts" setup name="ReceiveDialog">
+import { ref } from 'vue'
+import useUserStore from '@/store/modules/user'
+const props = defineProps({
+  dialogSelectDiviceVisible: {
+    type: Boolean,
+    default: false,
+  },
+  isMulti: Boolean,
+})
+const emits = defineEmits(['closeDialog', 'updateDeviceConfirm'])
+const userStore = useUserStore()
+// 查询条件
+const listQuery = ref({
+  deviceName: '', // 设备名称
+  deviceNumber: '', // 设备编号
+  offset: 1,
+  limit: 10,
+})
+const total = ref(20)
+// 多选选中的内容
+const checkoutList = ref([])
+
+const list = ref([{
+  name: '设备01',
+  number: '设备01',
+  version: '设备01',
+  millNumber: '设备01',
+  status: '设备01',
+  person: '设备01',
+  date: '设备01',
+},
+{
+  name: '设备02',
+  number: '设备02',
+  version: '设备02',
+  millNumber: '设备02',
+  status: '设备02',
+  person: '设备02',
+  date: '设备02',
+}])// 表格数据
+const columns = [
+  {
+    text: '设备名称',
+    value: 'name',
+  },
+  {
+    text: '设备编号',
+    value: 'number',
+  },
+  {
+    text: '型号',
+    value: 'version',
+  },
+  {
+    text: '出厂编号',
+    value: 'millNumber',
+  },
+  {
+    text: '管理状态',
+    value: 'status',
+  },
+  {
+    text: '使用人',
+    value: 'person',
+  },
+  {
+    text: '有效日期',
+    value: 'date',
+  },
+]
+const table = ref()
+const dialogTableVisible = ref(false)// 控制对话框显隐
+watch(() => props.dialogSelectDiviceVisible, (newValue) => {
+  dialogTableVisible.value = newValue
+  if (!newValue) {
+    table.value.clearMulti() // 清除多选选中
+  }
+})
+// 关闭对话框
+const close = () => {
+  console.log('close-dialog')
+  emits('closeDialog')
+}
+// 确认
+const confirm = () => {
+  console.log('确认')
+  emits('updateDeviceConfirm', checkoutList.value)
+  // 调接口
+  close()
+}
+// 重置
+const clearList = () => {
+  listQuery.value.deviceName = ''
+  listQuery.value.deviceNumber = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选选中
+const handleSelectionChange = (val: any) => {
+  console.log('多选', val)
+  checkoutList.value = val
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+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)
+}
+</script>
+
+<template>
+  <el-dialog v-model="dialogTableVisible" title="选择设备" class="select-device-dialog" @close="close">
+    <search-area
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.deviceName"
+          placeholder="设备名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.deviceNumber"
+          placeholder="设备编号"
+          clearable
+        />
+      </search-item>
+    </search-area>
+    <table-container>
+      <normal-table
+        ref="table"
+        :data="list"
+        :total="total"
+        :columns="columns"
+        :query="listQuery"
+        :is-multi="isMulti"
+        is-showmulti-select
+        @change="changePage"
+        @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="close">取消</el-button>
+        <el-button type="primary" @click="confirm">
+          确定
+        </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.receive-dialog {
+  .receive-dialog-item {
+    display: flex;
+    align-items: center;
+    margin-bottom: 28px;
+
+    .text {
+      margin-right: 30px;
+      white-space: nowrap;
+    }
+  }
+}
+</style>

diff --git a/src/api/system/process.ts b/src/api/system/process.ts
new file mode 100644
index 0000000..8da9b84
--- /dev/null
+++ b/src/api/system/process.ts
@@ -0,0 +1,12 @@
+// 流程管理接口
+import request from '../index'
+const prefix = '/system/flow'
+
+// 价格列表查询
+export function getProcessList(data: object) {
+  return request({
+    url: `${prefix}/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 2b110cb..046291a 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -11,6 +11,11 @@
     type: Boolean,
     default: false,
   },
+  // 是否允许多选
+  isMulti: {
+    type: Boolean,
+    default: true,
+  },
   // 查询条件，此处主要需要分页的条件
   query: {
     type: Object,
@@ -152,11 +157,34 @@
   initColumnsState()
   changeColumns()
 })
+// 多选框单选功能
+const selectClick = (selection: any, row: any) => {
+  if (!props.isMulti) {
+    console.log('selectClick')
+    if (selection.length > 1) {
+      const del_row = selection.shift()
+      table.value.toggleRowSelection(del_row, false) // 用于多选表格，切换某一行的选中状态，如果使用了第二个参数，则是设置这一行选中与否（selected 为 true 则选中）
+    }
+  }
+}
 </script>
 
 <template>
-  <div class="normal-table">
-    <el-table id="print" ref="table" v-loading="loading" :data="data" height="height" border stripe :size="size" style="width: 100%;" @selection-change="handleSelectionChange">
+  <div :class="isMulti ? 'normal-table' : 'single-table'">
+    <el-table
+      id="print"
+      ref="table"
+      v-loading="loading"
+      :data="data"
+      height="height"
+      border
+      stripe
+      :size="size"
+      style="width: 100%;"
+      @selection-change="handleSelectionChange"
+      @select="selectClick"
+      @row-click="rowClick"
+    >
       <el-table-column v-if="isShowmultiSelect" type="selection" width="55" />
       <slot name="preColumns" />
       <el-table-column v-for="column of columns" :key="column.value" :label="column.text" :prop="column.value" :width="column.width" :align="column.align" :show-overflow-tooltip="column.showOverflow ? column.showOverflow : true" />
@@ -180,5 +208,14 @@
 <style lang="scss" scoped>
 .normal-table {
   width: 100%;
+  // 隐藏全选按钮
+}
+
+.single-table {
+  width: 100%;
+
+  :deep(.el-table th.el-table__cell:nth-child(1) .cell) {
+    visibility: hidden;
+  }
 }
 </style>
diff --git a/src/router/modules/device.ts b/src/router/modules/device.ts
index 55b4d14..d6c1c91 100644
--- a/src/router/modules/device.ts
+++ b/src/router/modules/device.ts
@@ -281,6 +281,40 @@
       },
     ],
   },
+  {
+    path: '/receive',
+    component: Layout,
+    redirect: '/device/receive/applyList',
+    name: 'Receive',
+    meta: {
+      title: '设备领用',
+      icon: 'ep:key',
+      auth: '/device/receive',
+    },
+    children: [
+      {
+        path: 'applyList',
+        name: 'ApplyList',
+        component: () => import('@/views/device/receive/applyList.vue'),
+        meta: {
+          title: '设备领用申请',
+          icon: 'ep:key',
+          auth: '/device/receive/applyList',
+        },
+      },
+      {
+        path: 'solveList',
+        name: 'SolveList',
+        component: () => import('@/views/device/receive/solveList.vue'),
+        meta: {
+          title: '设备领用处理',
+          icon: 'ep:key',
+          auth: '/device/receive/solveList',
+        },
+      },
+    ],
+  },
+
 ]
 
 export default routes
diff --git a/src/views/device/deviceMaintenance/maintenanceList.vue b/src/views/device/deviceMaintenance/maintenanceList.vue
index 3c91abd..9da2abd 100644
--- a/src/views/device/deviceMaintenance/maintenanceList.vue
+++ b/src/views/device/deviceMaintenance/maintenanceList.vue
@@ -1,4 +1,4 @@
-<script lang="ts" setup name="MaintenanceList">
+<!-- <script lang="ts" setup name="MaintenanceList">
 // 逻辑代码
 </script>
 
@@ -10,4 +10,416 @@
 
 <style lang="scss" scoped>
 // 样式
+</style> -->
+
+<script lang="ts" setup name="Receive">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IlistType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import createOrCheck from '@/views/device/receive/createOrCheck.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref() // 选中的按钮
+const isShowDialog = ref(false) // 是否显示dialog
+const approveOpinion = ref() // 审批意见：1同意2驳回0拒绝
+const type = {
+  add: '新建',
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    fileNumber: 'string', // 文件号
+    type: 'string', // 类别
+    createPerson: 'string', // 创建人
+    createTime: 'string', // 创建时间
+    status: '审批中', // 审批状态
+    isStart: true, // 是否是发起者
+  },
+  {
+    number: '1', // 编号
+    name: '1', // 名称
+    fileNumber: '1', // 文件号
+    type: '1', // 类别
+    createPerson: '1', // 创建人
+    createTime: '1', // 创建时间
+    status: '已通过', // 审批状态
+    isStart: false,
+  },
+  {
+    number: '2', // 编号
+    name: '2', // 名称
+    fileNumber: '2', // 文件号
+    type: '2', // 类别
+    createPerson: '2', // 创建人
+    createTime: '2', // 创建时间
+    status: '未通过', // 审批状态0未通过
+    isStart: false,
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = ref([
+  {
+    text: '名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '文件号',
+    value: 'fileNumber',
+  },
+  {
+    text: '类别',
+    value: 'type',
+  },
+  {
+    text: '创建人',
+    value: 'createPerson',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+])
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 新建
+const add = () => {
+  typeValue.value = 'add'
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用申请', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IlistType, val: string) => {
+  if (val === '取消') {
+    ElMessageBox.confirm(
+      '确认取消吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '取消成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '同意') {
+    isShowDialog.value = true
+    approveOpinion.value = '1'
+  }
+  else if (val === '驳回') {
+    isShowDialog.value = true
+    approveOpinion.value = '2'
+  }
+  else if (val === '拒绝') {
+    isShowDialog.value = true
+    approveOpinion.value = '0'
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'box') { // 草稿箱
+
+  }
+  else if (val === 'will') { // 未审批
+
+  }
+  else if (val === 'ing') { // 审批中
+
+  }
+  else if (val === 'pass') { // 已通过
+
+  }
+  else if (val === 'notPass') { // 未通过
+
+  }
+  else if (val === 'cancle') { // 已取消
+
+  }
+  else { // 全部
+
+  }
+}
+// 监听关闭对话框
+const closeDialog = () => {
+  isShowDialog.value = false
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'add' && typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'add' && typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="add">
+          新建
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="290">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '同意')"
+              >
+                同意
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '驳回')"
+              >
+                驳回
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '拒绝')"
+              >
+                拒绝
+              </el-button>
+              <!-- 是发起者且审批中可以取消 -->
+              <el-button
+                :disabled="row.status === '审批中' && row.isStart"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '取消')"
+              >
+                取消
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                :disabled="row.status === '未通过' || row.status === '已通过' || !row.isStart"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box v-if="typeValue !== 'add' && typeValue !== 'check'" :active="active" @changeCurrentButton="changeCurrentButton" />
+    <receive-dialog :is-show-dialog="isShowDialog" :approve-opinion="approveOpinion" @closeDialog="closeDialog" />
+    <create-or-check
+      v-if="typeValue === 'add' || typeValue === 'check'"
+      :type-value="typeValue"
+      @close="close"
+    />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
 </style>
+
diff --git a/src/views/device/deviceMaintenance/manageCheckList.vue b/src/views/device/deviceMaintenance/manageCheckList.vue
index a4ace73..1df82e3 100644
--- a/src/views/device/deviceMaintenance/manageCheckList.vue
+++ b/src/views/device/deviceMaintenance/manageCheckList.vue
@@ -1,4 +1,4 @@
-<script lang="ts" setup name="ManageCheckList">
+<!-- <script lang="ts" setup name="ManageCheckList">
 // 逻辑代码
 </script>
 
@@ -10,4 +10,372 @@
 
 <style lang="scss" scoped>
 // 样式
+</style> -->
+<script lang="ts" setup name="SolveList">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IsolveListType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/solveComponent/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import detail from '@/views/device/receive/solveComponent/detail.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref('unused') // 选中的按钮
+const type = {
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = [
+  {
+    text: '申请编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '申请名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '申请部门',
+    value: 'dep',
+  },
+  {
+    text: '申请人',
+    value: 'person',
+  },
+  {
+    text: '申请时间',
+    value: 'date',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+]
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IsolveListType, index: number) => ({ index: index + 1, number: item.number, name: item.name, dep: item.dep, person: item.person, date: item.date, status: item.status })),
+      name: '设备领用处理',
+      titleArr: ['序号', '申请编号', '申请名称', '申请部门', '申请人', '申请时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IsolveListType, index: number) => ({ index: index + 1, number: item.number, name: item.name, dep: item.dep, person: item.person, date: item.date, status: item.status })),
+      name: '设备领用处理',
+      titleArr: ['序号', '申请编号', '申请名称', '申请部门', '申请人', '申请时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用处理', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IsolveListType, val: string) => {
+  if (val === '领用') {
+    ElMessageBox.confirm(
+      '确认领用吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调领用接口
+        ElMessage({
+          type: 'success',
+          message: '领用成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调删除接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '退领') {
+    ElMessageBox.confirm(
+      '确认退领吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调退领接口
+        ElMessage({
+          type: 'success',
+          message: '退领成功',
+        })
+      })
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 右上角按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'unused') { // 未领用
+
+  }
+  else if (val === 'used') { // 已领用
+
+  }
+}
+// 标签识别
+const execTag = () => {
+
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="execTag">
+          标签识别
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="180">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                v-if="active === 'unused'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '领用')"
+              >
+                领用
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                v-if="active === 'unused'"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+              <el-button
+                v-if="active === 'used'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '退领')"
+              >
+                退领
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box
+      v-if="typeValue !== 'check'"
+      :active="active"
+      @changeCurrentButton="changeCurrentButton"
+    />
+    <detail v-if="typeValue === 'check'" :type-value="typeValue" @close="close" />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
 </style>
+
diff --git a/src/views/device/receive/applyList.vue b/src/views/device/receive/applyList.vue
new file mode 100644
index 0000000..5ee8966
--- /dev/null
+++ b/src/views/device/receive/applyList.vue
@@ -0,0 +1,411 @@
+<script lang="ts" setup name="ApplyList">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IlistType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import createOrCheck from '@/views/device/receive/createOrCheck.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref() // 选中的按钮
+const isShowDialog = ref(false) // 是否显示dialog
+const approveOpinion = ref() // 审批意见：1同意2驳回0拒绝
+const type = {
+  add: '新建',
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    fileNumber: 'string', // 文件号
+    type: 'string', // 类别
+    createPerson: 'string', // 创建人
+    createTime: 'string', // 创建时间
+    status: '审批中', // 审批状态
+    isStart: true, // 是否是发起者
+  },
+  {
+    number: '1', // 编号
+    name: '1', // 名称
+    fileNumber: '1', // 文件号
+    type: '1', // 类别
+    createPerson: '1', // 创建人
+    createTime: '1', // 创建时间
+    status: '已通过', // 审批状态
+    isStart: false,
+  },
+  {
+    number: '2', // 编号
+    name: '2', // 名称
+    fileNumber: '2', // 文件号
+    type: '2', // 类别
+    createPerson: '2', // 创建人
+    createTime: '2', // 创建时间
+    status: '未通过', // 审批状态0未通过
+    isStart: false,
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = ref([
+  {
+    text: '名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '文件号',
+    value: 'fileNumber',
+  },
+  {
+    text: '类别',
+    value: 'type',
+  },
+  {
+    text: '创建人',
+    value: 'createPerson',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+])
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 新建
+const add = () => {
+  typeValue.value = 'add'
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用申请', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IlistType, val: string) => {
+  if (val === '取消') {
+    ElMessageBox.confirm(
+      '确认取消吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '取消成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '同意') {
+    isShowDialog.value = true
+    approveOpinion.value = '1'
+  }
+  else if (val === '驳回') {
+    isShowDialog.value = true
+    approveOpinion.value = '2'
+  }
+  else if (val === '拒绝') {
+    isShowDialog.value = true
+    approveOpinion.value = '0'
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'box') { // 草稿箱
+
+  }
+  else if (val === 'will') { // 未审批
+
+  }
+  else if (val === 'ing') { // 审批中
+
+  }
+  else if (val === 'pass') { // 已通过
+
+  }
+  else if (val === 'notPass') { // 未通过
+
+  }
+  else if (val === 'cancle') { // 已取消
+
+  }
+  else { // 全部
+
+  }
+}
+// 监听关闭对话框
+const closeDialog = () => {
+  isShowDialog.value = false
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'add' && typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'add' && typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="add">
+          新建
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="290">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '同意')"
+              >
+                同意
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '驳回')"
+              >
+                驳回
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '拒绝')"
+              >
+                拒绝
+              </el-button>
+              <!-- 是发起者且审批中可以取消 -->
+              <el-button
+                :disabled="row.status === '审批中' && row.isStart"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '取消')"
+              >
+                取消
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                :disabled="row.status === '未通过' || row.status === '已通过' || !row.isStart"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box v-if="typeValue !== 'add' && typeValue !== 'check'" :active="active" @changeCurrentButton="changeCurrentButton" />
+    <receive-dialog :is-show-dialog="isShowDialog" :approve-opinion="approveOpinion" @closeDialog="closeDialog" />
+    <create-or-check
+      v-if="typeValue === 'add' || typeValue === 'check'"
+      :type-value="typeValue"
+      @close="close"
+    />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
+
diff --git a/src/views/device/receive/buttonBox.vue b/src/views/device/receive/buttonBox.vue
new file mode 100644
index 0000000..aa02ce5
--- /dev/null
+++ b/src/views/device/receive/buttonBox.vue
@@ -0,0 +1,47 @@
+<script lang="ts" setup name="ButtonBox">
+import { ref } from 'vue'
+const emits = defineEmits(['changeCurrentButton'])
+const menu = [
+  { name: '全部', id: 'all' },
+  { name: '草稿箱', id: 'box' },
+  { name: '待审批', id: 'will' },
+  { name: '审批中', id: 'ing' },
+  { name: '已通过', id: 'pass' },
+  { name: '未通过', id: 'notPass' },
+  { name: '已取消', id: 'cancle' },
+]
+const current = ref('all')
+watch(current, (newValue) => {
+  console.log(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>
+    <!-- 展示区域 -->
+    <!-- <component :is="currentComp" /> -->
+  </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/device/receive/createOrCheck.vue b/src/views/device/receive/createOrCheck.vue
new file mode 100644
index 0000000..a40cae5
--- /dev/null
+++ b/src/views/device/receive/createOrCheck.vue
@@ -0,0 +1,411 @@
+<script lang="ts" setup name="CreateOrCheck">
+import { reactive, ref } from 'vue'
+import type { Ref } from 'vue'
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import type { IdeviceListQuery, Iform } from './receive'
+import SelectDeviceDialog from './selectDeviceDialog.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+
+const props = defineProps({
+  typeValue: String,
+})
+const emits = defineEmits(['close'])
+const isMulti = ref(false) // 是否批量添加(允许多选)
+const selectIndex = ref()
+const { proxy } = getCurrentInstance() as any
+const dialogSelectDiviceVisible = ref(false) // 控制选择设备对话框显隐
+const isShowDialog = ref(false) // 控制审批对话框显隐
+const total = ref(20)// 总数
+const approveOpinion = ref() // 审批意见：1同意2驳回0拒绝
+const type = {
+  add: '新建',
+  check: '查看',
+  normal: '正常',
+}
+const haveApproveLimits = ref(true)// 是否有审批权限
+const isStart = ref(false)// 是否是发起人
+// 选中的内容
+const checkoutList = ref([])
+// 表单数据
+const form = ref({
+  company: '申请单位', // 申请单位
+  person: '申请人1', // 申请人
+  time: '1', // 领用时间
+  state: '', // 申请说明
+})
+const ruleFormRef = ref<FormInstance>() as any
+const list = ref([{
+  name: '测试1', // 仪器名称
+  number: '测试1', // 设备编号
+  version: '测试1', // 型号
+  scope: '测试1', // 测量范围
+  dep: '测试1', // 使用部门
+  person: '测试1', // 使用人
+  status: '测试1', // 管理状态
+  date: '测试1', // 有效日期
+}, {
+  name: '测试2', // 仪器名称
+  number: '测试2', // 设备编号
+  version: '测试2', // 型号
+  scope: '测试2', // 测量范围
+  dep: '测试2', // 使用部门
+  person: '测试2', // 使用人
+  status: '测试2', // 管理状态
+  date: '测试2', // 有效日期
+}])// 表格数据
+// 查询条件
+const listQuery: Ref<IdeviceListQuery> = ref({
+  name: '', // 仪器名称
+  number: '', // 设备编号
+  version: '', // 型号
+  scope: '', // 测量范围
+  dep: '', // 使用部门
+  person: '', // 使用人
+  status: '', // 管理状态
+  date: '', // 有效日期
+  offset: 1,
+  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',
+  },
+]
+const rules = reactive<FormRules>({
+  company: [
+    { required: true, message: '请输入申请单位', trigger: 'blur' },
+    // { min: 3, max: 5, message: 'Length should be 3 to 5', trigger: 'blur' },
+  ],
+  person: [
+    { required: true, message: '请输入申请人', trigger: 'blur' },
+    // { min: 3, max: 5, message: 'Length should be 3 to 5', trigger: 'blur' },
+  ],
+  time: [
+    {
+      type: 'date',
+      required: true,
+      message: '请选择领用时间',
+      trigger: 'change',
+    },
+  ],
+})
+
+const handleClick = (val: string) => {
+// 1同意，2驳回，0拒绝，3提交，4撤回
+  if (val === '3') { // 提交
+    ruleFormRef.value.validate((valid: boolean) => {
+      if (valid) {
+        console.log('submit!')
+      }
+      else {
+        console.log('表单提交失败')
+      }
+    })
+  }
+  else if (val === '1') {
+    isShowDialog.value = true
+    approveOpinion.value = '1'
+  }
+  else if (val === '2') {
+    isShowDialog.value = true
+    approveOpinion.value = '2'
+  }
+  else if (val === '0') {
+    isShowDialog.value = true
+    approveOpinion.value = '0'
+  }
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 删除行
+const delRow = () => {
+  console.log(checkoutList.value)
+
+  if (checkoutList.value.length <= 0) {
+    ElMessage({
+      message: '请选中要删除的行',
+      type: 'warning',
+    })
+  }
+  else {
+    // 调删除接口
+    checkoutList.value.forEach((item: IdeviceListQuery) => {
+      // if (!item.name && !item.number) {
+      list.value.forEach((element, index) => {
+        if (element.name === item.name && element.number === item.number) {
+          list.value.splice(index, 1)
+        }
+      })
+      // }
+    })
+  }
+}
+// 增加行
+const addRow = () => {
+  list.value.push({
+    name: '', // 仪器名称
+    number: '', // 设备编号
+    version: '', // 型号
+    scope: '', // 测量范围
+    dep: '', // 使用部门
+    person: '', // 使用人
+    status: '', // 管理状态
+    date: '', // 有效日期
+  })
+}
+// 点击选择
+const handleSelect = (index: number, row: IdeviceListQuery) => {
+  dialogSelectDiviceVisible.value = true
+  isMulti.value = false
+  selectIndex.value = index
+  console.log('选中的index', row)
+}
+// 点击批量添加
+const multiAdd = () => {
+  dialogSelectDiviceVisible.value = true
+  isMulti.value = true
+}
+// 点击关闭
+const close = () => {
+  emits('close')
+}
+// 选择涉笔对话框关闭
+const closeDialog = () => {
+  dialogSelectDiviceVisible.value = false
+  isShowDialog.value = false
+}
+// 选择好设备了
+const updateDeviceConfirm = (val: any) => {
+  if (isMulti.value) {
+    val.forEach((item: any) => {
+      list.value.push(item)
+    })
+  }
+  else {
+    list.value.splice(selectIndex.value, 1, val[0])
+  }
+}
+</script>
+
+<template>
+  <app-container>
+    <div class="create-check">
+      <div class="top-info">
+        <div class="title-button">
+          <h4 class="title">
+            基本信息
+          </h4>
+          <div class="button-group">
+            <el-button v-if="haveApproveLimits && !isStart && typeValue === 'add'" type="primary" plain @click="handleClick('1')">
+              同意
+            </el-button>
+            <el-button v-if="haveApproveLimits && !isStart && typeValue === 'add'" type="primary" plain @click="handleClick('2')">
+              驳回
+            </el-button>
+            <el-button v-if="haveApproveLimits && !isStart && typeValue === 'add'" type="primary" plain @click="handleClick('0')">
+              拒绝
+            </el-button>
+            <el-button v-if="isStart && typeValue === 'add'" type="primary" plain @click="handleClick('3')">
+              提交
+            </el-button>
+            <el-button v-if="isStart && typeValue === 'add'" type="primary" plain @click="handleClick('4')">
+              撤回
+            </el-button>
+            <el-button type="primary" plain @click="close">
+              关闭
+            </el-button>
+          </div>
+        </div>
+
+        <div class="form-area">
+          <el-form
+            ref="ruleFormRef"
+            :model="form"
+            label-width="120px"
+            :rules="rules"
+          >
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="申请单位" prop="company">
+                  <el-input v-model="form.company" clearable />
+                </el-form-item>
+                <el-form-item label="申请人" prop="person">
+                  <el-input v-model="form.person" clearable />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="领用时间" prop="time">
+                  <el-date-picker
+                    v-model="form.time"
+                    type="datetime"
+                    placeholder="请选择领用时间"
+                  />
+                </el-form-item>
+                <el-form-item label="申请说明">
+                  <el-input v-model="form.state" type="textarea" clearable />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+      </div>
+      <table-container title="设备领用列表">
+        <template #btns-right>
+          <el-button type="primary" @click="multiAdd">
+            批量添加
+          </el-button>
+          <el-button type="primary" @click="addRow">
+            增加行
+          </el-button>
+          <el-button type="primary" @click="delRow">
+            删除行
+          </el-button>
+        </template>
+        <normal-table
+          :data="list" :total="total" :columns="columns" :query="listQuery"
+          is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+        >
+          <template #preColumns>
+            <el-table-column label="#" width="55" align="center">
+              <template #default="scope">
+                {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+              </template>
+            </el-table-column>
+          </template>
+          <template #columns>
+            <el-table-column label="操作" align="center" width="120">
+              <template #default="scope">
+                <el-button
+                  size="small"
+                  type="primary"
+                  link
+                  @click="handleSelect(scope.$index, scope.row)"
+                >
+                  选择
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </table-container>
+
+      <table-container title="审批流程">
+        <!-- <normal-table
+          :data="list" :total="total" :columns="columns" :query="listQuery"
+          is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+        >
+          <template #preColumns>
+            <el-table-column label="#" width="55" align="center">
+              <template #default="scope">
+                {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+              </template>
+            </el-table-column>
+          </template>
+          <template #columns>
+            <el-table-column label="操作" align="center" width="120">
+              <template #default="{ row }">
+                <el-button
+                  size="small"
+                  type="primary"
+                  link
+                  @click="handleSelect(row.$index, row)"
+                >
+                  选择
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table> -->
+      </table-container>
+    </div>
+  </app-container>
+  <select-device-dialog
+    :dialog-select-divice-visible="dialogSelectDiviceVisible"
+    :is-multi="isMulti"
+    @closeDialog="closeDialog"
+    @updateDeviceConfirm="updateDeviceConfirm"
+  />
+
+  <!-- 同意、驳回、拒绝对话框显示 -->
+  <receive-dialog
+    :is-show-dialog="isShowDialog"
+    :approve-opinion="approveOpinion"
+    @closeDialog="closeDialog"
+  />
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.create-check {
+  .top-info {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    padding-right: 10px;
+    border-radius: 10px;
+    background-color: #fff;
+
+    .title-button {
+      display: flex;
+      align-items: center;
+
+      &::before {
+        content: "";
+        flex: 1;
+      }
+
+      .button-group {
+        flex: 1;
+        display: flex;
+        justify-content: flex-end;
+      }
+    }
+
+    .form-area {
+      margin-top: 40px;
+    }
+  }
+}
+</style>
diff --git a/src/views/device/receive/receive.ts b/src/views/device/receive/receive.ts
new file mode 100644
index 0000000..3e4abdb
--- /dev/null
+++ b/src/views/device/receive/receive.ts
@@ -0,0 +1,47 @@
+export interface IlistQuery {
+  number?: string // 编号
+  name?: string // 名称
+  dep?: string // 部门
+  person?: string // 人
+  date?: string // 日期
+  offset: number
+  limit: number
+}
+
+export interface IlistType {
+  number: string // 编号
+  name: string // 名称
+  fileNumber: string// 文件号
+  type: string // 类别
+  createPerson: string // 创建人
+  createTime: string // 创建时间
+  status: string // 审批状态
+}
+export interface IsolveListType {
+  number: string // 申请编号
+  name: string // 申请名称
+  dep: string // 申请部门
+  person: string// 申请人
+  date: string // 申请时间
+  status: string // 审批状态
+}
+
+export interface Iform {
+  company: string // 申请单位
+  person: string // 申请人
+  time: string // 申请时间
+  state: string // 申请说明
+}
+// 新建-查看表格
+export interface IdeviceListQuery {
+  name: string // 仪器名称
+  number: string // 设备编号
+  version: string // 型号
+  scope: string // 测量范围
+  dep: string // 使用部门
+  person: string // 使用人
+  status: string // 管理状态
+  date: string // 有效日期
+  offset: number
+  limit: number
+}
diff --git a/src/views/device/receive/receiveDialog.vue b/src/views/device/receive/receiveDialog.vue
new file mode 100644
index 0000000..fdaa730
--- /dev/null
+++ b/src/views/device/receive/receiveDialog.vue
@@ -0,0 +1,105 @@
+<script lang="ts" setup name="ReceiveDialog">
+import { ref } from 'vue'
+import dayjs from 'dayjs'
+import useUserStore from '@/store/modules/user'
+const props = defineProps({
+  isShowDialog: {
+    type: Boolean,
+    default: false,
+  },
+  approveOpinion: {
+    type: String,
+  },
+})
+const emits = defineEmits(['closeDialog', 'updateConfirm'])
+const userStore = useUserStore()
+const date = dayjs(`${new Date()}`).format('YYYY.MM.DD')
+const dialogTableVisible = ref(false)// 控制对话框显隐
+const selectRadio = ref()// 同意驳回拒绝
+const textarea = ref('')// 审批结论
+watch(() => props.isShowDialog, (newValue) => {
+  dialogTableVisible.value = newValue
+})
+watch(() => props.approveOpinion, (newValue) => {
+  selectRadio.value = newValue
+})
+// 关闭对话框
+const close = () => {
+  console.log('close-dialog')
+  emits('closeDialog')
+}
+// 确认
+const confirm = () => {
+  console.log('确认')
+  const param = {
+    selectRadio: selectRadio.value,
+    textarea,
+    userStore,
+    date,
+  }
+  console.log(param)
+  // emits('updateConfirm', param)
+  // 调接口
+  close()
+}
+</script>
+
+<template>
+  <el-dialog v-model="dialogTableVisible" title="审批操作" class="receive-dialog" @close="close">
+    <div class="receive-dialog-item">
+      <span class="text">审批意见：</span>
+      <!-- 1同意2驳回0拒绝 -->
+      <el-radio-group v-model="selectRadio">
+        <el-radio label="1" :disabled="selectRadio !== '1'">
+          同意
+        </el-radio>
+        <el-radio label="2" :disabled="selectRadio !== '2'">
+          驳回
+        </el-radio>
+        <el-radio label="0" :disabled="selectRadio !== '0'">
+          拒绝
+        </el-radio>
+      </el-radio-group>
+    </div>
+
+    <div class="receive-dialog-item">
+      <span class="text">审批结论：</span>
+      <el-input
+        v-model="textarea"
+        :rows="3"
+        type="textarea"
+        placeholder="请输入审批结论"
+      />
+    </div>
+
+    <div class="receive-dialog-item">
+      <span class="text">审批人：{{ userStore.name }}</span>
+      <span class="text">审批时间：{{ date }}</span>
+    </div>
+
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="close">取消</el-button>
+        <el-button type="primary" @click="confirm">
+          提交
+        </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.receive-dialog {
+  .receive-dialog-item {
+    display: flex;
+    align-items: center;
+    margin-bottom: 28px;
+
+    .text {
+      margin-right: 30px;
+      white-space: nowrap;
+    }
+  }
+}
+</style>
diff --git a/src/views/device/receive/selectDeviceDialog.vue b/src/views/device/receive/selectDeviceDialog.vue
new file mode 100644
index 0000000..d6f28f3
--- /dev/null
+++ b/src/views/device/receive/selectDeviceDialog.vue
@@ -0,0 +1,187 @@
+<!-- 选择设备 -->
+<script lang="ts" setup name="ReceiveDialog">
+import { ref } from 'vue'
+import useUserStore from '@/store/modules/user'
+const props = defineProps({
+  dialogSelectDiviceVisible: {
+    type: Boolean,
+    default: false,
+  },
+  isMulti: Boolean,
+})
+const emits = defineEmits(['closeDialog', 'updateDeviceConfirm'])
+const userStore = useUserStore()
+// 查询条件
+const listQuery = ref({
+  deviceName: '', // 设备名称
+  deviceNumber: '', // 设备编号
+  offset: 1,
+  limit: 10,
+})
+const total = ref(20)
+// 多选选中的内容
+const checkoutList = ref([])
+
+const list = ref([{
+  name: '设备01',
+  number: '设备01',
+  version: '设备01',
+  millNumber: '设备01',
+  status: '设备01',
+  person: '设备01',
+  date: '设备01',
+},
+{
+  name: '设备02',
+  number: '设备02',
+  version: '设备02',
+  millNumber: '设备02',
+  status: '设备02',
+  person: '设备02',
+  date: '设备02',
+}])// 表格数据
+const columns = [
+  {
+    text: '设备名称',
+    value: 'name',
+  },
+  {
+    text: '设备编号',
+    value: 'number',
+  },
+  {
+    text: '型号',
+    value: 'version',
+  },
+  {
+    text: '出厂编号',
+    value: 'millNumber',
+  },
+  {
+    text: '管理状态',
+    value: 'status',
+  },
+  {
+    text: '使用人',
+    value: 'person',
+  },
+  {
+    text: '有效日期',
+    value: 'date',
+  },
+]
+const table = ref()
+const dialogTableVisible = ref(false)// 控制对话框显隐
+watch(() => props.dialogSelectDiviceVisible, (newValue) => {
+  dialogTableVisible.value = newValue
+  if (!newValue) {
+    table.value.clearMulti() // 清除多选选中
+  }
+})
+// 关闭对话框
+const close = () => {
+  console.log('close-dialog')
+  emits('closeDialog')
+}
+// 确认
+const confirm = () => {
+  console.log('确认')
+  emits('updateDeviceConfirm', checkoutList.value)
+  // 调接口
+  close()
+}
+// 重置
+const clearList = () => {
+  listQuery.value.deviceName = ''
+  listQuery.value.deviceNumber = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选选中
+const handleSelectionChange = (val: any) => {
+  console.log('多选', val)
+  checkoutList.value = val
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+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)
+}
+</script>
+
+<template>
+  <el-dialog v-model="dialogTableVisible" title="选择设备" class="select-device-dialog" @close="close">
+    <search-area
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.deviceName"
+          placeholder="设备名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.deviceNumber"
+          placeholder="设备编号"
+          clearable
+        />
+      </search-item>
+    </search-area>
+    <table-container>
+      <normal-table
+        ref="table"
+        :data="list"
+        :total="total"
+        :columns="columns"
+        :query="listQuery"
+        :is-multi="isMulti"
+        is-showmulti-select
+        @change="changePage"
+        @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="close">取消</el-button>
+        <el-button type="primary" @click="confirm">
+          确定
+        </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.receive-dialog {
+  .receive-dialog-item {
+    display: flex;
+    align-items: center;
+    margin-bottom: 28px;
+
+    .text {
+      margin-right: 30px;
+      white-space: nowrap;
+    }
+  }
+}
+</style>
diff --git a/src/views/device/receive/solveComponent/buttonBox.vue b/src/views/device/receive/solveComponent/buttonBox.vue
new file mode 100644
index 0000000..fa155a2
--- /dev/null
+++ b/src/views/device/receive/solveComponent/buttonBox.vue
@@ -0,0 +1,42 @@
+<script lang="ts" setup name="ButtonBox">
+import { ref } from 'vue'
+const emits = defineEmits(['changeCurrentButton'])
+const menu = [
+  { name: '未领用', id: 'unused' },
+  { name: '已领用', id: 'used' },
+]
+const current = ref('unused')
+watch(current, (newValue) => {
+  console.log(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>
+    <!-- 展示区域 -->
+    <!-- <component :is="currentComp" /> -->
+  </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/system/process.ts b/src/api/system/process.ts
new file mode 100644
index 0000000..8da9b84
--- /dev/null
+++ b/src/api/system/process.ts
@@ -0,0 +1,12 @@
+// 流程管理接口
+import request from '../index'
+const prefix = '/system/flow'
+
+// 价格列表查询
+export function getProcessList(data: object) {
+  return request({
+    url: `${prefix}/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 2b110cb..046291a 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -11,6 +11,11 @@
     type: Boolean,
     default: false,
   },
+  // 是否允许多选
+  isMulti: {
+    type: Boolean,
+    default: true,
+  },
   // 查询条件，此处主要需要分页的条件
   query: {
     type: Object,
@@ -152,11 +157,34 @@
   initColumnsState()
   changeColumns()
 })
+// 多选框单选功能
+const selectClick = (selection: any, row: any) => {
+  if (!props.isMulti) {
+    console.log('selectClick')
+    if (selection.length > 1) {
+      const del_row = selection.shift()
+      table.value.toggleRowSelection(del_row, false) // 用于多选表格，切换某一行的选中状态，如果使用了第二个参数，则是设置这一行选中与否（selected 为 true 则选中）
+    }
+  }
+}
 </script>
 
 <template>
-  <div class="normal-table">
-    <el-table id="print" ref="table" v-loading="loading" :data="data" height="height" border stripe :size="size" style="width: 100%;" @selection-change="handleSelectionChange">
+  <div :class="isMulti ? 'normal-table' : 'single-table'">
+    <el-table
+      id="print"
+      ref="table"
+      v-loading="loading"
+      :data="data"
+      height="height"
+      border
+      stripe
+      :size="size"
+      style="width: 100%;"
+      @selection-change="handleSelectionChange"
+      @select="selectClick"
+      @row-click="rowClick"
+    >
       <el-table-column v-if="isShowmultiSelect" type="selection" width="55" />
       <slot name="preColumns" />
       <el-table-column v-for="column of columns" :key="column.value" :label="column.text" :prop="column.value" :width="column.width" :align="column.align" :show-overflow-tooltip="column.showOverflow ? column.showOverflow : true" />
@@ -180,5 +208,14 @@
 <style lang="scss" scoped>
 .normal-table {
   width: 100%;
+  // 隐藏全选按钮
+}
+
+.single-table {
+  width: 100%;
+
+  :deep(.el-table th.el-table__cell:nth-child(1) .cell) {
+    visibility: hidden;
+  }
 }
 </style>
diff --git a/src/router/modules/device.ts b/src/router/modules/device.ts
index 55b4d14..d6c1c91 100644
--- a/src/router/modules/device.ts
+++ b/src/router/modules/device.ts
@@ -281,6 +281,40 @@
       },
     ],
   },
+  {
+    path: '/receive',
+    component: Layout,
+    redirect: '/device/receive/applyList',
+    name: 'Receive',
+    meta: {
+      title: '设备领用',
+      icon: 'ep:key',
+      auth: '/device/receive',
+    },
+    children: [
+      {
+        path: 'applyList',
+        name: 'ApplyList',
+        component: () => import('@/views/device/receive/applyList.vue'),
+        meta: {
+          title: '设备领用申请',
+          icon: 'ep:key',
+          auth: '/device/receive/applyList',
+        },
+      },
+      {
+        path: 'solveList',
+        name: 'SolveList',
+        component: () => import('@/views/device/receive/solveList.vue'),
+        meta: {
+          title: '设备领用处理',
+          icon: 'ep:key',
+          auth: '/device/receive/solveList',
+        },
+      },
+    ],
+  },
+
 ]
 
 export default routes
diff --git a/src/views/device/deviceMaintenance/maintenanceList.vue b/src/views/device/deviceMaintenance/maintenanceList.vue
index 3c91abd..9da2abd 100644
--- a/src/views/device/deviceMaintenance/maintenanceList.vue
+++ b/src/views/device/deviceMaintenance/maintenanceList.vue
@@ -1,4 +1,4 @@
-<script lang="ts" setup name="MaintenanceList">
+<!-- <script lang="ts" setup name="MaintenanceList">
 // 逻辑代码
 </script>
 
@@ -10,4 +10,416 @@
 
 <style lang="scss" scoped>
 // 样式
+</style> -->
+
+<script lang="ts" setup name="Receive">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IlistType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import createOrCheck from '@/views/device/receive/createOrCheck.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref() // 选中的按钮
+const isShowDialog = ref(false) // 是否显示dialog
+const approveOpinion = ref() // 审批意见：1同意2驳回0拒绝
+const type = {
+  add: '新建',
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    fileNumber: 'string', // 文件号
+    type: 'string', // 类别
+    createPerson: 'string', // 创建人
+    createTime: 'string', // 创建时间
+    status: '审批中', // 审批状态
+    isStart: true, // 是否是发起者
+  },
+  {
+    number: '1', // 编号
+    name: '1', // 名称
+    fileNumber: '1', // 文件号
+    type: '1', // 类别
+    createPerson: '1', // 创建人
+    createTime: '1', // 创建时间
+    status: '已通过', // 审批状态
+    isStart: false,
+  },
+  {
+    number: '2', // 编号
+    name: '2', // 名称
+    fileNumber: '2', // 文件号
+    type: '2', // 类别
+    createPerson: '2', // 创建人
+    createTime: '2', // 创建时间
+    status: '未通过', // 审批状态0未通过
+    isStart: false,
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = ref([
+  {
+    text: '名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '文件号',
+    value: 'fileNumber',
+  },
+  {
+    text: '类别',
+    value: 'type',
+  },
+  {
+    text: '创建人',
+    value: 'createPerson',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+])
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 新建
+const add = () => {
+  typeValue.value = 'add'
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用申请', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IlistType, val: string) => {
+  if (val === '取消') {
+    ElMessageBox.confirm(
+      '确认取消吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '取消成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '同意') {
+    isShowDialog.value = true
+    approveOpinion.value = '1'
+  }
+  else if (val === '驳回') {
+    isShowDialog.value = true
+    approveOpinion.value = '2'
+  }
+  else if (val === '拒绝') {
+    isShowDialog.value = true
+    approveOpinion.value = '0'
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'box') { // 草稿箱
+
+  }
+  else if (val === 'will') { // 未审批
+
+  }
+  else if (val === 'ing') { // 审批中
+
+  }
+  else if (val === 'pass') { // 已通过
+
+  }
+  else if (val === 'notPass') { // 未通过
+
+  }
+  else if (val === 'cancle') { // 已取消
+
+  }
+  else { // 全部
+
+  }
+}
+// 监听关闭对话框
+const closeDialog = () => {
+  isShowDialog.value = false
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'add' && typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'add' && typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="add">
+          新建
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="290">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '同意')"
+              >
+                同意
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '驳回')"
+              >
+                驳回
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '拒绝')"
+              >
+                拒绝
+              </el-button>
+              <!-- 是发起者且审批中可以取消 -->
+              <el-button
+                :disabled="row.status === '审批中' && row.isStart"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '取消')"
+              >
+                取消
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                :disabled="row.status === '未通过' || row.status === '已通过' || !row.isStart"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box v-if="typeValue !== 'add' && typeValue !== 'check'" :active="active" @changeCurrentButton="changeCurrentButton" />
+    <receive-dialog :is-show-dialog="isShowDialog" :approve-opinion="approveOpinion" @closeDialog="closeDialog" />
+    <create-or-check
+      v-if="typeValue === 'add' || typeValue === 'check'"
+      :type-value="typeValue"
+      @close="close"
+    />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
 </style>
+
diff --git a/src/views/device/deviceMaintenance/manageCheckList.vue b/src/views/device/deviceMaintenance/manageCheckList.vue
index a4ace73..1df82e3 100644
--- a/src/views/device/deviceMaintenance/manageCheckList.vue
+++ b/src/views/device/deviceMaintenance/manageCheckList.vue
@@ -1,4 +1,4 @@
-<script lang="ts" setup name="ManageCheckList">
+<!-- <script lang="ts" setup name="ManageCheckList">
 // 逻辑代码
 </script>
 
@@ -10,4 +10,372 @@
 
 <style lang="scss" scoped>
 // 样式
+</style> -->
+<script lang="ts" setup name="SolveList">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IsolveListType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/solveComponent/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import detail from '@/views/device/receive/solveComponent/detail.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref('unused') // 选中的按钮
+const type = {
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = [
+  {
+    text: '申请编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '申请名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '申请部门',
+    value: 'dep',
+  },
+  {
+    text: '申请人',
+    value: 'person',
+  },
+  {
+    text: '申请时间',
+    value: 'date',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+]
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IsolveListType, index: number) => ({ index: index + 1, number: item.number, name: item.name, dep: item.dep, person: item.person, date: item.date, status: item.status })),
+      name: '设备领用处理',
+      titleArr: ['序号', '申请编号', '申请名称', '申请部门', '申请人', '申请时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IsolveListType, index: number) => ({ index: index + 1, number: item.number, name: item.name, dep: item.dep, person: item.person, date: item.date, status: item.status })),
+      name: '设备领用处理',
+      titleArr: ['序号', '申请编号', '申请名称', '申请部门', '申请人', '申请时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用处理', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IsolveListType, val: string) => {
+  if (val === '领用') {
+    ElMessageBox.confirm(
+      '确认领用吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调领用接口
+        ElMessage({
+          type: 'success',
+          message: '领用成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调删除接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '退领') {
+    ElMessageBox.confirm(
+      '确认退领吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调退领接口
+        ElMessage({
+          type: 'success',
+          message: '退领成功',
+        })
+      })
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 右上角按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'unused') { // 未领用
+
+  }
+  else if (val === 'used') { // 已领用
+
+  }
+}
+// 标签识别
+const execTag = () => {
+
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="execTag">
+          标签识别
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="180">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                v-if="active === 'unused'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '领用')"
+              >
+                领用
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                v-if="active === 'unused'"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+              <el-button
+                v-if="active === 'used'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '退领')"
+              >
+                退领
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box
+      v-if="typeValue !== 'check'"
+      :active="active"
+      @changeCurrentButton="changeCurrentButton"
+    />
+    <detail v-if="typeValue === 'check'" :type-value="typeValue" @close="close" />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
 </style>
+
diff --git a/src/views/device/receive/applyList.vue b/src/views/device/receive/applyList.vue
new file mode 100644
index 0000000..5ee8966
--- /dev/null
+++ b/src/views/device/receive/applyList.vue
@@ -0,0 +1,411 @@
+<script lang="ts" setup name="ApplyList">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IlistType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import createOrCheck from '@/views/device/receive/createOrCheck.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref() // 选中的按钮
+const isShowDialog = ref(false) // 是否显示dialog
+const approveOpinion = ref() // 审批意见：1同意2驳回0拒绝
+const type = {
+  add: '新建',
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    fileNumber: 'string', // 文件号
+    type: 'string', // 类别
+    createPerson: 'string', // 创建人
+    createTime: 'string', // 创建时间
+    status: '审批中', // 审批状态
+    isStart: true, // 是否是发起者
+  },
+  {
+    number: '1', // 编号
+    name: '1', // 名称
+    fileNumber: '1', // 文件号
+    type: '1', // 类别
+    createPerson: '1', // 创建人
+    createTime: '1', // 创建时间
+    status: '已通过', // 审批状态
+    isStart: false,
+  },
+  {
+    number: '2', // 编号
+    name: '2', // 名称
+    fileNumber: '2', // 文件号
+    type: '2', // 类别
+    createPerson: '2', // 创建人
+    createTime: '2', // 创建时间
+    status: '未通过', // 审批状态0未通过
+    isStart: false,
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = ref([
+  {
+    text: '名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '文件号',
+    value: 'fileNumber',
+  },
+  {
+    text: '类别',
+    value: 'type',
+  },
+  {
+    text: '创建人',
+    value: 'createPerson',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+])
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 新建
+const add = () => {
+  typeValue.value = 'add'
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用申请', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IlistType, val: string) => {
+  if (val === '取消') {
+    ElMessageBox.confirm(
+      '确认取消吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '取消成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '同意') {
+    isShowDialog.value = true
+    approveOpinion.value = '1'
+  }
+  else if (val === '驳回') {
+    isShowDialog.value = true
+    approveOpinion.value = '2'
+  }
+  else if (val === '拒绝') {
+    isShowDialog.value = true
+    approveOpinion.value = '0'
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'box') { // 草稿箱
+
+  }
+  else if (val === 'will') { // 未审批
+
+  }
+  else if (val === 'ing') { // 审批中
+
+  }
+  else if (val === 'pass') { // 已通过
+
+  }
+  else if (val === 'notPass') { // 未通过
+
+  }
+  else if (val === 'cancle') { // 已取消
+
+  }
+  else { // 全部
+
+  }
+}
+// 监听关闭对话框
+const closeDialog = () => {
+  isShowDialog.value = false
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'add' && typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'add' && typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="add">
+          新建
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="290">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '同意')"
+              >
+                同意
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '驳回')"
+              >
+                驳回
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '拒绝')"
+              >
+                拒绝
+              </el-button>
+              <!-- 是发起者且审批中可以取消 -->
+              <el-button
+                :disabled="row.status === '审批中' && row.isStart"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '取消')"
+              >
+                取消
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                :disabled="row.status === '未通过' || row.status === '已通过' || !row.isStart"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box v-if="typeValue !== 'add' && typeValue !== 'check'" :active="active" @changeCurrentButton="changeCurrentButton" />
+    <receive-dialog :is-show-dialog="isShowDialog" :approve-opinion="approveOpinion" @closeDialog="closeDialog" />
+    <create-or-check
+      v-if="typeValue === 'add' || typeValue === 'check'"
+      :type-value="typeValue"
+      @close="close"
+    />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
+
diff --git a/src/views/device/receive/buttonBox.vue b/src/views/device/receive/buttonBox.vue
new file mode 100644
index 0000000..aa02ce5
--- /dev/null
+++ b/src/views/device/receive/buttonBox.vue
@@ -0,0 +1,47 @@
+<script lang="ts" setup name="ButtonBox">
+import { ref } from 'vue'
+const emits = defineEmits(['changeCurrentButton'])
+const menu = [
+  { name: '全部', id: 'all' },
+  { name: '草稿箱', id: 'box' },
+  { name: '待审批', id: 'will' },
+  { name: '审批中', id: 'ing' },
+  { name: '已通过', id: 'pass' },
+  { name: '未通过', id: 'notPass' },
+  { name: '已取消', id: 'cancle' },
+]
+const current = ref('all')
+watch(current, (newValue) => {
+  console.log(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>
+    <!-- 展示区域 -->
+    <!-- <component :is="currentComp" /> -->
+  </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/device/receive/createOrCheck.vue b/src/views/device/receive/createOrCheck.vue
new file mode 100644
index 0000000..a40cae5
--- /dev/null
+++ b/src/views/device/receive/createOrCheck.vue
@@ -0,0 +1,411 @@
+<script lang="ts" setup name="CreateOrCheck">
+import { reactive, ref } from 'vue'
+import type { Ref } from 'vue'
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import type { IdeviceListQuery, Iform } from './receive'
+import SelectDeviceDialog from './selectDeviceDialog.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+
+const props = defineProps({
+  typeValue: String,
+})
+const emits = defineEmits(['close'])
+const isMulti = ref(false) // 是否批量添加(允许多选)
+const selectIndex = ref()
+const { proxy } = getCurrentInstance() as any
+const dialogSelectDiviceVisible = ref(false) // 控制选择设备对话框显隐
+const isShowDialog = ref(false) // 控制审批对话框显隐
+const total = ref(20)// 总数
+const approveOpinion = ref() // 审批意见：1同意2驳回0拒绝
+const type = {
+  add: '新建',
+  check: '查看',
+  normal: '正常',
+}
+const haveApproveLimits = ref(true)// 是否有审批权限
+const isStart = ref(false)// 是否是发起人
+// 选中的内容
+const checkoutList = ref([])
+// 表单数据
+const form = ref({
+  company: '申请单位', // 申请单位
+  person: '申请人1', // 申请人
+  time: '1', // 领用时间
+  state: '', // 申请说明
+})
+const ruleFormRef = ref<FormInstance>() as any
+const list = ref([{
+  name: '测试1', // 仪器名称
+  number: '测试1', // 设备编号
+  version: '测试1', // 型号
+  scope: '测试1', // 测量范围
+  dep: '测试1', // 使用部门
+  person: '测试1', // 使用人
+  status: '测试1', // 管理状态
+  date: '测试1', // 有效日期
+}, {
+  name: '测试2', // 仪器名称
+  number: '测试2', // 设备编号
+  version: '测试2', // 型号
+  scope: '测试2', // 测量范围
+  dep: '测试2', // 使用部门
+  person: '测试2', // 使用人
+  status: '测试2', // 管理状态
+  date: '测试2', // 有效日期
+}])// 表格数据
+// 查询条件
+const listQuery: Ref<IdeviceListQuery> = ref({
+  name: '', // 仪器名称
+  number: '', // 设备编号
+  version: '', // 型号
+  scope: '', // 测量范围
+  dep: '', // 使用部门
+  person: '', // 使用人
+  status: '', // 管理状态
+  date: '', // 有效日期
+  offset: 1,
+  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',
+  },
+]
+const rules = reactive<FormRules>({
+  company: [
+    { required: true, message: '请输入申请单位', trigger: 'blur' },
+    // { min: 3, max: 5, message: 'Length should be 3 to 5', trigger: 'blur' },
+  ],
+  person: [
+    { required: true, message: '请输入申请人', trigger: 'blur' },
+    // { min: 3, max: 5, message: 'Length should be 3 to 5', trigger: 'blur' },
+  ],
+  time: [
+    {
+      type: 'date',
+      required: true,
+      message: '请选择领用时间',
+      trigger: 'change',
+    },
+  ],
+})
+
+const handleClick = (val: string) => {
+// 1同意，2驳回，0拒绝，3提交，4撤回
+  if (val === '3') { // 提交
+    ruleFormRef.value.validate((valid: boolean) => {
+      if (valid) {
+        console.log('submit!')
+      }
+      else {
+        console.log('表单提交失败')
+      }
+    })
+  }
+  else if (val === '1') {
+    isShowDialog.value = true
+    approveOpinion.value = '1'
+  }
+  else if (val === '2') {
+    isShowDialog.value = true
+    approveOpinion.value = '2'
+  }
+  else if (val === '0') {
+    isShowDialog.value = true
+    approveOpinion.value = '0'
+  }
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 删除行
+const delRow = () => {
+  console.log(checkoutList.value)
+
+  if (checkoutList.value.length <= 0) {
+    ElMessage({
+      message: '请选中要删除的行',
+      type: 'warning',
+    })
+  }
+  else {
+    // 调删除接口
+    checkoutList.value.forEach((item: IdeviceListQuery) => {
+      // if (!item.name && !item.number) {
+      list.value.forEach((element, index) => {
+        if (element.name === item.name && element.number === item.number) {
+          list.value.splice(index, 1)
+        }
+      })
+      // }
+    })
+  }
+}
+// 增加行
+const addRow = () => {
+  list.value.push({
+    name: '', // 仪器名称
+    number: '', // 设备编号
+    version: '', // 型号
+    scope: '', // 测量范围
+    dep: '', // 使用部门
+    person: '', // 使用人
+    status: '', // 管理状态
+    date: '', // 有效日期
+  })
+}
+// 点击选择
+const handleSelect = (index: number, row: IdeviceListQuery) => {
+  dialogSelectDiviceVisible.value = true
+  isMulti.value = false
+  selectIndex.value = index
+  console.log('选中的index', row)
+}
+// 点击批量添加
+const multiAdd = () => {
+  dialogSelectDiviceVisible.value = true
+  isMulti.value = true
+}
+// 点击关闭
+const close = () => {
+  emits('close')
+}
+// 选择涉笔对话框关闭
+const closeDialog = () => {
+  dialogSelectDiviceVisible.value = false
+  isShowDialog.value = false
+}
+// 选择好设备了
+const updateDeviceConfirm = (val: any) => {
+  if (isMulti.value) {
+    val.forEach((item: any) => {
+      list.value.push(item)
+    })
+  }
+  else {
+    list.value.splice(selectIndex.value, 1, val[0])
+  }
+}
+</script>
+
+<template>
+  <app-container>
+    <div class="create-check">
+      <div class="top-info">
+        <div class="title-button">
+          <h4 class="title">
+            基本信息
+          </h4>
+          <div class="button-group">
+            <el-button v-if="haveApproveLimits && !isStart && typeValue === 'add'" type="primary" plain @click="handleClick('1')">
+              同意
+            </el-button>
+            <el-button v-if="haveApproveLimits && !isStart && typeValue === 'add'" type="primary" plain @click="handleClick('2')">
+              驳回
+            </el-button>
+            <el-button v-if="haveApproveLimits && !isStart && typeValue === 'add'" type="primary" plain @click="handleClick('0')">
+              拒绝
+            </el-button>
+            <el-button v-if="isStart && typeValue === 'add'" type="primary" plain @click="handleClick('3')">
+              提交
+            </el-button>
+            <el-button v-if="isStart && typeValue === 'add'" type="primary" plain @click="handleClick('4')">
+              撤回
+            </el-button>
+            <el-button type="primary" plain @click="close">
+              关闭
+            </el-button>
+          </div>
+        </div>
+
+        <div class="form-area">
+          <el-form
+            ref="ruleFormRef"
+            :model="form"
+            label-width="120px"
+            :rules="rules"
+          >
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="申请单位" prop="company">
+                  <el-input v-model="form.company" clearable />
+                </el-form-item>
+                <el-form-item label="申请人" prop="person">
+                  <el-input v-model="form.person" clearable />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="领用时间" prop="time">
+                  <el-date-picker
+                    v-model="form.time"
+                    type="datetime"
+                    placeholder="请选择领用时间"
+                  />
+                </el-form-item>
+                <el-form-item label="申请说明">
+                  <el-input v-model="form.state" type="textarea" clearable />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+      </div>
+      <table-container title="设备领用列表">
+        <template #btns-right>
+          <el-button type="primary" @click="multiAdd">
+            批量添加
+          </el-button>
+          <el-button type="primary" @click="addRow">
+            增加行
+          </el-button>
+          <el-button type="primary" @click="delRow">
+            删除行
+          </el-button>
+        </template>
+        <normal-table
+          :data="list" :total="total" :columns="columns" :query="listQuery"
+          is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+        >
+          <template #preColumns>
+            <el-table-column label="#" width="55" align="center">
+              <template #default="scope">
+                {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+              </template>
+            </el-table-column>
+          </template>
+          <template #columns>
+            <el-table-column label="操作" align="center" width="120">
+              <template #default="scope">
+                <el-button
+                  size="small"
+                  type="primary"
+                  link
+                  @click="handleSelect(scope.$index, scope.row)"
+                >
+                  选择
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </table-container>
+
+      <table-container title="审批流程">
+        <!-- <normal-table
+          :data="list" :total="total" :columns="columns" :query="listQuery"
+          is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+        >
+          <template #preColumns>
+            <el-table-column label="#" width="55" align="center">
+              <template #default="scope">
+                {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+              </template>
+            </el-table-column>
+          </template>
+          <template #columns>
+            <el-table-column label="操作" align="center" width="120">
+              <template #default="{ row }">
+                <el-button
+                  size="small"
+                  type="primary"
+                  link
+                  @click="handleSelect(row.$index, row)"
+                >
+                  选择
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table> -->
+      </table-container>
+    </div>
+  </app-container>
+  <select-device-dialog
+    :dialog-select-divice-visible="dialogSelectDiviceVisible"
+    :is-multi="isMulti"
+    @closeDialog="closeDialog"
+    @updateDeviceConfirm="updateDeviceConfirm"
+  />
+
+  <!-- 同意、驳回、拒绝对话框显示 -->
+  <receive-dialog
+    :is-show-dialog="isShowDialog"
+    :approve-opinion="approveOpinion"
+    @closeDialog="closeDialog"
+  />
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.create-check {
+  .top-info {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    padding-right: 10px;
+    border-radius: 10px;
+    background-color: #fff;
+
+    .title-button {
+      display: flex;
+      align-items: center;
+
+      &::before {
+        content: "";
+        flex: 1;
+      }
+
+      .button-group {
+        flex: 1;
+        display: flex;
+        justify-content: flex-end;
+      }
+    }
+
+    .form-area {
+      margin-top: 40px;
+    }
+  }
+}
+</style>
diff --git a/src/views/device/receive/receive.ts b/src/views/device/receive/receive.ts
new file mode 100644
index 0000000..3e4abdb
--- /dev/null
+++ b/src/views/device/receive/receive.ts
@@ -0,0 +1,47 @@
+export interface IlistQuery {
+  number?: string // 编号
+  name?: string // 名称
+  dep?: string // 部门
+  person?: string // 人
+  date?: string // 日期
+  offset: number
+  limit: number
+}
+
+export interface IlistType {
+  number: string // 编号
+  name: string // 名称
+  fileNumber: string// 文件号
+  type: string // 类别
+  createPerson: string // 创建人
+  createTime: string // 创建时间
+  status: string // 审批状态
+}
+export interface IsolveListType {
+  number: string // 申请编号
+  name: string // 申请名称
+  dep: string // 申请部门
+  person: string// 申请人
+  date: string // 申请时间
+  status: string // 审批状态
+}
+
+export interface Iform {
+  company: string // 申请单位
+  person: string // 申请人
+  time: string // 申请时间
+  state: string // 申请说明
+}
+// 新建-查看表格
+export interface IdeviceListQuery {
+  name: string // 仪器名称
+  number: string // 设备编号
+  version: string // 型号
+  scope: string // 测量范围
+  dep: string // 使用部门
+  person: string // 使用人
+  status: string // 管理状态
+  date: string // 有效日期
+  offset: number
+  limit: number
+}
diff --git a/src/views/device/receive/receiveDialog.vue b/src/views/device/receive/receiveDialog.vue
new file mode 100644
index 0000000..fdaa730
--- /dev/null
+++ b/src/views/device/receive/receiveDialog.vue
@@ -0,0 +1,105 @@
+<script lang="ts" setup name="ReceiveDialog">
+import { ref } from 'vue'
+import dayjs from 'dayjs'
+import useUserStore from '@/store/modules/user'
+const props = defineProps({
+  isShowDialog: {
+    type: Boolean,
+    default: false,
+  },
+  approveOpinion: {
+    type: String,
+  },
+})
+const emits = defineEmits(['closeDialog', 'updateConfirm'])
+const userStore = useUserStore()
+const date = dayjs(`${new Date()}`).format('YYYY.MM.DD')
+const dialogTableVisible = ref(false)// 控制对话框显隐
+const selectRadio = ref()// 同意驳回拒绝
+const textarea = ref('')// 审批结论
+watch(() => props.isShowDialog, (newValue) => {
+  dialogTableVisible.value = newValue
+})
+watch(() => props.approveOpinion, (newValue) => {
+  selectRadio.value = newValue
+})
+// 关闭对话框
+const close = () => {
+  console.log('close-dialog')
+  emits('closeDialog')
+}
+// 确认
+const confirm = () => {
+  console.log('确认')
+  const param = {
+    selectRadio: selectRadio.value,
+    textarea,
+    userStore,
+    date,
+  }
+  console.log(param)
+  // emits('updateConfirm', param)
+  // 调接口
+  close()
+}
+</script>
+
+<template>
+  <el-dialog v-model="dialogTableVisible" title="审批操作" class="receive-dialog" @close="close">
+    <div class="receive-dialog-item">
+      <span class="text">审批意见：</span>
+      <!-- 1同意2驳回0拒绝 -->
+      <el-radio-group v-model="selectRadio">
+        <el-radio label="1" :disabled="selectRadio !== '1'">
+          同意
+        </el-radio>
+        <el-radio label="2" :disabled="selectRadio !== '2'">
+          驳回
+        </el-radio>
+        <el-radio label="0" :disabled="selectRadio !== '0'">
+          拒绝
+        </el-radio>
+      </el-radio-group>
+    </div>
+
+    <div class="receive-dialog-item">
+      <span class="text">审批结论：</span>
+      <el-input
+        v-model="textarea"
+        :rows="3"
+        type="textarea"
+        placeholder="请输入审批结论"
+      />
+    </div>
+
+    <div class="receive-dialog-item">
+      <span class="text">审批人：{{ userStore.name }}</span>
+      <span class="text">审批时间：{{ date }}</span>
+    </div>
+
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="close">取消</el-button>
+        <el-button type="primary" @click="confirm">
+          提交
+        </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.receive-dialog {
+  .receive-dialog-item {
+    display: flex;
+    align-items: center;
+    margin-bottom: 28px;
+
+    .text {
+      margin-right: 30px;
+      white-space: nowrap;
+    }
+  }
+}
+</style>
diff --git a/src/views/device/receive/selectDeviceDialog.vue b/src/views/device/receive/selectDeviceDialog.vue
new file mode 100644
index 0000000..d6f28f3
--- /dev/null
+++ b/src/views/device/receive/selectDeviceDialog.vue
@@ -0,0 +1,187 @@
+<!-- 选择设备 -->
+<script lang="ts" setup name="ReceiveDialog">
+import { ref } from 'vue'
+import useUserStore from '@/store/modules/user'
+const props = defineProps({
+  dialogSelectDiviceVisible: {
+    type: Boolean,
+    default: false,
+  },
+  isMulti: Boolean,
+})
+const emits = defineEmits(['closeDialog', 'updateDeviceConfirm'])
+const userStore = useUserStore()
+// 查询条件
+const listQuery = ref({
+  deviceName: '', // 设备名称
+  deviceNumber: '', // 设备编号
+  offset: 1,
+  limit: 10,
+})
+const total = ref(20)
+// 多选选中的内容
+const checkoutList = ref([])
+
+const list = ref([{
+  name: '设备01',
+  number: '设备01',
+  version: '设备01',
+  millNumber: '设备01',
+  status: '设备01',
+  person: '设备01',
+  date: '设备01',
+},
+{
+  name: '设备02',
+  number: '设备02',
+  version: '设备02',
+  millNumber: '设备02',
+  status: '设备02',
+  person: '设备02',
+  date: '设备02',
+}])// 表格数据
+const columns = [
+  {
+    text: '设备名称',
+    value: 'name',
+  },
+  {
+    text: '设备编号',
+    value: 'number',
+  },
+  {
+    text: '型号',
+    value: 'version',
+  },
+  {
+    text: '出厂编号',
+    value: 'millNumber',
+  },
+  {
+    text: '管理状态',
+    value: 'status',
+  },
+  {
+    text: '使用人',
+    value: 'person',
+  },
+  {
+    text: '有效日期',
+    value: 'date',
+  },
+]
+const table = ref()
+const dialogTableVisible = ref(false)// 控制对话框显隐
+watch(() => props.dialogSelectDiviceVisible, (newValue) => {
+  dialogTableVisible.value = newValue
+  if (!newValue) {
+    table.value.clearMulti() // 清除多选选中
+  }
+})
+// 关闭对话框
+const close = () => {
+  console.log('close-dialog')
+  emits('closeDialog')
+}
+// 确认
+const confirm = () => {
+  console.log('确认')
+  emits('updateDeviceConfirm', checkoutList.value)
+  // 调接口
+  close()
+}
+// 重置
+const clearList = () => {
+  listQuery.value.deviceName = ''
+  listQuery.value.deviceNumber = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选选中
+const handleSelectionChange = (val: any) => {
+  console.log('多选', val)
+  checkoutList.value = val
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+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)
+}
+</script>
+
+<template>
+  <el-dialog v-model="dialogTableVisible" title="选择设备" class="select-device-dialog" @close="close">
+    <search-area
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.deviceName"
+          placeholder="设备名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.deviceNumber"
+          placeholder="设备编号"
+          clearable
+        />
+      </search-item>
+    </search-area>
+    <table-container>
+      <normal-table
+        ref="table"
+        :data="list"
+        :total="total"
+        :columns="columns"
+        :query="listQuery"
+        :is-multi="isMulti"
+        is-showmulti-select
+        @change="changePage"
+        @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="close">取消</el-button>
+        <el-button type="primary" @click="confirm">
+          确定
+        </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.receive-dialog {
+  .receive-dialog-item {
+    display: flex;
+    align-items: center;
+    margin-bottom: 28px;
+
+    .text {
+      margin-right: 30px;
+      white-space: nowrap;
+    }
+  }
+}
+</style>
diff --git a/src/views/device/receive/solveComponent/buttonBox.vue b/src/views/device/receive/solveComponent/buttonBox.vue
new file mode 100644
index 0000000..fa155a2
--- /dev/null
+++ b/src/views/device/receive/solveComponent/buttonBox.vue
@@ -0,0 +1,42 @@
+<script lang="ts" setup name="ButtonBox">
+import { ref } from 'vue'
+const emits = defineEmits(['changeCurrentButton'])
+const menu = [
+  { name: '未领用', id: 'unused' },
+  { name: '已领用', id: 'used' },
+]
+const current = ref('unused')
+watch(current, (newValue) => {
+  console.log(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>
+    <!-- 展示区域 -->
+    <!-- <component :is="currentComp" /> -->
+  </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/device/receive/solveComponent/detail.vue b/src/views/device/receive/solveComponent/detail.vue
new file mode 100644
index 0000000..862fad1
--- /dev/null
+++ b/src/views/device/receive/solveComponent/detail.vue
@@ -0,0 +1,270 @@
+<script lang="ts" setup name="Detail">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import type { IdeviceListQuery, Iform } from '../receive'
+
+const props = defineProps({
+  typeValue: String,
+})
+const emits = defineEmits(['close'])
+const { proxy } = getCurrentInstance() as any
+const total = ref(20)// 总数
+const type = {
+  check: '查看',
+  normal: '正常',
+}
+
+// 表单数据
+const form = ref({
+  company: '申请单位', // 申请单位
+  person: '申请人1', // 申请人
+  time: '1', // 领用时间
+  state: '说明1', // 申请说明
+})
+const list = ref([{
+  name: '测试1', // 仪器名称
+  number: '测试1', // 设备编号
+  version: '测试1', // 型号
+  scope: '测试1', // 测量范围
+  dep: '测试1', // 使用部门
+  person: '测试1', // 使用人
+  status: '测试1', // 管理状态
+  date: '测试1', // 有效日期
+}, {
+  name: '测试2', // 仪器名称
+  number: '测试2', // 设备编号
+  version: '测试2', // 型号
+  scope: '测试2', // 测量范围
+  dep: '测试2', // 使用部门
+  person: '测试2', // 使用人
+  status: '测试2', // 管理状态
+  date: '测试2', // 有效日期
+}])// 表格数据
+// 查询条件
+const listQuery: Ref<IdeviceListQuery> = ref({
+  name: '', // 仪器名称
+  number: '', // 设备编号
+  version: '', // 型号
+  scope: '', // 测量范围
+  dep: '', // 使用部门
+  person: '', // 使用人
+  status: '', // 管理状态
+  date: '', // 有效日期
+  offset: 1,
+  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',
+  },
+]
+
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 点击关闭
+const close = () => {
+  emits('close')
+}
+// 打印
+const printObj = ref({
+  id: 'lysq', // 需要打印元素的id
+  popTitle: '领用申请', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  // 触发打印预览打开前回调
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') },
+  // 触发打开打印预览回调
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') },
+  // 触发打印工具打开前回调
+  beforeOpenCallback() { console.log('开始打印之前！') },
+  // 触发打开打印工具回调
+  openCallback() { console.log('执行打印了！') },
+  // 触发关闭打印工具回调
+  closeCallback() { console.log('关闭了打印工具！') },
+  // 触发点击打印回调
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+</script>
+
+<template>
+  <app-container>
+    <div id="lysq" class="lysq-create-check">
+      <div class="top-info">
+        <div class="title-button">
+          <h4 class="title">
+            领用申请
+          </h4>
+          <div class="button-group">
+            <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+              打印
+            </el-button>
+            <el-button type="primary" plain @click="close">
+              关闭
+            </el-button>
+          </div>
+        </div>
+
+        <div class="form-area">
+          <el-form
+            ref="ruleFormRef"
+            :model="form"
+            label-width="120px"
+          >
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="申请单位">
+                  <el-input v-model="form.company" clearable />
+                </el-form-item>
+                <el-form-item label="申请人">
+                  <el-input v-model="form.person" clearable />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="领用时间">
+                  <el-date-picker
+                    v-model="form.time"
+                    type="datetime"
+                    placeholder="请选择领用时间"
+                  />
+                </el-form-item>
+                <el-form-item label="申请说明">
+                  <el-input v-model="form.state" type="textarea" clearable />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+      </div>
+      <table-container title="设备领用列表">
+        <normal-table
+          :data="list" :total="total" :columns="columns" :query="listQuery"
+          @change="changePage"
+        >
+          <template #preColumns>
+            <el-table-column label="#" width="55" align="center">
+              <template #default="scope">
+                {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </table-container>
+
+      <table-container title="审批流程">
+        <!-- <normal-table
+          :data="list" :total="total" :columns="columns" :query="listQuery"
+          is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+        >
+          <template #preColumns>
+            <el-table-column label="#" width="55" align="center">
+              <template #default="scope">
+                {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+              </template>
+            </el-table-column>
+          </template>
+          <template #columns>
+            <el-table-column label="操作" align="center" width="120">
+              <template #default="{ row }">
+                <el-button
+                  size="small"
+                  type="primary"
+                  link
+                  @click="handleSelect(row.$index, row)"
+                >
+                  选择
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table> -->
+      </table-container>
+    </div>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.lysq-create-check {
+  .top-info {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    padding-right: 10px;
+    border-radius: 10px;
+    background-color: #fff;
+
+    .title-button {
+      display: flex;
+      align-items: center;
+
+      &::before {
+        content: "";
+        flex: 1;
+      }
+
+      .button-group {
+        flex: 1;
+        display: flex;
+        justify-content: flex-end;
+      }
+    }
+
+    .form-area {
+      margin-top: 40px;
+    }
+  }
+}
+</style>
+
+<style lang="scss">
+.lysq-create-check {
+  .el-form-item--default .el-form-item__label {
+    color: #000;
+  }
+}
+</style>

diff --git a/src/api/system/process.ts b/src/api/system/process.ts
new file mode 100644
index 0000000..8da9b84
--- /dev/null
+++ b/src/api/system/process.ts
@@ -0,0 +1,12 @@
+// 流程管理接口
+import request from '../index'
+const prefix = '/system/flow'
+
+// 价格列表查询
+export function getProcessList(data: object) {
+  return request({
+    url: `${prefix}/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 2b110cb..046291a 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -11,6 +11,11 @@
     type: Boolean,
     default: false,
   },
+  // 是否允许多选
+  isMulti: {
+    type: Boolean,
+    default: true,
+  },
   // 查询条件，此处主要需要分页的条件
   query: {
     type: Object,
@@ -152,11 +157,34 @@
   initColumnsState()
   changeColumns()
 })
+// 多选框单选功能
+const selectClick = (selection: any, row: any) => {
+  if (!props.isMulti) {
+    console.log('selectClick')
+    if (selection.length > 1) {
+      const del_row = selection.shift()
+      table.value.toggleRowSelection(del_row, false) // 用于多选表格，切换某一行的选中状态，如果使用了第二个参数，则是设置这一行选中与否（selected 为 true 则选中）
+    }
+  }
+}
 </script>
 
 <template>
-  <div class="normal-table">
-    <el-table id="print" ref="table" v-loading="loading" :data="data" height="height" border stripe :size="size" style="width: 100%;" @selection-change="handleSelectionChange">
+  <div :class="isMulti ? 'normal-table' : 'single-table'">
+    <el-table
+      id="print"
+      ref="table"
+      v-loading="loading"
+      :data="data"
+      height="height"
+      border
+      stripe
+      :size="size"
+      style="width: 100%;"
+      @selection-change="handleSelectionChange"
+      @select="selectClick"
+      @row-click="rowClick"
+    >
       <el-table-column v-if="isShowmultiSelect" type="selection" width="55" />
       <slot name="preColumns" />
       <el-table-column v-for="column of columns" :key="column.value" :label="column.text" :prop="column.value" :width="column.width" :align="column.align" :show-overflow-tooltip="column.showOverflow ? column.showOverflow : true" />
@@ -180,5 +208,14 @@
 <style lang="scss" scoped>
 .normal-table {
   width: 100%;
+  // 隐藏全选按钮
+}
+
+.single-table {
+  width: 100%;
+
+  :deep(.el-table th.el-table__cell:nth-child(1) .cell) {
+    visibility: hidden;
+  }
 }
 </style>
diff --git a/src/router/modules/device.ts b/src/router/modules/device.ts
index 55b4d14..d6c1c91 100644
--- a/src/router/modules/device.ts
+++ b/src/router/modules/device.ts
@@ -281,6 +281,40 @@
       },
     ],
   },
+  {
+    path: '/receive',
+    component: Layout,
+    redirect: '/device/receive/applyList',
+    name: 'Receive',
+    meta: {
+      title: '设备领用',
+      icon: 'ep:key',
+      auth: '/device/receive',
+    },
+    children: [
+      {
+        path: 'applyList',
+        name: 'ApplyList',
+        component: () => import('@/views/device/receive/applyList.vue'),
+        meta: {
+          title: '设备领用申请',
+          icon: 'ep:key',
+          auth: '/device/receive/applyList',
+        },
+      },
+      {
+        path: 'solveList',
+        name: 'SolveList',
+        component: () => import('@/views/device/receive/solveList.vue'),
+        meta: {
+          title: '设备领用处理',
+          icon: 'ep:key',
+          auth: '/device/receive/solveList',
+        },
+      },
+    ],
+  },
+
 ]
 
 export default routes
diff --git a/src/views/device/deviceMaintenance/maintenanceList.vue b/src/views/device/deviceMaintenance/maintenanceList.vue
index 3c91abd..9da2abd 100644
--- a/src/views/device/deviceMaintenance/maintenanceList.vue
+++ b/src/views/device/deviceMaintenance/maintenanceList.vue
@@ -1,4 +1,4 @@
-<script lang="ts" setup name="MaintenanceList">
+<!-- <script lang="ts" setup name="MaintenanceList">
 // 逻辑代码
 </script>
 
@@ -10,4 +10,416 @@
 
 <style lang="scss" scoped>
 // 样式
+</style> -->
+
+<script lang="ts" setup name="Receive">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IlistType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import createOrCheck from '@/views/device/receive/createOrCheck.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref() // 选中的按钮
+const isShowDialog = ref(false) // 是否显示dialog
+const approveOpinion = ref() // 审批意见：1同意2驳回0拒绝
+const type = {
+  add: '新建',
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    fileNumber: 'string', // 文件号
+    type: 'string', // 类别
+    createPerson: 'string', // 创建人
+    createTime: 'string', // 创建时间
+    status: '审批中', // 审批状态
+    isStart: true, // 是否是发起者
+  },
+  {
+    number: '1', // 编号
+    name: '1', // 名称
+    fileNumber: '1', // 文件号
+    type: '1', // 类别
+    createPerson: '1', // 创建人
+    createTime: '1', // 创建时间
+    status: '已通过', // 审批状态
+    isStart: false,
+  },
+  {
+    number: '2', // 编号
+    name: '2', // 名称
+    fileNumber: '2', // 文件号
+    type: '2', // 类别
+    createPerson: '2', // 创建人
+    createTime: '2', // 创建时间
+    status: '未通过', // 审批状态0未通过
+    isStart: false,
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = ref([
+  {
+    text: '名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '文件号',
+    value: 'fileNumber',
+  },
+  {
+    text: '类别',
+    value: 'type',
+  },
+  {
+    text: '创建人',
+    value: 'createPerson',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+])
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 新建
+const add = () => {
+  typeValue.value = 'add'
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用申请', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IlistType, val: string) => {
+  if (val === '取消') {
+    ElMessageBox.confirm(
+      '确认取消吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '取消成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '同意') {
+    isShowDialog.value = true
+    approveOpinion.value = '1'
+  }
+  else if (val === '驳回') {
+    isShowDialog.value = true
+    approveOpinion.value = '2'
+  }
+  else if (val === '拒绝') {
+    isShowDialog.value = true
+    approveOpinion.value = '0'
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'box') { // 草稿箱
+
+  }
+  else if (val === 'will') { // 未审批
+
+  }
+  else if (val === 'ing') { // 审批中
+
+  }
+  else if (val === 'pass') { // 已通过
+
+  }
+  else if (val === 'notPass') { // 未通过
+
+  }
+  else if (val === 'cancle') { // 已取消
+
+  }
+  else { // 全部
+
+  }
+}
+// 监听关闭对话框
+const closeDialog = () => {
+  isShowDialog.value = false
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'add' && typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'add' && typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="add">
+          新建
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="290">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '同意')"
+              >
+                同意
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '驳回')"
+              >
+                驳回
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '拒绝')"
+              >
+                拒绝
+              </el-button>
+              <!-- 是发起者且审批中可以取消 -->
+              <el-button
+                :disabled="row.status === '审批中' && row.isStart"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '取消')"
+              >
+                取消
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                :disabled="row.status === '未通过' || row.status === '已通过' || !row.isStart"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box v-if="typeValue !== 'add' && typeValue !== 'check'" :active="active" @changeCurrentButton="changeCurrentButton" />
+    <receive-dialog :is-show-dialog="isShowDialog" :approve-opinion="approveOpinion" @closeDialog="closeDialog" />
+    <create-or-check
+      v-if="typeValue === 'add' || typeValue === 'check'"
+      :type-value="typeValue"
+      @close="close"
+    />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
 </style>
+
diff --git a/src/views/device/deviceMaintenance/manageCheckList.vue b/src/views/device/deviceMaintenance/manageCheckList.vue
index a4ace73..1df82e3 100644
--- a/src/views/device/deviceMaintenance/manageCheckList.vue
+++ b/src/views/device/deviceMaintenance/manageCheckList.vue
@@ -1,4 +1,4 @@
-<script lang="ts" setup name="ManageCheckList">
+<!-- <script lang="ts" setup name="ManageCheckList">
 // 逻辑代码
 </script>
 
@@ -10,4 +10,372 @@
 
 <style lang="scss" scoped>
 // 样式
+</style> -->
+<script lang="ts" setup name="SolveList">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IsolveListType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/solveComponent/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import detail from '@/views/device/receive/solveComponent/detail.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref('unused') // 选中的按钮
+const type = {
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = [
+  {
+    text: '申请编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '申请名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '申请部门',
+    value: 'dep',
+  },
+  {
+    text: '申请人',
+    value: 'person',
+  },
+  {
+    text: '申请时间',
+    value: 'date',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+]
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IsolveListType, index: number) => ({ index: index + 1, number: item.number, name: item.name, dep: item.dep, person: item.person, date: item.date, status: item.status })),
+      name: '设备领用处理',
+      titleArr: ['序号', '申请编号', '申请名称', '申请部门', '申请人', '申请时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IsolveListType, index: number) => ({ index: index + 1, number: item.number, name: item.name, dep: item.dep, person: item.person, date: item.date, status: item.status })),
+      name: '设备领用处理',
+      titleArr: ['序号', '申请编号', '申请名称', '申请部门', '申请人', '申请时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用处理', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IsolveListType, val: string) => {
+  if (val === '领用') {
+    ElMessageBox.confirm(
+      '确认领用吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调领用接口
+        ElMessage({
+          type: 'success',
+          message: '领用成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调删除接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '退领') {
+    ElMessageBox.confirm(
+      '确认退领吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调退领接口
+        ElMessage({
+          type: 'success',
+          message: '退领成功',
+        })
+      })
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 右上角按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'unused') { // 未领用
+
+  }
+  else if (val === 'used') { // 已领用
+
+  }
+}
+// 标签识别
+const execTag = () => {
+
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="execTag">
+          标签识别
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="180">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                v-if="active === 'unused'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '领用')"
+              >
+                领用
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                v-if="active === 'unused'"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+              <el-button
+                v-if="active === 'used'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '退领')"
+              >
+                退领
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box
+      v-if="typeValue !== 'check'"
+      :active="active"
+      @changeCurrentButton="changeCurrentButton"
+    />
+    <detail v-if="typeValue === 'check'" :type-value="typeValue" @close="close" />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
 </style>
+
diff --git a/src/views/device/receive/applyList.vue b/src/views/device/receive/applyList.vue
new file mode 100644
index 0000000..5ee8966
--- /dev/null
+++ b/src/views/device/receive/applyList.vue
@@ -0,0 +1,411 @@
+<script lang="ts" setup name="ApplyList">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IlistType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import createOrCheck from '@/views/device/receive/createOrCheck.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref() // 选中的按钮
+const isShowDialog = ref(false) // 是否显示dialog
+const approveOpinion = ref() // 审批意见：1同意2驳回0拒绝
+const type = {
+  add: '新建',
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    fileNumber: 'string', // 文件号
+    type: 'string', // 类别
+    createPerson: 'string', // 创建人
+    createTime: 'string', // 创建时间
+    status: '审批中', // 审批状态
+    isStart: true, // 是否是发起者
+  },
+  {
+    number: '1', // 编号
+    name: '1', // 名称
+    fileNumber: '1', // 文件号
+    type: '1', // 类别
+    createPerson: '1', // 创建人
+    createTime: '1', // 创建时间
+    status: '已通过', // 审批状态
+    isStart: false,
+  },
+  {
+    number: '2', // 编号
+    name: '2', // 名称
+    fileNumber: '2', // 文件号
+    type: '2', // 类别
+    createPerson: '2', // 创建人
+    createTime: '2', // 创建时间
+    status: '未通过', // 审批状态0未通过
+    isStart: false,
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = ref([
+  {
+    text: '名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '文件号',
+    value: 'fileNumber',
+  },
+  {
+    text: '类别',
+    value: 'type',
+  },
+  {
+    text: '创建人',
+    value: 'createPerson',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+])
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 新建
+const add = () => {
+  typeValue.value = 'add'
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用申请', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IlistType, val: string) => {
+  if (val === '取消') {
+    ElMessageBox.confirm(
+      '确认取消吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '取消成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '同意') {
+    isShowDialog.value = true
+    approveOpinion.value = '1'
+  }
+  else if (val === '驳回') {
+    isShowDialog.value = true
+    approveOpinion.value = '2'
+  }
+  else if (val === '拒绝') {
+    isShowDialog.value = true
+    approveOpinion.value = '0'
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'box') { // 草稿箱
+
+  }
+  else if (val === 'will') { // 未审批
+
+  }
+  else if (val === 'ing') { // 审批中
+
+  }
+  else if (val === 'pass') { // 已通过
+
+  }
+  else if (val === 'notPass') { // 未通过
+
+  }
+  else if (val === 'cancle') { // 已取消
+
+  }
+  else { // 全部
+
+  }
+}
+// 监听关闭对话框
+const closeDialog = () => {
+  isShowDialog.value = false
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'add' && typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'add' && typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="add">
+          新建
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="290">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '同意')"
+              >
+                同意
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '驳回')"
+              >
+                驳回
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '拒绝')"
+              >
+                拒绝
+              </el-button>
+              <!-- 是发起者且审批中可以取消 -->
+              <el-button
+                :disabled="row.status === '审批中' && row.isStart"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '取消')"
+              >
+                取消
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                :disabled="row.status === '未通过' || row.status === '已通过' || !row.isStart"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box v-if="typeValue !== 'add' && typeValue !== 'check'" :active="active" @changeCurrentButton="changeCurrentButton" />
+    <receive-dialog :is-show-dialog="isShowDialog" :approve-opinion="approveOpinion" @closeDialog="closeDialog" />
+    <create-or-check
+      v-if="typeValue === 'add' || typeValue === 'check'"
+      :type-value="typeValue"
+      @close="close"
+    />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
+
diff --git a/src/views/device/receive/buttonBox.vue b/src/views/device/receive/buttonBox.vue
new file mode 100644
index 0000000..aa02ce5
--- /dev/null
+++ b/src/views/device/receive/buttonBox.vue
@@ -0,0 +1,47 @@
+<script lang="ts" setup name="ButtonBox">
+import { ref } from 'vue'
+const emits = defineEmits(['changeCurrentButton'])
+const menu = [
+  { name: '全部', id: 'all' },
+  { name: '草稿箱', id: 'box' },
+  { name: '待审批', id: 'will' },
+  { name: '审批中', id: 'ing' },
+  { name: '已通过', id: 'pass' },
+  { name: '未通过', id: 'notPass' },
+  { name: '已取消', id: 'cancle' },
+]
+const current = ref('all')
+watch(current, (newValue) => {
+  console.log(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>
+    <!-- 展示区域 -->
+    <!-- <component :is="currentComp" /> -->
+  </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/device/receive/createOrCheck.vue b/src/views/device/receive/createOrCheck.vue
new file mode 100644
index 0000000..a40cae5
--- /dev/null
+++ b/src/views/device/receive/createOrCheck.vue
@@ -0,0 +1,411 @@
+<script lang="ts" setup name="CreateOrCheck">
+import { reactive, ref } from 'vue'
+import type { Ref } from 'vue'
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import type { IdeviceListQuery, Iform } from './receive'
+import SelectDeviceDialog from './selectDeviceDialog.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+
+const props = defineProps({
+  typeValue: String,
+})
+const emits = defineEmits(['close'])
+const isMulti = ref(false) // 是否批量添加(允许多选)
+const selectIndex = ref()
+const { proxy } = getCurrentInstance() as any
+const dialogSelectDiviceVisible = ref(false) // 控制选择设备对话框显隐
+const isShowDialog = ref(false) // 控制审批对话框显隐
+const total = ref(20)// 总数
+const approveOpinion = ref() // 审批意见：1同意2驳回0拒绝
+const type = {
+  add: '新建',
+  check: '查看',
+  normal: '正常',
+}
+const haveApproveLimits = ref(true)// 是否有审批权限
+const isStart = ref(false)// 是否是发起人
+// 选中的内容
+const checkoutList = ref([])
+// 表单数据
+const form = ref({
+  company: '申请单位', // 申请单位
+  person: '申请人1', // 申请人
+  time: '1', // 领用时间
+  state: '', // 申请说明
+})
+const ruleFormRef = ref<FormInstance>() as any
+const list = ref([{
+  name: '测试1', // 仪器名称
+  number: '测试1', // 设备编号
+  version: '测试1', // 型号
+  scope: '测试1', // 测量范围
+  dep: '测试1', // 使用部门
+  person: '测试1', // 使用人
+  status: '测试1', // 管理状态
+  date: '测试1', // 有效日期
+}, {
+  name: '测试2', // 仪器名称
+  number: '测试2', // 设备编号
+  version: '测试2', // 型号
+  scope: '测试2', // 测量范围
+  dep: '测试2', // 使用部门
+  person: '测试2', // 使用人
+  status: '测试2', // 管理状态
+  date: '测试2', // 有效日期
+}])// 表格数据
+// 查询条件
+const listQuery: Ref<IdeviceListQuery> = ref({
+  name: '', // 仪器名称
+  number: '', // 设备编号
+  version: '', // 型号
+  scope: '', // 测量范围
+  dep: '', // 使用部门
+  person: '', // 使用人
+  status: '', // 管理状态
+  date: '', // 有效日期
+  offset: 1,
+  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',
+  },
+]
+const rules = reactive<FormRules>({
+  company: [
+    { required: true, message: '请输入申请单位', trigger: 'blur' },
+    // { min: 3, max: 5, message: 'Length should be 3 to 5', trigger: 'blur' },
+  ],
+  person: [
+    { required: true, message: '请输入申请人', trigger: 'blur' },
+    // { min: 3, max: 5, message: 'Length should be 3 to 5', trigger: 'blur' },
+  ],
+  time: [
+    {
+      type: 'date',
+      required: true,
+      message: '请选择领用时间',
+      trigger: 'change',
+    },
+  ],
+})
+
+const handleClick = (val: string) => {
+// 1同意，2驳回，0拒绝，3提交，4撤回
+  if (val === '3') { // 提交
+    ruleFormRef.value.validate((valid: boolean) => {
+      if (valid) {
+        console.log('submit!')
+      }
+      else {
+        console.log('表单提交失败')
+      }
+    })
+  }
+  else if (val === '1') {
+    isShowDialog.value = true
+    approveOpinion.value = '1'
+  }
+  else if (val === '2') {
+    isShowDialog.value = true
+    approveOpinion.value = '2'
+  }
+  else if (val === '0') {
+    isShowDialog.value = true
+    approveOpinion.value = '0'
+  }
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 删除行
+const delRow = () => {
+  console.log(checkoutList.value)
+
+  if (checkoutList.value.length <= 0) {
+    ElMessage({
+      message: '请选中要删除的行',
+      type: 'warning',
+    })
+  }
+  else {
+    // 调删除接口
+    checkoutList.value.forEach((item: IdeviceListQuery) => {
+      // if (!item.name && !item.number) {
+      list.value.forEach((element, index) => {
+        if (element.name === item.name && element.number === item.number) {
+          list.value.splice(index, 1)
+        }
+      })
+      // }
+    })
+  }
+}
+// 增加行
+const addRow = () => {
+  list.value.push({
+    name: '', // 仪器名称
+    number: '', // 设备编号
+    version: '', // 型号
+    scope: '', // 测量范围
+    dep: '', // 使用部门
+    person: '', // 使用人
+    status: '', // 管理状态
+    date: '', // 有效日期
+  })
+}
+// 点击选择
+const handleSelect = (index: number, row: IdeviceListQuery) => {
+  dialogSelectDiviceVisible.value = true
+  isMulti.value = false
+  selectIndex.value = index
+  console.log('选中的index', row)
+}
+// 点击批量添加
+const multiAdd = () => {
+  dialogSelectDiviceVisible.value = true
+  isMulti.value = true
+}
+// 点击关闭
+const close = () => {
+  emits('close')
+}
+// 选择涉笔对话框关闭
+const closeDialog = () => {
+  dialogSelectDiviceVisible.value = false
+  isShowDialog.value = false
+}
+// 选择好设备了
+const updateDeviceConfirm = (val: any) => {
+  if (isMulti.value) {
+    val.forEach((item: any) => {
+      list.value.push(item)
+    })
+  }
+  else {
+    list.value.splice(selectIndex.value, 1, val[0])
+  }
+}
+</script>
+
+<template>
+  <app-container>
+    <div class="create-check">
+      <div class="top-info">
+        <div class="title-button">
+          <h4 class="title">
+            基本信息
+          </h4>
+          <div class="button-group">
+            <el-button v-if="haveApproveLimits && !isStart && typeValue === 'add'" type="primary" plain @click="handleClick('1')">
+              同意
+            </el-button>
+            <el-button v-if="haveApproveLimits && !isStart && typeValue === 'add'" type="primary" plain @click="handleClick('2')">
+              驳回
+            </el-button>
+            <el-button v-if="haveApproveLimits && !isStart && typeValue === 'add'" type="primary" plain @click="handleClick('0')">
+              拒绝
+            </el-button>
+            <el-button v-if="isStart && typeValue === 'add'" type="primary" plain @click="handleClick('3')">
+              提交
+            </el-button>
+            <el-button v-if="isStart && typeValue === 'add'" type="primary" plain @click="handleClick('4')">
+              撤回
+            </el-button>
+            <el-button type="primary" plain @click="close">
+              关闭
+            </el-button>
+          </div>
+        </div>
+
+        <div class="form-area">
+          <el-form
+            ref="ruleFormRef"
+            :model="form"
+            label-width="120px"
+            :rules="rules"
+          >
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="申请单位" prop="company">
+                  <el-input v-model="form.company" clearable />
+                </el-form-item>
+                <el-form-item label="申请人" prop="person">
+                  <el-input v-model="form.person" clearable />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="领用时间" prop="time">
+                  <el-date-picker
+                    v-model="form.time"
+                    type="datetime"
+                    placeholder="请选择领用时间"
+                  />
+                </el-form-item>
+                <el-form-item label="申请说明">
+                  <el-input v-model="form.state" type="textarea" clearable />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+      </div>
+      <table-container title="设备领用列表">
+        <template #btns-right>
+          <el-button type="primary" @click="multiAdd">
+            批量添加
+          </el-button>
+          <el-button type="primary" @click="addRow">
+            增加行
+          </el-button>
+          <el-button type="primary" @click="delRow">
+            删除行
+          </el-button>
+        </template>
+        <normal-table
+          :data="list" :total="total" :columns="columns" :query="listQuery"
+          is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+        >
+          <template #preColumns>
+            <el-table-column label="#" width="55" align="center">
+              <template #default="scope">
+                {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+              </template>
+            </el-table-column>
+          </template>
+          <template #columns>
+            <el-table-column label="操作" align="center" width="120">
+              <template #default="scope">
+                <el-button
+                  size="small"
+                  type="primary"
+                  link
+                  @click="handleSelect(scope.$index, scope.row)"
+                >
+                  选择
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </table-container>
+
+      <table-container title="审批流程">
+        <!-- <normal-table
+          :data="list" :total="total" :columns="columns" :query="listQuery"
+          is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+        >
+          <template #preColumns>
+            <el-table-column label="#" width="55" align="center">
+              <template #default="scope">
+                {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+              </template>
+            </el-table-column>
+          </template>
+          <template #columns>
+            <el-table-column label="操作" align="center" width="120">
+              <template #default="{ row }">
+                <el-button
+                  size="small"
+                  type="primary"
+                  link
+                  @click="handleSelect(row.$index, row)"
+                >
+                  选择
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table> -->
+      </table-container>
+    </div>
+  </app-container>
+  <select-device-dialog
+    :dialog-select-divice-visible="dialogSelectDiviceVisible"
+    :is-multi="isMulti"
+    @closeDialog="closeDialog"
+    @updateDeviceConfirm="updateDeviceConfirm"
+  />
+
+  <!-- 同意、驳回、拒绝对话框显示 -->
+  <receive-dialog
+    :is-show-dialog="isShowDialog"
+    :approve-opinion="approveOpinion"
+    @closeDialog="closeDialog"
+  />
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.create-check {
+  .top-info {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    padding-right: 10px;
+    border-radius: 10px;
+    background-color: #fff;
+
+    .title-button {
+      display: flex;
+      align-items: center;
+
+      &::before {
+        content: "";
+        flex: 1;
+      }
+
+      .button-group {
+        flex: 1;
+        display: flex;
+        justify-content: flex-end;
+      }
+    }
+
+    .form-area {
+      margin-top: 40px;
+    }
+  }
+}
+</style>
diff --git a/src/views/device/receive/receive.ts b/src/views/device/receive/receive.ts
new file mode 100644
index 0000000..3e4abdb
--- /dev/null
+++ b/src/views/device/receive/receive.ts
@@ -0,0 +1,47 @@
+export interface IlistQuery {
+  number?: string // 编号
+  name?: string // 名称
+  dep?: string // 部门
+  person?: string // 人
+  date?: string // 日期
+  offset: number
+  limit: number
+}
+
+export interface IlistType {
+  number: string // 编号
+  name: string // 名称
+  fileNumber: string// 文件号
+  type: string // 类别
+  createPerson: string // 创建人
+  createTime: string // 创建时间
+  status: string // 审批状态
+}
+export interface IsolveListType {
+  number: string // 申请编号
+  name: string // 申请名称
+  dep: string // 申请部门
+  person: string// 申请人
+  date: string // 申请时间
+  status: string // 审批状态
+}
+
+export interface Iform {
+  company: string // 申请单位
+  person: string // 申请人
+  time: string // 申请时间
+  state: string // 申请说明
+}
+// 新建-查看表格
+export interface IdeviceListQuery {
+  name: string // 仪器名称
+  number: string // 设备编号
+  version: string // 型号
+  scope: string // 测量范围
+  dep: string // 使用部门
+  person: string // 使用人
+  status: string // 管理状态
+  date: string // 有效日期
+  offset: number
+  limit: number
+}
diff --git a/src/views/device/receive/receiveDialog.vue b/src/views/device/receive/receiveDialog.vue
new file mode 100644
index 0000000..fdaa730
--- /dev/null
+++ b/src/views/device/receive/receiveDialog.vue
@@ -0,0 +1,105 @@
+<script lang="ts" setup name="ReceiveDialog">
+import { ref } from 'vue'
+import dayjs from 'dayjs'
+import useUserStore from '@/store/modules/user'
+const props = defineProps({
+  isShowDialog: {
+    type: Boolean,
+    default: false,
+  },
+  approveOpinion: {
+    type: String,
+  },
+})
+const emits = defineEmits(['closeDialog', 'updateConfirm'])
+const userStore = useUserStore()
+const date = dayjs(`${new Date()}`).format('YYYY.MM.DD')
+const dialogTableVisible = ref(false)// 控制对话框显隐
+const selectRadio = ref()// 同意驳回拒绝
+const textarea = ref('')// 审批结论
+watch(() => props.isShowDialog, (newValue) => {
+  dialogTableVisible.value = newValue
+})
+watch(() => props.approveOpinion, (newValue) => {
+  selectRadio.value = newValue
+})
+// 关闭对话框
+const close = () => {
+  console.log('close-dialog')
+  emits('closeDialog')
+}
+// 确认
+const confirm = () => {
+  console.log('确认')
+  const param = {
+    selectRadio: selectRadio.value,
+    textarea,
+    userStore,
+    date,
+  }
+  console.log(param)
+  // emits('updateConfirm', param)
+  // 调接口
+  close()
+}
+</script>
+
+<template>
+  <el-dialog v-model="dialogTableVisible" title="审批操作" class="receive-dialog" @close="close">
+    <div class="receive-dialog-item">
+      <span class="text">审批意见：</span>
+      <!-- 1同意2驳回0拒绝 -->
+      <el-radio-group v-model="selectRadio">
+        <el-radio label="1" :disabled="selectRadio !== '1'">
+          同意
+        </el-radio>
+        <el-radio label="2" :disabled="selectRadio !== '2'">
+          驳回
+        </el-radio>
+        <el-radio label="0" :disabled="selectRadio !== '0'">
+          拒绝
+        </el-radio>
+      </el-radio-group>
+    </div>
+
+    <div class="receive-dialog-item">
+      <span class="text">审批结论：</span>
+      <el-input
+        v-model="textarea"
+        :rows="3"
+        type="textarea"
+        placeholder="请输入审批结论"
+      />
+    </div>
+
+    <div class="receive-dialog-item">
+      <span class="text">审批人：{{ userStore.name }}</span>
+      <span class="text">审批时间：{{ date }}</span>
+    </div>
+
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="close">取消</el-button>
+        <el-button type="primary" @click="confirm">
+          提交
+        </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.receive-dialog {
+  .receive-dialog-item {
+    display: flex;
+    align-items: center;
+    margin-bottom: 28px;
+
+    .text {
+      margin-right: 30px;
+      white-space: nowrap;
+    }
+  }
+}
+</style>
diff --git a/src/views/device/receive/selectDeviceDialog.vue b/src/views/device/receive/selectDeviceDialog.vue
new file mode 100644
index 0000000..d6f28f3
--- /dev/null
+++ b/src/views/device/receive/selectDeviceDialog.vue
@@ -0,0 +1,187 @@
+<!-- 选择设备 -->
+<script lang="ts" setup name="ReceiveDialog">
+import { ref } from 'vue'
+import useUserStore from '@/store/modules/user'
+const props = defineProps({
+  dialogSelectDiviceVisible: {
+    type: Boolean,
+    default: false,
+  },
+  isMulti: Boolean,
+})
+const emits = defineEmits(['closeDialog', 'updateDeviceConfirm'])
+const userStore = useUserStore()
+// 查询条件
+const listQuery = ref({
+  deviceName: '', // 设备名称
+  deviceNumber: '', // 设备编号
+  offset: 1,
+  limit: 10,
+})
+const total = ref(20)
+// 多选选中的内容
+const checkoutList = ref([])
+
+const list = ref([{
+  name: '设备01',
+  number: '设备01',
+  version: '设备01',
+  millNumber: '设备01',
+  status: '设备01',
+  person: '设备01',
+  date: '设备01',
+},
+{
+  name: '设备02',
+  number: '设备02',
+  version: '设备02',
+  millNumber: '设备02',
+  status: '设备02',
+  person: '设备02',
+  date: '设备02',
+}])// 表格数据
+const columns = [
+  {
+    text: '设备名称',
+    value: 'name',
+  },
+  {
+    text: '设备编号',
+    value: 'number',
+  },
+  {
+    text: '型号',
+    value: 'version',
+  },
+  {
+    text: '出厂编号',
+    value: 'millNumber',
+  },
+  {
+    text: '管理状态',
+    value: 'status',
+  },
+  {
+    text: '使用人',
+    value: 'person',
+  },
+  {
+    text: '有效日期',
+    value: 'date',
+  },
+]
+const table = ref()
+const dialogTableVisible = ref(false)// 控制对话框显隐
+watch(() => props.dialogSelectDiviceVisible, (newValue) => {
+  dialogTableVisible.value = newValue
+  if (!newValue) {
+    table.value.clearMulti() // 清除多选选中
+  }
+})
+// 关闭对话框
+const close = () => {
+  console.log('close-dialog')
+  emits('closeDialog')
+}
+// 确认
+const confirm = () => {
+  console.log('确认')
+  emits('updateDeviceConfirm', checkoutList.value)
+  // 调接口
+  close()
+}
+// 重置
+const clearList = () => {
+  listQuery.value.deviceName = ''
+  listQuery.value.deviceNumber = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选选中
+const handleSelectionChange = (val: any) => {
+  console.log('多选', val)
+  checkoutList.value = val
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+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)
+}
+</script>
+
+<template>
+  <el-dialog v-model="dialogTableVisible" title="选择设备" class="select-device-dialog" @close="close">
+    <search-area
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.deviceName"
+          placeholder="设备名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.deviceNumber"
+          placeholder="设备编号"
+          clearable
+        />
+      </search-item>
+    </search-area>
+    <table-container>
+      <normal-table
+        ref="table"
+        :data="list"
+        :total="total"
+        :columns="columns"
+        :query="listQuery"
+        :is-multi="isMulti"
+        is-showmulti-select
+        @change="changePage"
+        @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="close">取消</el-button>
+        <el-button type="primary" @click="confirm">
+          确定
+        </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.receive-dialog {
+  .receive-dialog-item {
+    display: flex;
+    align-items: center;
+    margin-bottom: 28px;
+
+    .text {
+      margin-right: 30px;
+      white-space: nowrap;
+    }
+  }
+}
+</style>
diff --git a/src/views/device/receive/solveComponent/buttonBox.vue b/src/views/device/receive/solveComponent/buttonBox.vue
new file mode 100644
index 0000000..fa155a2
--- /dev/null
+++ b/src/views/device/receive/solveComponent/buttonBox.vue
@@ -0,0 +1,42 @@
+<script lang="ts" setup name="ButtonBox">
+import { ref } from 'vue'
+const emits = defineEmits(['changeCurrentButton'])
+const menu = [
+  { name: '未领用', id: 'unused' },
+  { name: '已领用', id: 'used' },
+]
+const current = ref('unused')
+watch(current, (newValue) => {
+  console.log(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>
+    <!-- 展示区域 -->
+    <!-- <component :is="currentComp" /> -->
+  </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/device/receive/solveComponent/detail.vue b/src/views/device/receive/solveComponent/detail.vue
new file mode 100644
index 0000000..862fad1
--- /dev/null
+++ b/src/views/device/receive/solveComponent/detail.vue
@@ -0,0 +1,270 @@
+<script lang="ts" setup name="Detail">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import type { IdeviceListQuery, Iform } from '../receive'
+
+const props = defineProps({
+  typeValue: String,
+})
+const emits = defineEmits(['close'])
+const { proxy } = getCurrentInstance() as any
+const total = ref(20)// 总数
+const type = {
+  check: '查看',
+  normal: '正常',
+}
+
+// 表单数据
+const form = ref({
+  company: '申请单位', // 申请单位
+  person: '申请人1', // 申请人
+  time: '1', // 领用时间
+  state: '说明1', // 申请说明
+})
+const list = ref([{
+  name: '测试1', // 仪器名称
+  number: '测试1', // 设备编号
+  version: '测试1', // 型号
+  scope: '测试1', // 测量范围
+  dep: '测试1', // 使用部门
+  person: '测试1', // 使用人
+  status: '测试1', // 管理状态
+  date: '测试1', // 有效日期
+}, {
+  name: '测试2', // 仪器名称
+  number: '测试2', // 设备编号
+  version: '测试2', // 型号
+  scope: '测试2', // 测量范围
+  dep: '测试2', // 使用部门
+  person: '测试2', // 使用人
+  status: '测试2', // 管理状态
+  date: '测试2', // 有效日期
+}])// 表格数据
+// 查询条件
+const listQuery: Ref<IdeviceListQuery> = ref({
+  name: '', // 仪器名称
+  number: '', // 设备编号
+  version: '', // 型号
+  scope: '', // 测量范围
+  dep: '', // 使用部门
+  person: '', // 使用人
+  status: '', // 管理状态
+  date: '', // 有效日期
+  offset: 1,
+  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',
+  },
+]
+
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 点击关闭
+const close = () => {
+  emits('close')
+}
+// 打印
+const printObj = ref({
+  id: 'lysq', // 需要打印元素的id
+  popTitle: '领用申请', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  // 触发打印预览打开前回调
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') },
+  // 触发打开打印预览回调
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') },
+  // 触发打印工具打开前回调
+  beforeOpenCallback() { console.log('开始打印之前！') },
+  // 触发打开打印工具回调
+  openCallback() { console.log('执行打印了！') },
+  // 触发关闭打印工具回调
+  closeCallback() { console.log('关闭了打印工具！') },
+  // 触发点击打印回调
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+</script>
+
+<template>
+  <app-container>
+    <div id="lysq" class="lysq-create-check">
+      <div class="top-info">
+        <div class="title-button">
+          <h4 class="title">
+            领用申请
+          </h4>
+          <div class="button-group">
+            <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+              打印
+            </el-button>
+            <el-button type="primary" plain @click="close">
+              关闭
+            </el-button>
+          </div>
+        </div>
+
+        <div class="form-area">
+          <el-form
+            ref="ruleFormRef"
+            :model="form"
+            label-width="120px"
+          >
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="申请单位">
+                  <el-input v-model="form.company" clearable />
+                </el-form-item>
+                <el-form-item label="申请人">
+                  <el-input v-model="form.person" clearable />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="领用时间">
+                  <el-date-picker
+                    v-model="form.time"
+                    type="datetime"
+                    placeholder="请选择领用时间"
+                  />
+                </el-form-item>
+                <el-form-item label="申请说明">
+                  <el-input v-model="form.state" type="textarea" clearable />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+      </div>
+      <table-container title="设备领用列表">
+        <normal-table
+          :data="list" :total="total" :columns="columns" :query="listQuery"
+          @change="changePage"
+        >
+          <template #preColumns>
+            <el-table-column label="#" width="55" align="center">
+              <template #default="scope">
+                {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </table-container>
+
+      <table-container title="审批流程">
+        <!-- <normal-table
+          :data="list" :total="total" :columns="columns" :query="listQuery"
+          is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+        >
+          <template #preColumns>
+            <el-table-column label="#" width="55" align="center">
+              <template #default="scope">
+                {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+              </template>
+            </el-table-column>
+          </template>
+          <template #columns>
+            <el-table-column label="操作" align="center" width="120">
+              <template #default="{ row }">
+                <el-button
+                  size="small"
+                  type="primary"
+                  link
+                  @click="handleSelect(row.$index, row)"
+                >
+                  选择
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table> -->
+      </table-container>
+    </div>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.lysq-create-check {
+  .top-info {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    padding-right: 10px;
+    border-radius: 10px;
+    background-color: #fff;
+
+    .title-button {
+      display: flex;
+      align-items: center;
+
+      &::before {
+        content: "";
+        flex: 1;
+      }
+
+      .button-group {
+        flex: 1;
+        display: flex;
+        justify-content: flex-end;
+      }
+    }
+
+    .form-area {
+      margin-top: 40px;
+    }
+  }
+}
+</style>
+
+<style lang="scss">
+.lysq-create-check {
+  .el-form-item--default .el-form-item__label {
+    color: #000;
+  }
+}
+</style>
diff --git a/src/views/device/receive/solveList.vue b/src/views/device/receive/solveList.vue
new file mode 100644
index 0000000..68d4381
--- /dev/null
+++ b/src/views/device/receive/solveList.vue
@@ -0,0 +1,368 @@
+<script lang="ts" setup name="SolveList">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IsolveListType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/solveComponent/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import detail from '@/views/device/receive/solveComponent/detail.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref('unused') // 选中的按钮
+const type = {
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = [
+  {
+    text: '申请编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '申请名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '申请部门',
+    value: 'dep',
+  },
+  {
+    text: '申请人',
+    value: 'person',
+  },
+  {
+    text: '申请时间',
+    value: 'date',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+]
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IsolveListType, index: number) => ({ index: index + 1, number: item.number, name: item.name, dep: item.dep, person: item.person, date: item.date, status: item.status })),
+      name: '设备领用处理',
+      titleArr: ['序号', '申请编号', '申请名称', '申请部门', '申请人', '申请时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IsolveListType, index: number) => ({ index: index + 1, number: item.number, name: item.name, dep: item.dep, person: item.person, date: item.date, status: item.status })),
+      name: '设备领用处理',
+      titleArr: ['序号', '申请编号', '申请名称', '申请部门', '申请人', '申请时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用处理', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IsolveListType, val: string) => {
+  if (val === '领用') {
+    ElMessageBox.confirm(
+      '确认领用吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调领用接口
+        ElMessage({
+          type: 'success',
+          message: '领用成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调删除接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '退领') {
+    ElMessageBox.confirm(
+      '确认退领吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调退领接口
+        ElMessage({
+          type: 'success',
+          message: '退领成功',
+        })
+      })
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 右上角按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'unused') { // 未领用
+
+  }
+  else if (val === 'used') { // 已领用
+
+  }
+}
+// 标签识别
+const execTag = () => {
+
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="execTag">
+          标签识别
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="180">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                v-if="active === 'unused'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '领用')"
+              >
+                领用
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                v-if="active === 'unused'"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+              <el-button
+                v-if="active === 'used'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '退领')"
+              >
+                退领
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box
+      v-if="typeValue !== 'check'"
+      :active="active"
+      @changeCurrentButton="changeCurrentButton"
+    />
+    <detail v-if="typeValue === 'check'" :type-value="typeValue" @close="close" />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
+

diff --git a/src/api/system/process.ts b/src/api/system/process.ts
new file mode 100644
index 0000000..8da9b84
--- /dev/null
+++ b/src/api/system/process.ts
@@ -0,0 +1,12 @@
+// 流程管理接口
+import request from '../index'
+const prefix = '/system/flow'
+
+// 价格列表查询
+export function getProcessList(data: object) {
+  return request({
+    url: `${prefix}/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 2b110cb..046291a 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -11,6 +11,11 @@
     type: Boolean,
     default: false,
   },
+  // 是否允许多选
+  isMulti: {
+    type: Boolean,
+    default: true,
+  },
   // 查询条件，此处主要需要分页的条件
   query: {
     type: Object,
@@ -152,11 +157,34 @@
   initColumnsState()
   changeColumns()
 })
+// 多选框单选功能
+const selectClick = (selection: any, row: any) => {
+  if (!props.isMulti) {
+    console.log('selectClick')
+    if (selection.length > 1) {
+      const del_row = selection.shift()
+      table.value.toggleRowSelection(del_row, false) // 用于多选表格，切换某一行的选中状态，如果使用了第二个参数，则是设置这一行选中与否（selected 为 true 则选中）
+    }
+  }
+}
 </script>
 
 <template>
-  <div class="normal-table">
-    <el-table id="print" ref="table" v-loading="loading" :data="data" height="height" border stripe :size="size" style="width: 100%;" @selection-change="handleSelectionChange">
+  <div :class="isMulti ? 'normal-table' : 'single-table'">
+    <el-table
+      id="print"
+      ref="table"
+      v-loading="loading"
+      :data="data"
+      height="height"
+      border
+      stripe
+      :size="size"
+      style="width: 100%;"
+      @selection-change="handleSelectionChange"
+      @select="selectClick"
+      @row-click="rowClick"
+    >
       <el-table-column v-if="isShowmultiSelect" type="selection" width="55" />
       <slot name="preColumns" />
       <el-table-column v-for="column of columns" :key="column.value" :label="column.text" :prop="column.value" :width="column.width" :align="column.align" :show-overflow-tooltip="column.showOverflow ? column.showOverflow : true" />
@@ -180,5 +208,14 @@
 <style lang="scss" scoped>
 .normal-table {
   width: 100%;
+  // 隐藏全选按钮
+}
+
+.single-table {
+  width: 100%;
+
+  :deep(.el-table th.el-table__cell:nth-child(1) .cell) {
+    visibility: hidden;
+  }
 }
 </style>
diff --git a/src/router/modules/device.ts b/src/router/modules/device.ts
index 55b4d14..d6c1c91 100644
--- a/src/router/modules/device.ts
+++ b/src/router/modules/device.ts
@@ -281,6 +281,40 @@
       },
     ],
   },
+  {
+    path: '/receive',
+    component: Layout,
+    redirect: '/device/receive/applyList',
+    name: 'Receive',
+    meta: {
+      title: '设备领用',
+      icon: 'ep:key',
+      auth: '/device/receive',
+    },
+    children: [
+      {
+        path: 'applyList',
+        name: 'ApplyList',
+        component: () => import('@/views/device/receive/applyList.vue'),
+        meta: {
+          title: '设备领用申请',
+          icon: 'ep:key',
+          auth: '/device/receive/applyList',
+        },
+      },
+      {
+        path: 'solveList',
+        name: 'SolveList',
+        component: () => import('@/views/device/receive/solveList.vue'),
+        meta: {
+          title: '设备领用处理',
+          icon: 'ep:key',
+          auth: '/device/receive/solveList',
+        },
+      },
+    ],
+  },
+
 ]
 
 export default routes
diff --git a/src/views/device/deviceMaintenance/maintenanceList.vue b/src/views/device/deviceMaintenance/maintenanceList.vue
index 3c91abd..9da2abd 100644
--- a/src/views/device/deviceMaintenance/maintenanceList.vue
+++ b/src/views/device/deviceMaintenance/maintenanceList.vue
@@ -1,4 +1,4 @@
-<script lang="ts" setup name="MaintenanceList">
+<!-- <script lang="ts" setup name="MaintenanceList">
 // 逻辑代码
 </script>
 
@@ -10,4 +10,416 @@
 
 <style lang="scss" scoped>
 // 样式
+</style> -->
+
+<script lang="ts" setup name="Receive">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IlistType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import createOrCheck from '@/views/device/receive/createOrCheck.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref() // 选中的按钮
+const isShowDialog = ref(false) // 是否显示dialog
+const approveOpinion = ref() // 审批意见：1同意2驳回0拒绝
+const type = {
+  add: '新建',
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    fileNumber: 'string', // 文件号
+    type: 'string', // 类别
+    createPerson: 'string', // 创建人
+    createTime: 'string', // 创建时间
+    status: '审批中', // 审批状态
+    isStart: true, // 是否是发起者
+  },
+  {
+    number: '1', // 编号
+    name: '1', // 名称
+    fileNumber: '1', // 文件号
+    type: '1', // 类别
+    createPerson: '1', // 创建人
+    createTime: '1', // 创建时间
+    status: '已通过', // 审批状态
+    isStart: false,
+  },
+  {
+    number: '2', // 编号
+    name: '2', // 名称
+    fileNumber: '2', // 文件号
+    type: '2', // 类别
+    createPerson: '2', // 创建人
+    createTime: '2', // 创建时间
+    status: '未通过', // 审批状态0未通过
+    isStart: false,
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = ref([
+  {
+    text: '名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '文件号',
+    value: 'fileNumber',
+  },
+  {
+    text: '类别',
+    value: 'type',
+  },
+  {
+    text: '创建人',
+    value: 'createPerson',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+])
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 新建
+const add = () => {
+  typeValue.value = 'add'
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用申请', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IlistType, val: string) => {
+  if (val === '取消') {
+    ElMessageBox.confirm(
+      '确认取消吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '取消成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '同意') {
+    isShowDialog.value = true
+    approveOpinion.value = '1'
+  }
+  else if (val === '驳回') {
+    isShowDialog.value = true
+    approveOpinion.value = '2'
+  }
+  else if (val === '拒绝') {
+    isShowDialog.value = true
+    approveOpinion.value = '0'
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'box') { // 草稿箱
+
+  }
+  else if (val === 'will') { // 未审批
+
+  }
+  else if (val === 'ing') { // 审批中
+
+  }
+  else if (val === 'pass') { // 已通过
+
+  }
+  else if (val === 'notPass') { // 未通过
+
+  }
+  else if (val === 'cancle') { // 已取消
+
+  }
+  else { // 全部
+
+  }
+}
+// 监听关闭对话框
+const closeDialog = () => {
+  isShowDialog.value = false
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'add' && typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'add' && typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="add">
+          新建
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="290">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '同意')"
+              >
+                同意
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '驳回')"
+              >
+                驳回
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '拒绝')"
+              >
+                拒绝
+              </el-button>
+              <!-- 是发起者且审批中可以取消 -->
+              <el-button
+                :disabled="row.status === '审批中' && row.isStart"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '取消')"
+              >
+                取消
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                :disabled="row.status === '未通过' || row.status === '已通过' || !row.isStart"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box v-if="typeValue !== 'add' && typeValue !== 'check'" :active="active" @changeCurrentButton="changeCurrentButton" />
+    <receive-dialog :is-show-dialog="isShowDialog" :approve-opinion="approveOpinion" @closeDialog="closeDialog" />
+    <create-or-check
+      v-if="typeValue === 'add' || typeValue === 'check'"
+      :type-value="typeValue"
+      @close="close"
+    />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
 </style>
+
diff --git a/src/views/device/deviceMaintenance/manageCheckList.vue b/src/views/device/deviceMaintenance/manageCheckList.vue
index a4ace73..1df82e3 100644
--- a/src/views/device/deviceMaintenance/manageCheckList.vue
+++ b/src/views/device/deviceMaintenance/manageCheckList.vue
@@ -1,4 +1,4 @@
-<script lang="ts" setup name="ManageCheckList">
+<!-- <script lang="ts" setup name="ManageCheckList">
 // 逻辑代码
 </script>
 
@@ -10,4 +10,372 @@
 
 <style lang="scss" scoped>
 // 样式
+</style> -->
+<script lang="ts" setup name="SolveList">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IsolveListType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/solveComponent/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import detail from '@/views/device/receive/solveComponent/detail.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref('unused') // 选中的按钮
+const type = {
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = [
+  {
+    text: '申请编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '申请名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '申请部门',
+    value: 'dep',
+  },
+  {
+    text: '申请人',
+    value: 'person',
+  },
+  {
+    text: '申请时间',
+    value: 'date',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+]
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IsolveListType, index: number) => ({ index: index + 1, number: item.number, name: item.name, dep: item.dep, person: item.person, date: item.date, status: item.status })),
+      name: '设备领用处理',
+      titleArr: ['序号', '申请编号', '申请名称', '申请部门', '申请人', '申请时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IsolveListType, index: number) => ({ index: index + 1, number: item.number, name: item.name, dep: item.dep, person: item.person, date: item.date, status: item.status })),
+      name: '设备领用处理',
+      titleArr: ['序号', '申请编号', '申请名称', '申请部门', '申请人', '申请时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用处理', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IsolveListType, val: string) => {
+  if (val === '领用') {
+    ElMessageBox.confirm(
+      '确认领用吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调领用接口
+        ElMessage({
+          type: 'success',
+          message: '领用成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调删除接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '退领') {
+    ElMessageBox.confirm(
+      '确认退领吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调退领接口
+        ElMessage({
+          type: 'success',
+          message: '退领成功',
+        })
+      })
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 右上角按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'unused') { // 未领用
+
+  }
+  else if (val === 'used') { // 已领用
+
+  }
+}
+// 标签识别
+const execTag = () => {
+
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="execTag">
+          标签识别
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="180">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                v-if="active === 'unused'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '领用')"
+              >
+                领用
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                v-if="active === 'unused'"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+              <el-button
+                v-if="active === 'used'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '退领')"
+              >
+                退领
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box
+      v-if="typeValue !== 'check'"
+      :active="active"
+      @changeCurrentButton="changeCurrentButton"
+    />
+    <detail v-if="typeValue === 'check'" :type-value="typeValue" @close="close" />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
 </style>
+
diff --git a/src/views/device/receive/applyList.vue b/src/views/device/receive/applyList.vue
new file mode 100644
index 0000000..5ee8966
--- /dev/null
+++ b/src/views/device/receive/applyList.vue
@@ -0,0 +1,411 @@
+<script lang="ts" setup name="ApplyList">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IlistType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import createOrCheck from '@/views/device/receive/createOrCheck.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref() // 选中的按钮
+const isShowDialog = ref(false) // 是否显示dialog
+const approveOpinion = ref() // 审批意见：1同意2驳回0拒绝
+const type = {
+  add: '新建',
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    fileNumber: 'string', // 文件号
+    type: 'string', // 类别
+    createPerson: 'string', // 创建人
+    createTime: 'string', // 创建时间
+    status: '审批中', // 审批状态
+    isStart: true, // 是否是发起者
+  },
+  {
+    number: '1', // 编号
+    name: '1', // 名称
+    fileNumber: '1', // 文件号
+    type: '1', // 类别
+    createPerson: '1', // 创建人
+    createTime: '1', // 创建时间
+    status: '已通过', // 审批状态
+    isStart: false,
+  },
+  {
+    number: '2', // 编号
+    name: '2', // 名称
+    fileNumber: '2', // 文件号
+    type: '2', // 类别
+    createPerson: '2', // 创建人
+    createTime: '2', // 创建时间
+    status: '未通过', // 审批状态0未通过
+    isStart: false,
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = ref([
+  {
+    text: '名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '文件号',
+    value: 'fileNumber',
+  },
+  {
+    text: '类别',
+    value: 'type',
+  },
+  {
+    text: '创建人',
+    value: 'createPerson',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+])
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 新建
+const add = () => {
+  typeValue.value = 'add'
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用申请', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IlistType, val: string) => {
+  if (val === '取消') {
+    ElMessageBox.confirm(
+      '确认取消吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '取消成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '同意') {
+    isShowDialog.value = true
+    approveOpinion.value = '1'
+  }
+  else if (val === '驳回') {
+    isShowDialog.value = true
+    approveOpinion.value = '2'
+  }
+  else if (val === '拒绝') {
+    isShowDialog.value = true
+    approveOpinion.value = '0'
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'box') { // 草稿箱
+
+  }
+  else if (val === 'will') { // 未审批
+
+  }
+  else if (val === 'ing') { // 审批中
+
+  }
+  else if (val === 'pass') { // 已通过
+
+  }
+  else if (val === 'notPass') { // 未通过
+
+  }
+  else if (val === 'cancle') { // 已取消
+
+  }
+  else { // 全部
+
+  }
+}
+// 监听关闭对话框
+const closeDialog = () => {
+  isShowDialog.value = false
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'add' && typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'add' && typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="add">
+          新建
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="290">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '同意')"
+              >
+                同意
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '驳回')"
+              >
+                驳回
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '拒绝')"
+              >
+                拒绝
+              </el-button>
+              <!-- 是发起者且审批中可以取消 -->
+              <el-button
+                :disabled="row.status === '审批中' && row.isStart"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '取消')"
+              >
+                取消
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                :disabled="row.status === '未通过' || row.status === '已通过' || !row.isStart"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box v-if="typeValue !== 'add' && typeValue !== 'check'" :active="active" @changeCurrentButton="changeCurrentButton" />
+    <receive-dialog :is-show-dialog="isShowDialog" :approve-opinion="approveOpinion" @closeDialog="closeDialog" />
+    <create-or-check
+      v-if="typeValue === 'add' || typeValue === 'check'"
+      :type-value="typeValue"
+      @close="close"
+    />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
+
diff --git a/src/views/device/receive/buttonBox.vue b/src/views/device/receive/buttonBox.vue
new file mode 100644
index 0000000..aa02ce5
--- /dev/null
+++ b/src/views/device/receive/buttonBox.vue
@@ -0,0 +1,47 @@
+<script lang="ts" setup name="ButtonBox">
+import { ref } from 'vue'
+const emits = defineEmits(['changeCurrentButton'])
+const menu = [
+  { name: '全部', id: 'all' },
+  { name: '草稿箱', id: 'box' },
+  { name: '待审批', id: 'will' },
+  { name: '审批中', id: 'ing' },
+  { name: '已通过', id: 'pass' },
+  { name: '未通过', id: 'notPass' },
+  { name: '已取消', id: 'cancle' },
+]
+const current = ref('all')
+watch(current, (newValue) => {
+  console.log(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>
+    <!-- 展示区域 -->
+    <!-- <component :is="currentComp" /> -->
+  </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/device/receive/createOrCheck.vue b/src/views/device/receive/createOrCheck.vue
new file mode 100644
index 0000000..a40cae5
--- /dev/null
+++ b/src/views/device/receive/createOrCheck.vue
@@ -0,0 +1,411 @@
+<script lang="ts" setup name="CreateOrCheck">
+import { reactive, ref } from 'vue'
+import type { Ref } from 'vue'
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import type { IdeviceListQuery, Iform } from './receive'
+import SelectDeviceDialog from './selectDeviceDialog.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+
+const props = defineProps({
+  typeValue: String,
+})
+const emits = defineEmits(['close'])
+const isMulti = ref(false) // 是否批量添加(允许多选)
+const selectIndex = ref()
+const { proxy } = getCurrentInstance() as any
+const dialogSelectDiviceVisible = ref(false) // 控制选择设备对话框显隐
+const isShowDialog = ref(false) // 控制审批对话框显隐
+const total = ref(20)// 总数
+const approveOpinion = ref() // 审批意见：1同意2驳回0拒绝
+const type = {
+  add: '新建',
+  check: '查看',
+  normal: '正常',
+}
+const haveApproveLimits = ref(true)// 是否有审批权限
+const isStart = ref(false)// 是否是发起人
+// 选中的内容
+const checkoutList = ref([])
+// 表单数据
+const form = ref({
+  company: '申请单位', // 申请单位
+  person: '申请人1', // 申请人
+  time: '1', // 领用时间
+  state: '', // 申请说明
+})
+const ruleFormRef = ref<FormInstance>() as any
+const list = ref([{
+  name: '测试1', // 仪器名称
+  number: '测试1', // 设备编号
+  version: '测试1', // 型号
+  scope: '测试1', // 测量范围
+  dep: '测试1', // 使用部门
+  person: '测试1', // 使用人
+  status: '测试1', // 管理状态
+  date: '测试1', // 有效日期
+}, {
+  name: '测试2', // 仪器名称
+  number: '测试2', // 设备编号
+  version: '测试2', // 型号
+  scope: '测试2', // 测量范围
+  dep: '测试2', // 使用部门
+  person: '测试2', // 使用人
+  status: '测试2', // 管理状态
+  date: '测试2', // 有效日期
+}])// 表格数据
+// 查询条件
+const listQuery: Ref<IdeviceListQuery> = ref({
+  name: '', // 仪器名称
+  number: '', // 设备编号
+  version: '', // 型号
+  scope: '', // 测量范围
+  dep: '', // 使用部门
+  person: '', // 使用人
+  status: '', // 管理状态
+  date: '', // 有效日期
+  offset: 1,
+  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',
+  },
+]
+const rules = reactive<FormRules>({
+  company: [
+    { required: true, message: '请输入申请单位', trigger: 'blur' },
+    // { min: 3, max: 5, message: 'Length should be 3 to 5', trigger: 'blur' },
+  ],
+  person: [
+    { required: true, message: '请输入申请人', trigger: 'blur' },
+    // { min: 3, max: 5, message: 'Length should be 3 to 5', trigger: 'blur' },
+  ],
+  time: [
+    {
+      type: 'date',
+      required: true,
+      message: '请选择领用时间',
+      trigger: 'change',
+    },
+  ],
+})
+
+const handleClick = (val: string) => {
+// 1同意，2驳回，0拒绝，3提交，4撤回
+  if (val === '3') { // 提交
+    ruleFormRef.value.validate((valid: boolean) => {
+      if (valid) {
+        console.log('submit!')
+      }
+      else {
+        console.log('表单提交失败')
+      }
+    })
+  }
+  else if (val === '1') {
+    isShowDialog.value = true
+    approveOpinion.value = '1'
+  }
+  else if (val === '2') {
+    isShowDialog.value = true
+    approveOpinion.value = '2'
+  }
+  else if (val === '0') {
+    isShowDialog.value = true
+    approveOpinion.value = '0'
+  }
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 删除行
+const delRow = () => {
+  console.log(checkoutList.value)
+
+  if (checkoutList.value.length <= 0) {
+    ElMessage({
+      message: '请选中要删除的行',
+      type: 'warning',
+    })
+  }
+  else {
+    // 调删除接口
+    checkoutList.value.forEach((item: IdeviceListQuery) => {
+      // if (!item.name && !item.number) {
+      list.value.forEach((element, index) => {
+        if (element.name === item.name && element.number === item.number) {
+          list.value.splice(index, 1)
+        }
+      })
+      // }
+    })
+  }
+}
+// 增加行
+const addRow = () => {
+  list.value.push({
+    name: '', // 仪器名称
+    number: '', // 设备编号
+    version: '', // 型号
+    scope: '', // 测量范围
+    dep: '', // 使用部门
+    person: '', // 使用人
+    status: '', // 管理状态
+    date: '', // 有效日期
+  })
+}
+// 点击选择
+const handleSelect = (index: number, row: IdeviceListQuery) => {
+  dialogSelectDiviceVisible.value = true
+  isMulti.value = false
+  selectIndex.value = index
+  console.log('选中的index', row)
+}
+// 点击批量添加
+const multiAdd = () => {
+  dialogSelectDiviceVisible.value = true
+  isMulti.value = true
+}
+// 点击关闭
+const close = () => {
+  emits('close')
+}
+// 选择涉笔对话框关闭
+const closeDialog = () => {
+  dialogSelectDiviceVisible.value = false
+  isShowDialog.value = false
+}
+// 选择好设备了
+const updateDeviceConfirm = (val: any) => {
+  if (isMulti.value) {
+    val.forEach((item: any) => {
+      list.value.push(item)
+    })
+  }
+  else {
+    list.value.splice(selectIndex.value, 1, val[0])
+  }
+}
+</script>
+
+<template>
+  <app-container>
+    <div class="create-check">
+      <div class="top-info">
+        <div class="title-button">
+          <h4 class="title">
+            基本信息
+          </h4>
+          <div class="button-group">
+            <el-button v-if="haveApproveLimits && !isStart && typeValue === 'add'" type="primary" plain @click="handleClick('1')">
+              同意
+            </el-button>
+            <el-button v-if="haveApproveLimits && !isStart && typeValue === 'add'" type="primary" plain @click="handleClick('2')">
+              驳回
+            </el-button>
+            <el-button v-if="haveApproveLimits && !isStart && typeValue === 'add'" type="primary" plain @click="handleClick('0')">
+              拒绝
+            </el-button>
+            <el-button v-if="isStart && typeValue === 'add'" type="primary" plain @click="handleClick('3')">
+              提交
+            </el-button>
+            <el-button v-if="isStart && typeValue === 'add'" type="primary" plain @click="handleClick('4')">
+              撤回
+            </el-button>
+            <el-button type="primary" plain @click="close">
+              关闭
+            </el-button>
+          </div>
+        </div>
+
+        <div class="form-area">
+          <el-form
+            ref="ruleFormRef"
+            :model="form"
+            label-width="120px"
+            :rules="rules"
+          >
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="申请单位" prop="company">
+                  <el-input v-model="form.company" clearable />
+                </el-form-item>
+                <el-form-item label="申请人" prop="person">
+                  <el-input v-model="form.person" clearable />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="领用时间" prop="time">
+                  <el-date-picker
+                    v-model="form.time"
+                    type="datetime"
+                    placeholder="请选择领用时间"
+                  />
+                </el-form-item>
+                <el-form-item label="申请说明">
+                  <el-input v-model="form.state" type="textarea" clearable />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+      </div>
+      <table-container title="设备领用列表">
+        <template #btns-right>
+          <el-button type="primary" @click="multiAdd">
+            批量添加
+          </el-button>
+          <el-button type="primary" @click="addRow">
+            增加行
+          </el-button>
+          <el-button type="primary" @click="delRow">
+            删除行
+          </el-button>
+        </template>
+        <normal-table
+          :data="list" :total="total" :columns="columns" :query="listQuery"
+          is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+        >
+          <template #preColumns>
+            <el-table-column label="#" width="55" align="center">
+              <template #default="scope">
+                {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+              </template>
+            </el-table-column>
+          </template>
+          <template #columns>
+            <el-table-column label="操作" align="center" width="120">
+              <template #default="scope">
+                <el-button
+                  size="small"
+                  type="primary"
+                  link
+                  @click="handleSelect(scope.$index, scope.row)"
+                >
+                  选择
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </table-container>
+
+      <table-container title="审批流程">
+        <!-- <normal-table
+          :data="list" :total="total" :columns="columns" :query="listQuery"
+          is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+        >
+          <template #preColumns>
+            <el-table-column label="#" width="55" align="center">
+              <template #default="scope">
+                {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+              </template>
+            </el-table-column>
+          </template>
+          <template #columns>
+            <el-table-column label="操作" align="center" width="120">
+              <template #default="{ row }">
+                <el-button
+                  size="small"
+                  type="primary"
+                  link
+                  @click="handleSelect(row.$index, row)"
+                >
+                  选择
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table> -->
+      </table-container>
+    </div>
+  </app-container>
+  <select-device-dialog
+    :dialog-select-divice-visible="dialogSelectDiviceVisible"
+    :is-multi="isMulti"
+    @closeDialog="closeDialog"
+    @updateDeviceConfirm="updateDeviceConfirm"
+  />
+
+  <!-- 同意、驳回、拒绝对话框显示 -->
+  <receive-dialog
+    :is-show-dialog="isShowDialog"
+    :approve-opinion="approveOpinion"
+    @closeDialog="closeDialog"
+  />
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.create-check {
+  .top-info {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    padding-right: 10px;
+    border-radius: 10px;
+    background-color: #fff;
+
+    .title-button {
+      display: flex;
+      align-items: center;
+
+      &::before {
+        content: "";
+        flex: 1;
+      }
+
+      .button-group {
+        flex: 1;
+        display: flex;
+        justify-content: flex-end;
+      }
+    }
+
+    .form-area {
+      margin-top: 40px;
+    }
+  }
+}
+</style>
diff --git a/src/views/device/receive/receive.ts b/src/views/device/receive/receive.ts
new file mode 100644
index 0000000..3e4abdb
--- /dev/null
+++ b/src/views/device/receive/receive.ts
@@ -0,0 +1,47 @@
+export interface IlistQuery {
+  number?: string // 编号
+  name?: string // 名称
+  dep?: string // 部门
+  person?: string // 人
+  date?: string // 日期
+  offset: number
+  limit: number
+}
+
+export interface IlistType {
+  number: string // 编号
+  name: string // 名称
+  fileNumber: string// 文件号
+  type: string // 类别
+  createPerson: string // 创建人
+  createTime: string // 创建时间
+  status: string // 审批状态
+}
+export interface IsolveListType {
+  number: string // 申请编号
+  name: string // 申请名称
+  dep: string // 申请部门
+  person: string// 申请人
+  date: string // 申请时间
+  status: string // 审批状态
+}
+
+export interface Iform {
+  company: string // 申请单位
+  person: string // 申请人
+  time: string // 申请时间
+  state: string // 申请说明
+}
+// 新建-查看表格
+export interface IdeviceListQuery {
+  name: string // 仪器名称
+  number: string // 设备编号
+  version: string // 型号
+  scope: string // 测量范围
+  dep: string // 使用部门
+  person: string // 使用人
+  status: string // 管理状态
+  date: string // 有效日期
+  offset: number
+  limit: number
+}
diff --git a/src/views/device/receive/receiveDialog.vue b/src/views/device/receive/receiveDialog.vue
new file mode 100644
index 0000000..fdaa730
--- /dev/null
+++ b/src/views/device/receive/receiveDialog.vue
@@ -0,0 +1,105 @@
+<script lang="ts" setup name="ReceiveDialog">
+import { ref } from 'vue'
+import dayjs from 'dayjs'
+import useUserStore from '@/store/modules/user'
+const props = defineProps({
+  isShowDialog: {
+    type: Boolean,
+    default: false,
+  },
+  approveOpinion: {
+    type: String,
+  },
+})
+const emits = defineEmits(['closeDialog', 'updateConfirm'])
+const userStore = useUserStore()
+const date = dayjs(`${new Date()}`).format('YYYY.MM.DD')
+const dialogTableVisible = ref(false)// 控制对话框显隐
+const selectRadio = ref()// 同意驳回拒绝
+const textarea = ref('')// 审批结论
+watch(() => props.isShowDialog, (newValue) => {
+  dialogTableVisible.value = newValue
+})
+watch(() => props.approveOpinion, (newValue) => {
+  selectRadio.value = newValue
+})
+// 关闭对话框
+const close = () => {
+  console.log('close-dialog')
+  emits('closeDialog')
+}
+// 确认
+const confirm = () => {
+  console.log('确认')
+  const param = {
+    selectRadio: selectRadio.value,
+    textarea,
+    userStore,
+    date,
+  }
+  console.log(param)
+  // emits('updateConfirm', param)
+  // 调接口
+  close()
+}
+</script>
+
+<template>
+  <el-dialog v-model="dialogTableVisible" title="审批操作" class="receive-dialog" @close="close">
+    <div class="receive-dialog-item">
+      <span class="text">审批意见：</span>
+      <!-- 1同意2驳回0拒绝 -->
+      <el-radio-group v-model="selectRadio">
+        <el-radio label="1" :disabled="selectRadio !== '1'">
+          同意
+        </el-radio>
+        <el-radio label="2" :disabled="selectRadio !== '2'">
+          驳回
+        </el-radio>
+        <el-radio label="0" :disabled="selectRadio !== '0'">
+          拒绝
+        </el-radio>
+      </el-radio-group>
+    </div>
+
+    <div class="receive-dialog-item">
+      <span class="text">审批结论：</span>
+      <el-input
+        v-model="textarea"
+        :rows="3"
+        type="textarea"
+        placeholder="请输入审批结论"
+      />
+    </div>
+
+    <div class="receive-dialog-item">
+      <span class="text">审批人：{{ userStore.name }}</span>
+      <span class="text">审批时间：{{ date }}</span>
+    </div>
+
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="close">取消</el-button>
+        <el-button type="primary" @click="confirm">
+          提交
+        </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.receive-dialog {
+  .receive-dialog-item {
+    display: flex;
+    align-items: center;
+    margin-bottom: 28px;
+
+    .text {
+      margin-right: 30px;
+      white-space: nowrap;
+    }
+  }
+}
+</style>
diff --git a/src/views/device/receive/selectDeviceDialog.vue b/src/views/device/receive/selectDeviceDialog.vue
new file mode 100644
index 0000000..d6f28f3
--- /dev/null
+++ b/src/views/device/receive/selectDeviceDialog.vue
@@ -0,0 +1,187 @@
+<!-- 选择设备 -->
+<script lang="ts" setup name="ReceiveDialog">
+import { ref } from 'vue'
+import useUserStore from '@/store/modules/user'
+const props = defineProps({
+  dialogSelectDiviceVisible: {
+    type: Boolean,
+    default: false,
+  },
+  isMulti: Boolean,
+})
+const emits = defineEmits(['closeDialog', 'updateDeviceConfirm'])
+const userStore = useUserStore()
+// 查询条件
+const listQuery = ref({
+  deviceName: '', // 设备名称
+  deviceNumber: '', // 设备编号
+  offset: 1,
+  limit: 10,
+})
+const total = ref(20)
+// 多选选中的内容
+const checkoutList = ref([])
+
+const list = ref([{
+  name: '设备01',
+  number: '设备01',
+  version: '设备01',
+  millNumber: '设备01',
+  status: '设备01',
+  person: '设备01',
+  date: '设备01',
+},
+{
+  name: '设备02',
+  number: '设备02',
+  version: '设备02',
+  millNumber: '设备02',
+  status: '设备02',
+  person: '设备02',
+  date: '设备02',
+}])// 表格数据
+const columns = [
+  {
+    text: '设备名称',
+    value: 'name',
+  },
+  {
+    text: '设备编号',
+    value: 'number',
+  },
+  {
+    text: '型号',
+    value: 'version',
+  },
+  {
+    text: '出厂编号',
+    value: 'millNumber',
+  },
+  {
+    text: '管理状态',
+    value: 'status',
+  },
+  {
+    text: '使用人',
+    value: 'person',
+  },
+  {
+    text: '有效日期',
+    value: 'date',
+  },
+]
+const table = ref()
+const dialogTableVisible = ref(false)// 控制对话框显隐
+watch(() => props.dialogSelectDiviceVisible, (newValue) => {
+  dialogTableVisible.value = newValue
+  if (!newValue) {
+    table.value.clearMulti() // 清除多选选中
+  }
+})
+// 关闭对话框
+const close = () => {
+  console.log('close-dialog')
+  emits('closeDialog')
+}
+// 确认
+const confirm = () => {
+  console.log('确认')
+  emits('updateDeviceConfirm', checkoutList.value)
+  // 调接口
+  close()
+}
+// 重置
+const clearList = () => {
+  listQuery.value.deviceName = ''
+  listQuery.value.deviceNumber = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选选中
+const handleSelectionChange = (val: any) => {
+  console.log('多选', val)
+  checkoutList.value = val
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+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)
+}
+</script>
+
+<template>
+  <el-dialog v-model="dialogTableVisible" title="选择设备" class="select-device-dialog" @close="close">
+    <search-area
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.deviceName"
+          placeholder="设备名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.deviceNumber"
+          placeholder="设备编号"
+          clearable
+        />
+      </search-item>
+    </search-area>
+    <table-container>
+      <normal-table
+        ref="table"
+        :data="list"
+        :total="total"
+        :columns="columns"
+        :query="listQuery"
+        :is-multi="isMulti"
+        is-showmulti-select
+        @change="changePage"
+        @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="close">取消</el-button>
+        <el-button type="primary" @click="confirm">
+          确定
+        </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.receive-dialog {
+  .receive-dialog-item {
+    display: flex;
+    align-items: center;
+    margin-bottom: 28px;
+
+    .text {
+      margin-right: 30px;
+      white-space: nowrap;
+    }
+  }
+}
+</style>
diff --git a/src/views/device/receive/solveComponent/buttonBox.vue b/src/views/device/receive/solveComponent/buttonBox.vue
new file mode 100644
index 0000000..fa155a2
--- /dev/null
+++ b/src/views/device/receive/solveComponent/buttonBox.vue
@@ -0,0 +1,42 @@
+<script lang="ts" setup name="ButtonBox">
+import { ref } from 'vue'
+const emits = defineEmits(['changeCurrentButton'])
+const menu = [
+  { name: '未领用', id: 'unused' },
+  { name: '已领用', id: 'used' },
+]
+const current = ref('unused')
+watch(current, (newValue) => {
+  console.log(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>
+    <!-- 展示区域 -->
+    <!-- <component :is="currentComp" /> -->
+  </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/device/receive/solveComponent/detail.vue b/src/views/device/receive/solveComponent/detail.vue
new file mode 100644
index 0000000..862fad1
--- /dev/null
+++ b/src/views/device/receive/solveComponent/detail.vue
@@ -0,0 +1,270 @@
+<script lang="ts" setup name="Detail">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import type { IdeviceListQuery, Iform } from '../receive'
+
+const props = defineProps({
+  typeValue: String,
+})
+const emits = defineEmits(['close'])
+const { proxy } = getCurrentInstance() as any
+const total = ref(20)// 总数
+const type = {
+  check: '查看',
+  normal: '正常',
+}
+
+// 表单数据
+const form = ref({
+  company: '申请单位', // 申请单位
+  person: '申请人1', // 申请人
+  time: '1', // 领用时间
+  state: '说明1', // 申请说明
+})
+const list = ref([{
+  name: '测试1', // 仪器名称
+  number: '测试1', // 设备编号
+  version: '测试1', // 型号
+  scope: '测试1', // 测量范围
+  dep: '测试1', // 使用部门
+  person: '测试1', // 使用人
+  status: '测试1', // 管理状态
+  date: '测试1', // 有效日期
+}, {
+  name: '测试2', // 仪器名称
+  number: '测试2', // 设备编号
+  version: '测试2', // 型号
+  scope: '测试2', // 测量范围
+  dep: '测试2', // 使用部门
+  person: '测试2', // 使用人
+  status: '测试2', // 管理状态
+  date: '测试2', // 有效日期
+}])// 表格数据
+// 查询条件
+const listQuery: Ref<IdeviceListQuery> = ref({
+  name: '', // 仪器名称
+  number: '', // 设备编号
+  version: '', // 型号
+  scope: '', // 测量范围
+  dep: '', // 使用部门
+  person: '', // 使用人
+  status: '', // 管理状态
+  date: '', // 有效日期
+  offset: 1,
+  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',
+  },
+]
+
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 点击关闭
+const close = () => {
+  emits('close')
+}
+// 打印
+const printObj = ref({
+  id: 'lysq', // 需要打印元素的id
+  popTitle: '领用申请', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  // 触发打印预览打开前回调
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') },
+  // 触发打开打印预览回调
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') },
+  // 触发打印工具打开前回调
+  beforeOpenCallback() { console.log('开始打印之前！') },
+  // 触发打开打印工具回调
+  openCallback() { console.log('执行打印了！') },
+  // 触发关闭打印工具回调
+  closeCallback() { console.log('关闭了打印工具！') },
+  // 触发点击打印回调
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+</script>
+
+<template>
+  <app-container>
+    <div id="lysq" class="lysq-create-check">
+      <div class="top-info">
+        <div class="title-button">
+          <h4 class="title">
+            领用申请
+          </h4>
+          <div class="button-group">
+            <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+              打印
+            </el-button>
+            <el-button type="primary" plain @click="close">
+              关闭
+            </el-button>
+          </div>
+        </div>
+
+        <div class="form-area">
+          <el-form
+            ref="ruleFormRef"
+            :model="form"
+            label-width="120px"
+          >
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="申请单位">
+                  <el-input v-model="form.company" clearable />
+                </el-form-item>
+                <el-form-item label="申请人">
+                  <el-input v-model="form.person" clearable />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="领用时间">
+                  <el-date-picker
+                    v-model="form.time"
+                    type="datetime"
+                    placeholder="请选择领用时间"
+                  />
+                </el-form-item>
+                <el-form-item label="申请说明">
+                  <el-input v-model="form.state" type="textarea" clearable />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+      </div>
+      <table-container title="设备领用列表">
+        <normal-table
+          :data="list" :total="total" :columns="columns" :query="listQuery"
+          @change="changePage"
+        >
+          <template #preColumns>
+            <el-table-column label="#" width="55" align="center">
+              <template #default="scope">
+                {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </table-container>
+
+      <table-container title="审批流程">
+        <!-- <normal-table
+          :data="list" :total="total" :columns="columns" :query="listQuery"
+          is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+        >
+          <template #preColumns>
+            <el-table-column label="#" width="55" align="center">
+              <template #default="scope">
+                {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+              </template>
+            </el-table-column>
+          </template>
+          <template #columns>
+            <el-table-column label="操作" align="center" width="120">
+              <template #default="{ row }">
+                <el-button
+                  size="small"
+                  type="primary"
+                  link
+                  @click="handleSelect(row.$index, row)"
+                >
+                  选择
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table> -->
+      </table-container>
+    </div>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.lysq-create-check {
+  .top-info {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    padding-right: 10px;
+    border-radius: 10px;
+    background-color: #fff;
+
+    .title-button {
+      display: flex;
+      align-items: center;
+
+      &::before {
+        content: "";
+        flex: 1;
+      }
+
+      .button-group {
+        flex: 1;
+        display: flex;
+        justify-content: flex-end;
+      }
+    }
+
+    .form-area {
+      margin-top: 40px;
+    }
+  }
+}
+</style>
+
+<style lang="scss">
+.lysq-create-check {
+  .el-form-item--default .el-form-item__label {
+    color: #000;
+  }
+}
+</style>
diff --git a/src/views/device/receive/solveList.vue b/src/views/device/receive/solveList.vue
new file mode 100644
index 0000000..68d4381
--- /dev/null
+++ b/src/views/device/receive/solveList.vue
@@ -0,0 +1,368 @@
+<script lang="ts" setup name="SolveList">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IsolveListType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/solveComponent/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import detail from '@/views/device/receive/solveComponent/detail.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref('unused') // 选中的按钮
+const type = {
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = [
+  {
+    text: '申请编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '申请名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '申请部门',
+    value: 'dep',
+  },
+  {
+    text: '申请人',
+    value: 'person',
+  },
+  {
+    text: '申请时间',
+    value: 'date',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+]
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IsolveListType, index: number) => ({ index: index + 1, number: item.number, name: item.name, dep: item.dep, person: item.person, date: item.date, status: item.status })),
+      name: '设备领用处理',
+      titleArr: ['序号', '申请编号', '申请名称', '申请部门', '申请人', '申请时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IsolveListType, index: number) => ({ index: index + 1, number: item.number, name: item.name, dep: item.dep, person: item.person, date: item.date, status: item.status })),
+      name: '设备领用处理',
+      titleArr: ['序号', '申请编号', '申请名称', '申请部门', '申请人', '申请时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用处理', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IsolveListType, val: string) => {
+  if (val === '领用') {
+    ElMessageBox.confirm(
+      '确认领用吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调领用接口
+        ElMessage({
+          type: 'success',
+          message: '领用成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调删除接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '退领') {
+    ElMessageBox.confirm(
+      '确认退领吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调退领接口
+        ElMessage({
+          type: 'success',
+          message: '退领成功',
+        })
+      })
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 右上角按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'unused') { // 未领用
+
+  }
+  else if (val === 'used') { // 已领用
+
+  }
+}
+// 标签识别
+const execTag = () => {
+
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="execTag">
+          标签识别
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="180">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                v-if="active === 'unused'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '领用')"
+              >
+                领用
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                v-if="active === 'unused'"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+              <el-button
+                v-if="active === 'used'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '退领')"
+              >
+                退领
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box
+      v-if="typeValue !== 'check'"
+      :active="active"
+      @changeCurrentButton="changeCurrentButton"
+    />
+    <detail v-if="typeValue === 'check'" :type-value="typeValue" @close="close" />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
+
diff --git a/src/views/system/process/detailProcess.vue b/src/views/system/process/detailProcess.vue
index 2f14306..69f92b6 100644
--- a/src/views/system/process/detailProcess.vue
+++ b/src/views/system/process/detailProcess.vue
@@ -5,7 +5,7 @@
 import type { Ref } from 'vue'
 import setting from '../../setting.vue'
 import type { Iform } from './process'
-import WorkFlow from '@/components/workFlow/workFlow.vue'
+// import WorkFlow from '@/components/workFlow/workFlow.vue'
 const emits = defineEmits(['close'])
 const ruleFormRef = ref<FormInstance>()
 const form: Ref<Iform> = ref({

diff --git a/src/api/system/process.ts b/src/api/system/process.ts
new file mode 100644
index 0000000..8da9b84
--- /dev/null
+++ b/src/api/system/process.ts
@@ -0,0 +1,12 @@
+// 流程管理接口
+import request from '../index'
+const prefix = '/system/flow'
+
+// 价格列表查询
+export function getProcessList(data: object) {
+  return request({
+    url: `${prefix}/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 2b110cb..046291a 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -11,6 +11,11 @@
     type: Boolean,
     default: false,
   },
+  // 是否允许多选
+  isMulti: {
+    type: Boolean,
+    default: true,
+  },
   // 查询条件，此处主要需要分页的条件
   query: {
     type: Object,
@@ -152,11 +157,34 @@
   initColumnsState()
   changeColumns()
 })
+// 多选框单选功能
+const selectClick = (selection: any, row: any) => {
+  if (!props.isMulti) {
+    console.log('selectClick')
+    if (selection.length > 1) {
+      const del_row = selection.shift()
+      table.value.toggleRowSelection(del_row, false) // 用于多选表格，切换某一行的选中状态，如果使用了第二个参数，则是设置这一行选中与否（selected 为 true 则选中）
+    }
+  }
+}
 </script>
 
 <template>
-  <div class="normal-table">
-    <el-table id="print" ref="table" v-loading="loading" :data="data" height="height" border stripe :size="size" style="width: 100%;" @selection-change="handleSelectionChange">
+  <div :class="isMulti ? 'normal-table' : 'single-table'">
+    <el-table
+      id="print"
+      ref="table"
+      v-loading="loading"
+      :data="data"
+      height="height"
+      border
+      stripe
+      :size="size"
+      style="width: 100%;"
+      @selection-change="handleSelectionChange"
+      @select="selectClick"
+      @row-click="rowClick"
+    >
       <el-table-column v-if="isShowmultiSelect" type="selection" width="55" />
       <slot name="preColumns" />
       <el-table-column v-for="column of columns" :key="column.value" :label="column.text" :prop="column.value" :width="column.width" :align="column.align" :show-overflow-tooltip="column.showOverflow ? column.showOverflow : true" />
@@ -180,5 +208,14 @@
 <style lang="scss" scoped>
 .normal-table {
   width: 100%;
+  // 隐藏全选按钮
+}
+
+.single-table {
+  width: 100%;
+
+  :deep(.el-table th.el-table__cell:nth-child(1) .cell) {
+    visibility: hidden;
+  }
 }
 </style>
diff --git a/src/router/modules/device.ts b/src/router/modules/device.ts
index 55b4d14..d6c1c91 100644
--- a/src/router/modules/device.ts
+++ b/src/router/modules/device.ts
@@ -281,6 +281,40 @@
       },
     ],
   },
+  {
+    path: '/receive',
+    component: Layout,
+    redirect: '/device/receive/applyList',
+    name: 'Receive',
+    meta: {
+      title: '设备领用',
+      icon: 'ep:key',
+      auth: '/device/receive',
+    },
+    children: [
+      {
+        path: 'applyList',
+        name: 'ApplyList',
+        component: () => import('@/views/device/receive/applyList.vue'),
+        meta: {
+          title: '设备领用申请',
+          icon: 'ep:key',
+          auth: '/device/receive/applyList',
+        },
+      },
+      {
+        path: 'solveList',
+        name: 'SolveList',
+        component: () => import('@/views/device/receive/solveList.vue'),
+        meta: {
+          title: '设备领用处理',
+          icon: 'ep:key',
+          auth: '/device/receive/solveList',
+        },
+      },
+    ],
+  },
+
 ]
 
 export default routes
diff --git a/src/views/device/deviceMaintenance/maintenanceList.vue b/src/views/device/deviceMaintenance/maintenanceList.vue
index 3c91abd..9da2abd 100644
--- a/src/views/device/deviceMaintenance/maintenanceList.vue
+++ b/src/views/device/deviceMaintenance/maintenanceList.vue
@@ -1,4 +1,4 @@
-<script lang="ts" setup name="MaintenanceList">
+<!-- <script lang="ts" setup name="MaintenanceList">
 // 逻辑代码
 </script>
 
@@ -10,4 +10,416 @@
 
 <style lang="scss" scoped>
 // 样式
+</style> -->
+
+<script lang="ts" setup name="Receive">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IlistType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import createOrCheck from '@/views/device/receive/createOrCheck.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref() // 选中的按钮
+const isShowDialog = ref(false) // 是否显示dialog
+const approveOpinion = ref() // 审批意见：1同意2驳回0拒绝
+const type = {
+  add: '新建',
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    fileNumber: 'string', // 文件号
+    type: 'string', // 类别
+    createPerson: 'string', // 创建人
+    createTime: 'string', // 创建时间
+    status: '审批中', // 审批状态
+    isStart: true, // 是否是发起者
+  },
+  {
+    number: '1', // 编号
+    name: '1', // 名称
+    fileNumber: '1', // 文件号
+    type: '1', // 类别
+    createPerson: '1', // 创建人
+    createTime: '1', // 创建时间
+    status: '已通过', // 审批状态
+    isStart: false,
+  },
+  {
+    number: '2', // 编号
+    name: '2', // 名称
+    fileNumber: '2', // 文件号
+    type: '2', // 类别
+    createPerson: '2', // 创建人
+    createTime: '2', // 创建时间
+    status: '未通过', // 审批状态0未通过
+    isStart: false,
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = ref([
+  {
+    text: '名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '文件号',
+    value: 'fileNumber',
+  },
+  {
+    text: '类别',
+    value: 'type',
+  },
+  {
+    text: '创建人',
+    value: 'createPerson',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+])
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 新建
+const add = () => {
+  typeValue.value = 'add'
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用申请', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IlistType, val: string) => {
+  if (val === '取消') {
+    ElMessageBox.confirm(
+      '确认取消吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '取消成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '同意') {
+    isShowDialog.value = true
+    approveOpinion.value = '1'
+  }
+  else if (val === '驳回') {
+    isShowDialog.value = true
+    approveOpinion.value = '2'
+  }
+  else if (val === '拒绝') {
+    isShowDialog.value = true
+    approveOpinion.value = '0'
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'box') { // 草稿箱
+
+  }
+  else if (val === 'will') { // 未审批
+
+  }
+  else if (val === 'ing') { // 审批中
+
+  }
+  else if (val === 'pass') { // 已通过
+
+  }
+  else if (val === 'notPass') { // 未通过
+
+  }
+  else if (val === 'cancle') { // 已取消
+
+  }
+  else { // 全部
+
+  }
+}
+// 监听关闭对话框
+const closeDialog = () => {
+  isShowDialog.value = false
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'add' && typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'add' && typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="add">
+          新建
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="290">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '同意')"
+              >
+                同意
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '驳回')"
+              >
+                驳回
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '拒绝')"
+              >
+                拒绝
+              </el-button>
+              <!-- 是发起者且审批中可以取消 -->
+              <el-button
+                :disabled="row.status === '审批中' && row.isStart"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '取消')"
+              >
+                取消
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                :disabled="row.status === '未通过' || row.status === '已通过' || !row.isStart"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box v-if="typeValue !== 'add' && typeValue !== 'check'" :active="active" @changeCurrentButton="changeCurrentButton" />
+    <receive-dialog :is-show-dialog="isShowDialog" :approve-opinion="approveOpinion" @closeDialog="closeDialog" />
+    <create-or-check
+      v-if="typeValue === 'add' || typeValue === 'check'"
+      :type-value="typeValue"
+      @close="close"
+    />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
 </style>
+
diff --git a/src/views/device/deviceMaintenance/manageCheckList.vue b/src/views/device/deviceMaintenance/manageCheckList.vue
index a4ace73..1df82e3 100644
--- a/src/views/device/deviceMaintenance/manageCheckList.vue
+++ b/src/views/device/deviceMaintenance/manageCheckList.vue
@@ -1,4 +1,4 @@
-<script lang="ts" setup name="ManageCheckList">
+<!-- <script lang="ts" setup name="ManageCheckList">
 // 逻辑代码
 </script>
 
@@ -10,4 +10,372 @@
 
 <style lang="scss" scoped>
 // 样式
+</style> -->
+<script lang="ts" setup name="SolveList">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IsolveListType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/solveComponent/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import detail from '@/views/device/receive/solveComponent/detail.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref('unused') // 选中的按钮
+const type = {
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = [
+  {
+    text: '申请编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '申请名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '申请部门',
+    value: 'dep',
+  },
+  {
+    text: '申请人',
+    value: 'person',
+  },
+  {
+    text: '申请时间',
+    value: 'date',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+]
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IsolveListType, index: number) => ({ index: index + 1, number: item.number, name: item.name, dep: item.dep, person: item.person, date: item.date, status: item.status })),
+      name: '设备领用处理',
+      titleArr: ['序号', '申请编号', '申请名称', '申请部门', '申请人', '申请时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IsolveListType, index: number) => ({ index: index + 1, number: item.number, name: item.name, dep: item.dep, person: item.person, date: item.date, status: item.status })),
+      name: '设备领用处理',
+      titleArr: ['序号', '申请编号', '申请名称', '申请部门', '申请人', '申请时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用处理', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IsolveListType, val: string) => {
+  if (val === '领用') {
+    ElMessageBox.confirm(
+      '确认领用吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调领用接口
+        ElMessage({
+          type: 'success',
+          message: '领用成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调删除接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '退领') {
+    ElMessageBox.confirm(
+      '确认退领吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调退领接口
+        ElMessage({
+          type: 'success',
+          message: '退领成功',
+        })
+      })
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 右上角按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'unused') { // 未领用
+
+  }
+  else if (val === 'used') { // 已领用
+
+  }
+}
+// 标签识别
+const execTag = () => {
+
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="execTag">
+          标签识别
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="180">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                v-if="active === 'unused'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '领用')"
+              >
+                领用
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                v-if="active === 'unused'"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+              <el-button
+                v-if="active === 'used'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '退领')"
+              >
+                退领
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box
+      v-if="typeValue !== 'check'"
+      :active="active"
+      @changeCurrentButton="changeCurrentButton"
+    />
+    <detail v-if="typeValue === 'check'" :type-value="typeValue" @close="close" />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
 </style>
+
diff --git a/src/views/device/receive/applyList.vue b/src/views/device/receive/applyList.vue
new file mode 100644
index 0000000..5ee8966
--- /dev/null
+++ b/src/views/device/receive/applyList.vue
@@ -0,0 +1,411 @@
+<script lang="ts" setup name="ApplyList">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IlistType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import createOrCheck from '@/views/device/receive/createOrCheck.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref() // 选中的按钮
+const isShowDialog = ref(false) // 是否显示dialog
+const approveOpinion = ref() // 审批意见：1同意2驳回0拒绝
+const type = {
+  add: '新建',
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    fileNumber: 'string', // 文件号
+    type: 'string', // 类别
+    createPerson: 'string', // 创建人
+    createTime: 'string', // 创建时间
+    status: '审批中', // 审批状态
+    isStart: true, // 是否是发起者
+  },
+  {
+    number: '1', // 编号
+    name: '1', // 名称
+    fileNumber: '1', // 文件号
+    type: '1', // 类别
+    createPerson: '1', // 创建人
+    createTime: '1', // 创建时间
+    status: '已通过', // 审批状态
+    isStart: false,
+  },
+  {
+    number: '2', // 编号
+    name: '2', // 名称
+    fileNumber: '2', // 文件号
+    type: '2', // 类别
+    createPerson: '2', // 创建人
+    createTime: '2', // 创建时间
+    status: '未通过', // 审批状态0未通过
+    isStart: false,
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = ref([
+  {
+    text: '名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '文件号',
+    value: 'fileNumber',
+  },
+  {
+    text: '类别',
+    value: 'type',
+  },
+  {
+    text: '创建人',
+    value: 'createPerson',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+])
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 新建
+const add = () => {
+  typeValue.value = 'add'
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用申请', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IlistType, val: string) => {
+  if (val === '取消') {
+    ElMessageBox.confirm(
+      '确认取消吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '取消成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '同意') {
+    isShowDialog.value = true
+    approveOpinion.value = '1'
+  }
+  else if (val === '驳回') {
+    isShowDialog.value = true
+    approveOpinion.value = '2'
+  }
+  else if (val === '拒绝') {
+    isShowDialog.value = true
+    approveOpinion.value = '0'
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'box') { // 草稿箱
+
+  }
+  else if (val === 'will') { // 未审批
+
+  }
+  else if (val === 'ing') { // 审批中
+
+  }
+  else if (val === 'pass') { // 已通过
+
+  }
+  else if (val === 'notPass') { // 未通过
+
+  }
+  else if (val === 'cancle') { // 已取消
+
+  }
+  else { // 全部
+
+  }
+}
+// 监听关闭对话框
+const closeDialog = () => {
+  isShowDialog.value = false
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'add' && typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'add' && typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="add">
+          新建
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="290">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '同意')"
+              >
+                同意
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '驳回')"
+              >
+                驳回
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '拒绝')"
+              >
+                拒绝
+              </el-button>
+              <!-- 是发起者且审批中可以取消 -->
+              <el-button
+                :disabled="row.status === '审批中' && row.isStart"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '取消')"
+              >
+                取消
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                :disabled="row.status === '未通过' || row.status === '已通过' || !row.isStart"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box v-if="typeValue !== 'add' && typeValue !== 'check'" :active="active" @changeCurrentButton="changeCurrentButton" />
+    <receive-dialog :is-show-dialog="isShowDialog" :approve-opinion="approveOpinion" @closeDialog="closeDialog" />
+    <create-or-check
+      v-if="typeValue === 'add' || typeValue === 'check'"
+      :type-value="typeValue"
+      @close="close"
+    />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
+
diff --git a/src/views/device/receive/buttonBox.vue b/src/views/device/receive/buttonBox.vue
new file mode 100644
index 0000000..aa02ce5
--- /dev/null
+++ b/src/views/device/receive/buttonBox.vue
@@ -0,0 +1,47 @@
+<script lang="ts" setup name="ButtonBox">
+import { ref } from 'vue'
+const emits = defineEmits(['changeCurrentButton'])
+const menu = [
+  { name: '全部', id: 'all' },
+  { name: '草稿箱', id: 'box' },
+  { name: '待审批', id: 'will' },
+  { name: '审批中', id: 'ing' },
+  { name: '已通过', id: 'pass' },
+  { name: '未通过', id: 'notPass' },
+  { name: '已取消', id: 'cancle' },
+]
+const current = ref('all')
+watch(current, (newValue) => {
+  console.log(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>
+    <!-- 展示区域 -->
+    <!-- <component :is="currentComp" /> -->
+  </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/device/receive/createOrCheck.vue b/src/views/device/receive/createOrCheck.vue
new file mode 100644
index 0000000..a40cae5
--- /dev/null
+++ b/src/views/device/receive/createOrCheck.vue
@@ -0,0 +1,411 @@
+<script lang="ts" setup name="CreateOrCheck">
+import { reactive, ref } from 'vue'
+import type { Ref } from 'vue'
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import type { IdeviceListQuery, Iform } from './receive'
+import SelectDeviceDialog from './selectDeviceDialog.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+
+const props = defineProps({
+  typeValue: String,
+})
+const emits = defineEmits(['close'])
+const isMulti = ref(false) // 是否批量添加(允许多选)
+const selectIndex = ref()
+const { proxy } = getCurrentInstance() as any
+const dialogSelectDiviceVisible = ref(false) // 控制选择设备对话框显隐
+const isShowDialog = ref(false) // 控制审批对话框显隐
+const total = ref(20)// 总数
+const approveOpinion = ref() // 审批意见：1同意2驳回0拒绝
+const type = {
+  add: '新建',
+  check: '查看',
+  normal: '正常',
+}
+const haveApproveLimits = ref(true)// 是否有审批权限
+const isStart = ref(false)// 是否是发起人
+// 选中的内容
+const checkoutList = ref([])
+// 表单数据
+const form = ref({
+  company: '申请单位', // 申请单位
+  person: '申请人1', // 申请人
+  time: '1', // 领用时间
+  state: '', // 申请说明
+})
+const ruleFormRef = ref<FormInstance>() as any
+const list = ref([{
+  name: '测试1', // 仪器名称
+  number: '测试1', // 设备编号
+  version: '测试1', // 型号
+  scope: '测试1', // 测量范围
+  dep: '测试1', // 使用部门
+  person: '测试1', // 使用人
+  status: '测试1', // 管理状态
+  date: '测试1', // 有效日期
+}, {
+  name: '测试2', // 仪器名称
+  number: '测试2', // 设备编号
+  version: '测试2', // 型号
+  scope: '测试2', // 测量范围
+  dep: '测试2', // 使用部门
+  person: '测试2', // 使用人
+  status: '测试2', // 管理状态
+  date: '测试2', // 有效日期
+}])// 表格数据
+// 查询条件
+const listQuery: Ref<IdeviceListQuery> = ref({
+  name: '', // 仪器名称
+  number: '', // 设备编号
+  version: '', // 型号
+  scope: '', // 测量范围
+  dep: '', // 使用部门
+  person: '', // 使用人
+  status: '', // 管理状态
+  date: '', // 有效日期
+  offset: 1,
+  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',
+  },
+]
+const rules = reactive<FormRules>({
+  company: [
+    { required: true, message: '请输入申请单位', trigger: 'blur' },
+    // { min: 3, max: 5, message: 'Length should be 3 to 5', trigger: 'blur' },
+  ],
+  person: [
+    { required: true, message: '请输入申请人', trigger: 'blur' },
+    // { min: 3, max: 5, message: 'Length should be 3 to 5', trigger: 'blur' },
+  ],
+  time: [
+    {
+      type: 'date',
+      required: true,
+      message: '请选择领用时间',
+      trigger: 'change',
+    },
+  ],
+})
+
+const handleClick = (val: string) => {
+// 1同意，2驳回，0拒绝，3提交，4撤回
+  if (val === '3') { // 提交
+    ruleFormRef.value.validate((valid: boolean) => {
+      if (valid) {
+        console.log('submit!')
+      }
+      else {
+        console.log('表单提交失败')
+      }
+    })
+  }
+  else if (val === '1') {
+    isShowDialog.value = true
+    approveOpinion.value = '1'
+  }
+  else if (val === '2') {
+    isShowDialog.value = true
+    approveOpinion.value = '2'
+  }
+  else if (val === '0') {
+    isShowDialog.value = true
+    approveOpinion.value = '0'
+  }
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 删除行
+const delRow = () => {
+  console.log(checkoutList.value)
+
+  if (checkoutList.value.length <= 0) {
+    ElMessage({
+      message: '请选中要删除的行',
+      type: 'warning',
+    })
+  }
+  else {
+    // 调删除接口
+    checkoutList.value.forEach((item: IdeviceListQuery) => {
+      // if (!item.name && !item.number) {
+      list.value.forEach((element, index) => {
+        if (element.name === item.name && element.number === item.number) {
+          list.value.splice(index, 1)
+        }
+      })
+      // }
+    })
+  }
+}
+// 增加行
+const addRow = () => {
+  list.value.push({
+    name: '', // 仪器名称
+    number: '', // 设备编号
+    version: '', // 型号
+    scope: '', // 测量范围
+    dep: '', // 使用部门
+    person: '', // 使用人
+    status: '', // 管理状态
+    date: '', // 有效日期
+  })
+}
+// 点击选择
+const handleSelect = (index: number, row: IdeviceListQuery) => {
+  dialogSelectDiviceVisible.value = true
+  isMulti.value = false
+  selectIndex.value = index
+  console.log('选中的index', row)
+}
+// 点击批量添加
+const multiAdd = () => {
+  dialogSelectDiviceVisible.value = true
+  isMulti.value = true
+}
+// 点击关闭
+const close = () => {
+  emits('close')
+}
+// 选择涉笔对话框关闭
+const closeDialog = () => {
+  dialogSelectDiviceVisible.value = false
+  isShowDialog.value = false
+}
+// 选择好设备了
+const updateDeviceConfirm = (val: any) => {
+  if (isMulti.value) {
+    val.forEach((item: any) => {
+      list.value.push(item)
+    })
+  }
+  else {
+    list.value.splice(selectIndex.value, 1, val[0])
+  }
+}
+</script>
+
+<template>
+  <app-container>
+    <div class="create-check">
+      <div class="top-info">
+        <div class="title-button">
+          <h4 class="title">
+            基本信息
+          </h4>
+          <div class="button-group">
+            <el-button v-if="haveApproveLimits && !isStart && typeValue === 'add'" type="primary" plain @click="handleClick('1')">
+              同意
+            </el-button>
+            <el-button v-if="haveApproveLimits && !isStart && typeValue === 'add'" type="primary" plain @click="handleClick('2')">
+              驳回
+            </el-button>
+            <el-button v-if="haveApproveLimits && !isStart && typeValue === 'add'" type="primary" plain @click="handleClick('0')">
+              拒绝
+            </el-button>
+            <el-button v-if="isStart && typeValue === 'add'" type="primary" plain @click="handleClick('3')">
+              提交
+            </el-button>
+            <el-button v-if="isStart && typeValue === 'add'" type="primary" plain @click="handleClick('4')">
+              撤回
+            </el-button>
+            <el-button type="primary" plain @click="close">
+              关闭
+            </el-button>
+          </div>
+        </div>
+
+        <div class="form-area">
+          <el-form
+            ref="ruleFormRef"
+            :model="form"
+            label-width="120px"
+            :rules="rules"
+          >
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="申请单位" prop="company">
+                  <el-input v-model="form.company" clearable />
+                </el-form-item>
+                <el-form-item label="申请人" prop="person">
+                  <el-input v-model="form.person" clearable />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="领用时间" prop="time">
+                  <el-date-picker
+                    v-model="form.time"
+                    type="datetime"
+                    placeholder="请选择领用时间"
+                  />
+                </el-form-item>
+                <el-form-item label="申请说明">
+                  <el-input v-model="form.state" type="textarea" clearable />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+      </div>
+      <table-container title="设备领用列表">
+        <template #btns-right>
+          <el-button type="primary" @click="multiAdd">
+            批量添加
+          </el-button>
+          <el-button type="primary" @click="addRow">
+            增加行
+          </el-button>
+          <el-button type="primary" @click="delRow">
+            删除行
+          </el-button>
+        </template>
+        <normal-table
+          :data="list" :total="total" :columns="columns" :query="listQuery"
+          is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+        >
+          <template #preColumns>
+            <el-table-column label="#" width="55" align="center">
+              <template #default="scope">
+                {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+              </template>
+            </el-table-column>
+          </template>
+          <template #columns>
+            <el-table-column label="操作" align="center" width="120">
+              <template #default="scope">
+                <el-button
+                  size="small"
+                  type="primary"
+                  link
+                  @click="handleSelect(scope.$index, scope.row)"
+                >
+                  选择
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </table-container>
+
+      <table-container title="审批流程">
+        <!-- <normal-table
+          :data="list" :total="total" :columns="columns" :query="listQuery"
+          is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+        >
+          <template #preColumns>
+            <el-table-column label="#" width="55" align="center">
+              <template #default="scope">
+                {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+              </template>
+            </el-table-column>
+          </template>
+          <template #columns>
+            <el-table-column label="操作" align="center" width="120">
+              <template #default="{ row }">
+                <el-button
+                  size="small"
+                  type="primary"
+                  link
+                  @click="handleSelect(row.$index, row)"
+                >
+                  选择
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table> -->
+      </table-container>
+    </div>
+  </app-container>
+  <select-device-dialog
+    :dialog-select-divice-visible="dialogSelectDiviceVisible"
+    :is-multi="isMulti"
+    @closeDialog="closeDialog"
+    @updateDeviceConfirm="updateDeviceConfirm"
+  />
+
+  <!-- 同意、驳回、拒绝对话框显示 -->
+  <receive-dialog
+    :is-show-dialog="isShowDialog"
+    :approve-opinion="approveOpinion"
+    @closeDialog="closeDialog"
+  />
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.create-check {
+  .top-info {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    padding-right: 10px;
+    border-radius: 10px;
+    background-color: #fff;
+
+    .title-button {
+      display: flex;
+      align-items: center;
+
+      &::before {
+        content: "";
+        flex: 1;
+      }
+
+      .button-group {
+        flex: 1;
+        display: flex;
+        justify-content: flex-end;
+      }
+    }
+
+    .form-area {
+      margin-top: 40px;
+    }
+  }
+}
+</style>
diff --git a/src/views/device/receive/receive.ts b/src/views/device/receive/receive.ts
new file mode 100644
index 0000000..3e4abdb
--- /dev/null
+++ b/src/views/device/receive/receive.ts
@@ -0,0 +1,47 @@
+export interface IlistQuery {
+  number?: string // 编号
+  name?: string // 名称
+  dep?: string // 部门
+  person?: string // 人
+  date?: string // 日期
+  offset: number
+  limit: number
+}
+
+export interface IlistType {
+  number: string // 编号
+  name: string // 名称
+  fileNumber: string// 文件号
+  type: string // 类别
+  createPerson: string // 创建人
+  createTime: string // 创建时间
+  status: string // 审批状态
+}
+export interface IsolveListType {
+  number: string // 申请编号
+  name: string // 申请名称
+  dep: string // 申请部门
+  person: string// 申请人
+  date: string // 申请时间
+  status: string // 审批状态
+}
+
+export interface Iform {
+  company: string // 申请单位
+  person: string // 申请人
+  time: string // 申请时间
+  state: string // 申请说明
+}
+// 新建-查看表格
+export interface IdeviceListQuery {
+  name: string // 仪器名称
+  number: string // 设备编号
+  version: string // 型号
+  scope: string // 测量范围
+  dep: string // 使用部门
+  person: string // 使用人
+  status: string // 管理状态
+  date: string // 有效日期
+  offset: number
+  limit: number
+}
diff --git a/src/views/device/receive/receiveDialog.vue b/src/views/device/receive/receiveDialog.vue
new file mode 100644
index 0000000..fdaa730
--- /dev/null
+++ b/src/views/device/receive/receiveDialog.vue
@@ -0,0 +1,105 @@
+<script lang="ts" setup name="ReceiveDialog">
+import { ref } from 'vue'
+import dayjs from 'dayjs'
+import useUserStore from '@/store/modules/user'
+const props = defineProps({
+  isShowDialog: {
+    type: Boolean,
+    default: false,
+  },
+  approveOpinion: {
+    type: String,
+  },
+})
+const emits = defineEmits(['closeDialog', 'updateConfirm'])
+const userStore = useUserStore()
+const date = dayjs(`${new Date()}`).format('YYYY.MM.DD')
+const dialogTableVisible = ref(false)// 控制对话框显隐
+const selectRadio = ref()// 同意驳回拒绝
+const textarea = ref('')// 审批结论
+watch(() => props.isShowDialog, (newValue) => {
+  dialogTableVisible.value = newValue
+})
+watch(() => props.approveOpinion, (newValue) => {
+  selectRadio.value = newValue
+})
+// 关闭对话框
+const close = () => {
+  console.log('close-dialog')
+  emits('closeDialog')
+}
+// 确认
+const confirm = () => {
+  console.log('确认')
+  const param = {
+    selectRadio: selectRadio.value,
+    textarea,
+    userStore,
+    date,
+  }
+  console.log(param)
+  // emits('updateConfirm', param)
+  // 调接口
+  close()
+}
+</script>
+
+<template>
+  <el-dialog v-model="dialogTableVisible" title="审批操作" class="receive-dialog" @close="close">
+    <div class="receive-dialog-item">
+      <span class="text">审批意见：</span>
+      <!-- 1同意2驳回0拒绝 -->
+      <el-radio-group v-model="selectRadio">
+        <el-radio label="1" :disabled="selectRadio !== '1'">
+          同意
+        </el-radio>
+        <el-radio label="2" :disabled="selectRadio !== '2'">
+          驳回
+        </el-radio>
+        <el-radio label="0" :disabled="selectRadio !== '0'">
+          拒绝
+        </el-radio>
+      </el-radio-group>
+    </div>
+
+    <div class="receive-dialog-item">
+      <span class="text">审批结论：</span>
+      <el-input
+        v-model="textarea"
+        :rows="3"
+        type="textarea"
+        placeholder="请输入审批结论"
+      />
+    </div>
+
+    <div class="receive-dialog-item">
+      <span class="text">审批人：{{ userStore.name }}</span>
+      <span class="text">审批时间：{{ date }}</span>
+    </div>
+
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="close">取消</el-button>
+        <el-button type="primary" @click="confirm">
+          提交
+        </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.receive-dialog {
+  .receive-dialog-item {
+    display: flex;
+    align-items: center;
+    margin-bottom: 28px;
+
+    .text {
+      margin-right: 30px;
+      white-space: nowrap;
+    }
+  }
+}
+</style>
diff --git a/src/views/device/receive/selectDeviceDialog.vue b/src/views/device/receive/selectDeviceDialog.vue
new file mode 100644
index 0000000..d6f28f3
--- /dev/null
+++ b/src/views/device/receive/selectDeviceDialog.vue
@@ -0,0 +1,187 @@
+<!-- 选择设备 -->
+<script lang="ts" setup name="ReceiveDialog">
+import { ref } from 'vue'
+import useUserStore from '@/store/modules/user'
+const props = defineProps({
+  dialogSelectDiviceVisible: {
+    type: Boolean,
+    default: false,
+  },
+  isMulti: Boolean,
+})
+const emits = defineEmits(['closeDialog', 'updateDeviceConfirm'])
+const userStore = useUserStore()
+// 查询条件
+const listQuery = ref({
+  deviceName: '', // 设备名称
+  deviceNumber: '', // 设备编号
+  offset: 1,
+  limit: 10,
+})
+const total = ref(20)
+// 多选选中的内容
+const checkoutList = ref([])
+
+const list = ref([{
+  name: '设备01',
+  number: '设备01',
+  version: '设备01',
+  millNumber: '设备01',
+  status: '设备01',
+  person: '设备01',
+  date: '设备01',
+},
+{
+  name: '设备02',
+  number: '设备02',
+  version: '设备02',
+  millNumber: '设备02',
+  status: '设备02',
+  person: '设备02',
+  date: '设备02',
+}])// 表格数据
+const columns = [
+  {
+    text: '设备名称',
+    value: 'name',
+  },
+  {
+    text: '设备编号',
+    value: 'number',
+  },
+  {
+    text: '型号',
+    value: 'version',
+  },
+  {
+    text: '出厂编号',
+    value: 'millNumber',
+  },
+  {
+    text: '管理状态',
+    value: 'status',
+  },
+  {
+    text: '使用人',
+    value: 'person',
+  },
+  {
+    text: '有效日期',
+    value: 'date',
+  },
+]
+const table = ref()
+const dialogTableVisible = ref(false)// 控制对话框显隐
+watch(() => props.dialogSelectDiviceVisible, (newValue) => {
+  dialogTableVisible.value = newValue
+  if (!newValue) {
+    table.value.clearMulti() // 清除多选选中
+  }
+})
+// 关闭对话框
+const close = () => {
+  console.log('close-dialog')
+  emits('closeDialog')
+}
+// 确认
+const confirm = () => {
+  console.log('确认')
+  emits('updateDeviceConfirm', checkoutList.value)
+  // 调接口
+  close()
+}
+// 重置
+const clearList = () => {
+  listQuery.value.deviceName = ''
+  listQuery.value.deviceNumber = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选选中
+const handleSelectionChange = (val: any) => {
+  console.log('多选', val)
+  checkoutList.value = val
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+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)
+}
+</script>
+
+<template>
+  <el-dialog v-model="dialogTableVisible" title="选择设备" class="select-device-dialog" @close="close">
+    <search-area
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.deviceName"
+          placeholder="设备名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.deviceNumber"
+          placeholder="设备编号"
+          clearable
+        />
+      </search-item>
+    </search-area>
+    <table-container>
+      <normal-table
+        ref="table"
+        :data="list"
+        :total="total"
+        :columns="columns"
+        :query="listQuery"
+        :is-multi="isMulti"
+        is-showmulti-select
+        @change="changePage"
+        @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="close">取消</el-button>
+        <el-button type="primary" @click="confirm">
+          确定
+        </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.receive-dialog {
+  .receive-dialog-item {
+    display: flex;
+    align-items: center;
+    margin-bottom: 28px;
+
+    .text {
+      margin-right: 30px;
+      white-space: nowrap;
+    }
+  }
+}
+</style>
diff --git a/src/views/device/receive/solveComponent/buttonBox.vue b/src/views/device/receive/solveComponent/buttonBox.vue
new file mode 100644
index 0000000..fa155a2
--- /dev/null
+++ b/src/views/device/receive/solveComponent/buttonBox.vue
@@ -0,0 +1,42 @@
+<script lang="ts" setup name="ButtonBox">
+import { ref } from 'vue'
+const emits = defineEmits(['changeCurrentButton'])
+const menu = [
+  { name: '未领用', id: 'unused' },
+  { name: '已领用', id: 'used' },
+]
+const current = ref('unused')
+watch(current, (newValue) => {
+  console.log(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>
+    <!-- 展示区域 -->
+    <!-- <component :is="currentComp" /> -->
+  </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/device/receive/solveComponent/detail.vue b/src/views/device/receive/solveComponent/detail.vue
new file mode 100644
index 0000000..862fad1
--- /dev/null
+++ b/src/views/device/receive/solveComponent/detail.vue
@@ -0,0 +1,270 @@
+<script lang="ts" setup name="Detail">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import type { IdeviceListQuery, Iform } from '../receive'
+
+const props = defineProps({
+  typeValue: String,
+})
+const emits = defineEmits(['close'])
+const { proxy } = getCurrentInstance() as any
+const total = ref(20)// 总数
+const type = {
+  check: '查看',
+  normal: '正常',
+}
+
+// 表单数据
+const form = ref({
+  company: '申请单位', // 申请单位
+  person: '申请人1', // 申请人
+  time: '1', // 领用时间
+  state: '说明1', // 申请说明
+})
+const list = ref([{
+  name: '测试1', // 仪器名称
+  number: '测试1', // 设备编号
+  version: '测试1', // 型号
+  scope: '测试1', // 测量范围
+  dep: '测试1', // 使用部门
+  person: '测试1', // 使用人
+  status: '测试1', // 管理状态
+  date: '测试1', // 有效日期
+}, {
+  name: '测试2', // 仪器名称
+  number: '测试2', // 设备编号
+  version: '测试2', // 型号
+  scope: '测试2', // 测量范围
+  dep: '测试2', // 使用部门
+  person: '测试2', // 使用人
+  status: '测试2', // 管理状态
+  date: '测试2', // 有效日期
+}])// 表格数据
+// 查询条件
+const listQuery: Ref<IdeviceListQuery> = ref({
+  name: '', // 仪器名称
+  number: '', // 设备编号
+  version: '', // 型号
+  scope: '', // 测量范围
+  dep: '', // 使用部门
+  person: '', // 使用人
+  status: '', // 管理状态
+  date: '', // 有效日期
+  offset: 1,
+  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',
+  },
+]
+
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 点击关闭
+const close = () => {
+  emits('close')
+}
+// 打印
+const printObj = ref({
+  id: 'lysq', // 需要打印元素的id
+  popTitle: '领用申请', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  // 触发打印预览打开前回调
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') },
+  // 触发打开打印预览回调
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') },
+  // 触发打印工具打开前回调
+  beforeOpenCallback() { console.log('开始打印之前！') },
+  // 触发打开打印工具回调
+  openCallback() { console.log('执行打印了！') },
+  // 触发关闭打印工具回调
+  closeCallback() { console.log('关闭了打印工具！') },
+  // 触发点击打印回调
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+</script>
+
+<template>
+  <app-container>
+    <div id="lysq" class="lysq-create-check">
+      <div class="top-info">
+        <div class="title-button">
+          <h4 class="title">
+            领用申请
+          </h4>
+          <div class="button-group">
+            <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+              打印
+            </el-button>
+            <el-button type="primary" plain @click="close">
+              关闭
+            </el-button>
+          </div>
+        </div>
+
+        <div class="form-area">
+          <el-form
+            ref="ruleFormRef"
+            :model="form"
+            label-width="120px"
+          >
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="申请单位">
+                  <el-input v-model="form.company" clearable />
+                </el-form-item>
+                <el-form-item label="申请人">
+                  <el-input v-model="form.person" clearable />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="领用时间">
+                  <el-date-picker
+                    v-model="form.time"
+                    type="datetime"
+                    placeholder="请选择领用时间"
+                  />
+                </el-form-item>
+                <el-form-item label="申请说明">
+                  <el-input v-model="form.state" type="textarea" clearable />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+      </div>
+      <table-container title="设备领用列表">
+        <normal-table
+          :data="list" :total="total" :columns="columns" :query="listQuery"
+          @change="changePage"
+        >
+          <template #preColumns>
+            <el-table-column label="#" width="55" align="center">
+              <template #default="scope">
+                {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </table-container>
+
+      <table-container title="审批流程">
+        <!-- <normal-table
+          :data="list" :total="total" :columns="columns" :query="listQuery"
+          is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+        >
+          <template #preColumns>
+            <el-table-column label="#" width="55" align="center">
+              <template #default="scope">
+                {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+              </template>
+            </el-table-column>
+          </template>
+          <template #columns>
+            <el-table-column label="操作" align="center" width="120">
+              <template #default="{ row }">
+                <el-button
+                  size="small"
+                  type="primary"
+                  link
+                  @click="handleSelect(row.$index, row)"
+                >
+                  选择
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table> -->
+      </table-container>
+    </div>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.lysq-create-check {
+  .top-info {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    padding-right: 10px;
+    border-radius: 10px;
+    background-color: #fff;
+
+    .title-button {
+      display: flex;
+      align-items: center;
+
+      &::before {
+        content: "";
+        flex: 1;
+      }
+
+      .button-group {
+        flex: 1;
+        display: flex;
+        justify-content: flex-end;
+      }
+    }
+
+    .form-area {
+      margin-top: 40px;
+    }
+  }
+}
+</style>
+
+<style lang="scss">
+.lysq-create-check {
+  .el-form-item--default .el-form-item__label {
+    color: #000;
+  }
+}
+</style>
diff --git a/src/views/device/receive/solveList.vue b/src/views/device/receive/solveList.vue
new file mode 100644
index 0000000..68d4381
--- /dev/null
+++ b/src/views/device/receive/solveList.vue
@@ -0,0 +1,368 @@
+<script lang="ts" setup name="SolveList">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IsolveListType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/solveComponent/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import detail from '@/views/device/receive/solveComponent/detail.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref('unused') // 选中的按钮
+const type = {
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = [
+  {
+    text: '申请编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '申请名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '申请部门',
+    value: 'dep',
+  },
+  {
+    text: '申请人',
+    value: 'person',
+  },
+  {
+    text: '申请时间',
+    value: 'date',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+]
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IsolveListType, index: number) => ({ index: index + 1, number: item.number, name: item.name, dep: item.dep, person: item.person, date: item.date, status: item.status })),
+      name: '设备领用处理',
+      titleArr: ['序号', '申请编号', '申请名称', '申请部门', '申请人', '申请时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IsolveListType, index: number) => ({ index: index + 1, number: item.number, name: item.name, dep: item.dep, person: item.person, date: item.date, status: item.status })),
+      name: '设备领用处理',
+      titleArr: ['序号', '申请编号', '申请名称', '申请部门', '申请人', '申请时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用处理', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IsolveListType, val: string) => {
+  if (val === '领用') {
+    ElMessageBox.confirm(
+      '确认领用吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调领用接口
+        ElMessage({
+          type: 'success',
+          message: '领用成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调删除接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '退领') {
+    ElMessageBox.confirm(
+      '确认退领吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调退领接口
+        ElMessage({
+          type: 'success',
+          message: '退领成功',
+        })
+      })
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 右上角按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'unused') { // 未领用
+
+  }
+  else if (val === 'used') { // 已领用
+
+  }
+}
+// 标签识别
+const execTag = () => {
+
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="execTag">
+          标签识别
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="180">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                v-if="active === 'unused'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '领用')"
+              >
+                领用
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                v-if="active === 'unused'"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+              <el-button
+                v-if="active === 'used'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '退领')"
+              >
+                退领
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box
+      v-if="typeValue !== 'check'"
+      :active="active"
+      @changeCurrentButton="changeCurrentButton"
+    />
+    <detail v-if="typeValue === 'check'" :type-value="typeValue" @close="close" />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
+
diff --git a/src/views/system/process/detailProcess.vue b/src/views/system/process/detailProcess.vue
index 2f14306..69f92b6 100644
--- a/src/views/system/process/detailProcess.vue
+++ b/src/views/system/process/detailProcess.vue
@@ -5,7 +5,7 @@
 import type { Ref } from 'vue'
 import setting from '../../setting.vue'
 import type { Iform } from './process'
-import WorkFlow from '@/components/workFlow/workFlow.vue'
+// import WorkFlow from '@/components/workFlow/workFlow.vue'
 const emits = defineEmits(['close'])
 const ruleFormRef = ref<FormInstance>()
 const form: Ref<Iform> = ref({
diff --git a/src/views/system/process/process.ts b/src/views/system/process/process.ts
index 7b12a6a..a8e75ec 100644
--- a/src/views/system/process/process.ts
+++ b/src/views/system/process/process.ts
@@ -9,6 +9,21 @@
   offset: number
   limit: number
 }
+// export interface IlistQuery {
+//   category?: string// 流程分类
+//   id?: string // 编号，流程id
+//   formId?: string // 表单id
+//   formName: string// 配置表单编号
+//   name: string // 名称
+//   business: string // 关联业务
+//   directorId: number// 负责人id
+//   person: string // 负责人
+//   deploymentTime?: string // 创建时间
+//   status: string // 当前流程状态
+//   describe?: string // 流程描述
+//   offset: number
+//   limit: number
+// }
 
 export interface Iform {
   number: string // 编号

diff --git a/src/api/system/process.ts b/src/api/system/process.ts
new file mode 100644
index 0000000..8da9b84
--- /dev/null
+++ b/src/api/system/process.ts
@@ -0,0 +1,12 @@
+// 流程管理接口
+import request from '../index'
+const prefix = '/system/flow'
+
+// 价格列表查询
+export function getProcessList(data: object) {
+  return request({
+    url: `${prefix}/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 2b110cb..046291a 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -11,6 +11,11 @@
     type: Boolean,
     default: false,
   },
+  // 是否允许多选
+  isMulti: {
+    type: Boolean,
+    default: true,
+  },
   // 查询条件，此处主要需要分页的条件
   query: {
     type: Object,
@@ -152,11 +157,34 @@
   initColumnsState()
   changeColumns()
 })
+// 多选框单选功能
+const selectClick = (selection: any, row: any) => {
+  if (!props.isMulti) {
+    console.log('selectClick')
+    if (selection.length > 1) {
+      const del_row = selection.shift()
+      table.value.toggleRowSelection(del_row, false) // 用于多选表格，切换某一行的选中状态，如果使用了第二个参数，则是设置这一行选中与否（selected 为 true 则选中）
+    }
+  }
+}
 </script>
 
 <template>
-  <div class="normal-table">
-    <el-table id="print" ref="table" v-loading="loading" :data="data" height="height" border stripe :size="size" style="width: 100%;" @selection-change="handleSelectionChange">
+  <div :class="isMulti ? 'normal-table' : 'single-table'">
+    <el-table
+      id="print"
+      ref="table"
+      v-loading="loading"
+      :data="data"
+      height="height"
+      border
+      stripe
+      :size="size"
+      style="width: 100%;"
+      @selection-change="handleSelectionChange"
+      @select="selectClick"
+      @row-click="rowClick"
+    >
       <el-table-column v-if="isShowmultiSelect" type="selection" width="55" />
       <slot name="preColumns" />
       <el-table-column v-for="column of columns" :key="column.value" :label="column.text" :prop="column.value" :width="column.width" :align="column.align" :show-overflow-tooltip="column.showOverflow ? column.showOverflow : true" />
@@ -180,5 +208,14 @@
 <style lang="scss" scoped>
 .normal-table {
   width: 100%;
+  // 隐藏全选按钮
+}
+
+.single-table {
+  width: 100%;
+
+  :deep(.el-table th.el-table__cell:nth-child(1) .cell) {
+    visibility: hidden;
+  }
 }
 </style>
diff --git a/src/router/modules/device.ts b/src/router/modules/device.ts
index 55b4d14..d6c1c91 100644
--- a/src/router/modules/device.ts
+++ b/src/router/modules/device.ts
@@ -281,6 +281,40 @@
       },
     ],
   },
+  {
+    path: '/receive',
+    component: Layout,
+    redirect: '/device/receive/applyList',
+    name: 'Receive',
+    meta: {
+      title: '设备领用',
+      icon: 'ep:key',
+      auth: '/device/receive',
+    },
+    children: [
+      {
+        path: 'applyList',
+        name: 'ApplyList',
+        component: () => import('@/views/device/receive/applyList.vue'),
+        meta: {
+          title: '设备领用申请',
+          icon: 'ep:key',
+          auth: '/device/receive/applyList',
+        },
+      },
+      {
+        path: 'solveList',
+        name: 'SolveList',
+        component: () => import('@/views/device/receive/solveList.vue'),
+        meta: {
+          title: '设备领用处理',
+          icon: 'ep:key',
+          auth: '/device/receive/solveList',
+        },
+      },
+    ],
+  },
+
 ]
 
 export default routes
diff --git a/src/views/device/deviceMaintenance/maintenanceList.vue b/src/views/device/deviceMaintenance/maintenanceList.vue
index 3c91abd..9da2abd 100644
--- a/src/views/device/deviceMaintenance/maintenanceList.vue
+++ b/src/views/device/deviceMaintenance/maintenanceList.vue
@@ -1,4 +1,4 @@
-<script lang="ts" setup name="MaintenanceList">
+<!-- <script lang="ts" setup name="MaintenanceList">
 // 逻辑代码
 </script>
 
@@ -10,4 +10,416 @@
 
 <style lang="scss" scoped>
 // 样式
+</style> -->
+
+<script lang="ts" setup name="Receive">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IlistType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import createOrCheck from '@/views/device/receive/createOrCheck.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref() // 选中的按钮
+const isShowDialog = ref(false) // 是否显示dialog
+const approveOpinion = ref() // 审批意见：1同意2驳回0拒绝
+const type = {
+  add: '新建',
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    fileNumber: 'string', // 文件号
+    type: 'string', // 类别
+    createPerson: 'string', // 创建人
+    createTime: 'string', // 创建时间
+    status: '审批中', // 审批状态
+    isStart: true, // 是否是发起者
+  },
+  {
+    number: '1', // 编号
+    name: '1', // 名称
+    fileNumber: '1', // 文件号
+    type: '1', // 类别
+    createPerson: '1', // 创建人
+    createTime: '1', // 创建时间
+    status: '已通过', // 审批状态
+    isStart: false,
+  },
+  {
+    number: '2', // 编号
+    name: '2', // 名称
+    fileNumber: '2', // 文件号
+    type: '2', // 类别
+    createPerson: '2', // 创建人
+    createTime: '2', // 创建时间
+    status: '未通过', // 审批状态0未通过
+    isStart: false,
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = ref([
+  {
+    text: '名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '文件号',
+    value: 'fileNumber',
+  },
+  {
+    text: '类别',
+    value: 'type',
+  },
+  {
+    text: '创建人',
+    value: 'createPerson',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+])
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 新建
+const add = () => {
+  typeValue.value = 'add'
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用申请', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IlistType, val: string) => {
+  if (val === '取消') {
+    ElMessageBox.confirm(
+      '确认取消吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '取消成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '同意') {
+    isShowDialog.value = true
+    approveOpinion.value = '1'
+  }
+  else if (val === '驳回') {
+    isShowDialog.value = true
+    approveOpinion.value = '2'
+  }
+  else if (val === '拒绝') {
+    isShowDialog.value = true
+    approveOpinion.value = '0'
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'box') { // 草稿箱
+
+  }
+  else if (val === 'will') { // 未审批
+
+  }
+  else if (val === 'ing') { // 审批中
+
+  }
+  else if (val === 'pass') { // 已通过
+
+  }
+  else if (val === 'notPass') { // 未通过
+
+  }
+  else if (val === 'cancle') { // 已取消
+
+  }
+  else { // 全部
+
+  }
+}
+// 监听关闭对话框
+const closeDialog = () => {
+  isShowDialog.value = false
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'add' && typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'add' && typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="add">
+          新建
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="290">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '同意')"
+              >
+                同意
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '驳回')"
+              >
+                驳回
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '拒绝')"
+              >
+                拒绝
+              </el-button>
+              <!-- 是发起者且审批中可以取消 -->
+              <el-button
+                :disabled="row.status === '审批中' && row.isStart"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '取消')"
+              >
+                取消
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                :disabled="row.status === '未通过' || row.status === '已通过' || !row.isStart"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box v-if="typeValue !== 'add' && typeValue !== 'check'" :active="active" @changeCurrentButton="changeCurrentButton" />
+    <receive-dialog :is-show-dialog="isShowDialog" :approve-opinion="approveOpinion" @closeDialog="closeDialog" />
+    <create-or-check
+      v-if="typeValue === 'add' || typeValue === 'check'"
+      :type-value="typeValue"
+      @close="close"
+    />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
 </style>
+
diff --git a/src/views/device/deviceMaintenance/manageCheckList.vue b/src/views/device/deviceMaintenance/manageCheckList.vue
index a4ace73..1df82e3 100644
--- a/src/views/device/deviceMaintenance/manageCheckList.vue
+++ b/src/views/device/deviceMaintenance/manageCheckList.vue
@@ -1,4 +1,4 @@
-<script lang="ts" setup name="ManageCheckList">
+<!-- <script lang="ts" setup name="ManageCheckList">
 // 逻辑代码
 </script>
 
@@ -10,4 +10,372 @@
 
 <style lang="scss" scoped>
 // 样式
+</style> -->
+<script lang="ts" setup name="SolveList">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IsolveListType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/solveComponent/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import detail from '@/views/device/receive/solveComponent/detail.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref('unused') // 选中的按钮
+const type = {
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = [
+  {
+    text: '申请编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '申请名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '申请部门',
+    value: 'dep',
+  },
+  {
+    text: '申请人',
+    value: 'person',
+  },
+  {
+    text: '申请时间',
+    value: 'date',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+]
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IsolveListType, index: number) => ({ index: index + 1, number: item.number, name: item.name, dep: item.dep, person: item.person, date: item.date, status: item.status })),
+      name: '设备领用处理',
+      titleArr: ['序号', '申请编号', '申请名称', '申请部门', '申请人', '申请时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IsolveListType, index: number) => ({ index: index + 1, number: item.number, name: item.name, dep: item.dep, person: item.person, date: item.date, status: item.status })),
+      name: '设备领用处理',
+      titleArr: ['序号', '申请编号', '申请名称', '申请部门', '申请人', '申请时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用处理', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IsolveListType, val: string) => {
+  if (val === '领用') {
+    ElMessageBox.confirm(
+      '确认领用吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调领用接口
+        ElMessage({
+          type: 'success',
+          message: '领用成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调删除接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '退领') {
+    ElMessageBox.confirm(
+      '确认退领吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调退领接口
+        ElMessage({
+          type: 'success',
+          message: '退领成功',
+        })
+      })
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 右上角按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'unused') { // 未领用
+
+  }
+  else if (val === 'used') { // 已领用
+
+  }
+}
+// 标签识别
+const execTag = () => {
+
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="execTag">
+          标签识别
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="180">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                v-if="active === 'unused'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '领用')"
+              >
+                领用
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                v-if="active === 'unused'"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+              <el-button
+                v-if="active === 'used'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '退领')"
+              >
+                退领
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box
+      v-if="typeValue !== 'check'"
+      :active="active"
+      @changeCurrentButton="changeCurrentButton"
+    />
+    <detail v-if="typeValue === 'check'" :type-value="typeValue" @close="close" />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
 </style>
+
diff --git a/src/views/device/receive/applyList.vue b/src/views/device/receive/applyList.vue
new file mode 100644
index 0000000..5ee8966
--- /dev/null
+++ b/src/views/device/receive/applyList.vue
@@ -0,0 +1,411 @@
+<script lang="ts" setup name="ApplyList">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IlistType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import createOrCheck from '@/views/device/receive/createOrCheck.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref() // 选中的按钮
+const isShowDialog = ref(false) // 是否显示dialog
+const approveOpinion = ref() // 审批意见：1同意2驳回0拒绝
+const type = {
+  add: '新建',
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    fileNumber: 'string', // 文件号
+    type: 'string', // 类别
+    createPerson: 'string', // 创建人
+    createTime: 'string', // 创建时间
+    status: '审批中', // 审批状态
+    isStart: true, // 是否是发起者
+  },
+  {
+    number: '1', // 编号
+    name: '1', // 名称
+    fileNumber: '1', // 文件号
+    type: '1', // 类别
+    createPerson: '1', // 创建人
+    createTime: '1', // 创建时间
+    status: '已通过', // 审批状态
+    isStart: false,
+  },
+  {
+    number: '2', // 编号
+    name: '2', // 名称
+    fileNumber: '2', // 文件号
+    type: '2', // 类别
+    createPerson: '2', // 创建人
+    createTime: '2', // 创建时间
+    status: '未通过', // 审批状态0未通过
+    isStart: false,
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = ref([
+  {
+    text: '名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '文件号',
+    value: 'fileNumber',
+  },
+  {
+    text: '类别',
+    value: 'type',
+  },
+  {
+    text: '创建人',
+    value: 'createPerson',
+  },
+  {
+    text: '创建时间',
+    value: 'createTime',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+])
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 新建
+const add = () => {
+  typeValue.value = 'add'
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.name, supplierName: item.number, businessContent: item.fileNumber, briefName: item.type, director: item.createPerson, mobile: item.createTime, companyCity: item.status })),
+      name: '设备领用申请',
+      titleArr: ['序号', '名称', '编号', '文件号', '类别', '创建人', '创建时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用申请', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IlistType, val: string) => {
+  if (val === '取消') {
+    ElMessageBox.confirm(
+      '确认取消吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '取消成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调取消接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '同意') {
+    isShowDialog.value = true
+    approveOpinion.value = '1'
+  }
+  else if (val === '驳回') {
+    isShowDialog.value = true
+    approveOpinion.value = '2'
+  }
+  else if (val === '拒绝') {
+    isShowDialog.value = true
+    approveOpinion.value = '0'
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'box') { // 草稿箱
+
+  }
+  else if (val === 'will') { // 未审批
+
+  }
+  else if (val === 'ing') { // 审批中
+
+  }
+  else if (val === 'pass') { // 已通过
+
+  }
+  else if (val === 'notPass') { // 未通过
+
+  }
+  else if (val === 'cancle') { // 已取消
+
+  }
+  else { // 全部
+
+  }
+}
+// 监听关闭对话框
+const closeDialog = () => {
+  isShowDialog.value = false
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'add' && typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'add' && typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="add">
+          新建
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="290">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '同意')"
+              >
+                同意
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '驳回')"
+              >
+                驳回
+              </el-button>
+              <el-button
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '拒绝')"
+              >
+                拒绝
+              </el-button>
+              <!-- 是发起者且审批中可以取消 -->
+              <el-button
+                :disabled="row.status === '审批中' && row.isStart"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '取消')"
+              >
+                取消
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                :disabled="row.status === '未通过' || row.status === '已通过' || !row.isStart"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box v-if="typeValue !== 'add' && typeValue !== 'check'" :active="active" @changeCurrentButton="changeCurrentButton" />
+    <receive-dialog :is-show-dialog="isShowDialog" :approve-opinion="approveOpinion" @closeDialog="closeDialog" />
+    <create-or-check
+      v-if="typeValue === 'add' || typeValue === 'check'"
+      :type-value="typeValue"
+      @close="close"
+    />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
+
diff --git a/src/views/device/receive/buttonBox.vue b/src/views/device/receive/buttonBox.vue
new file mode 100644
index 0000000..aa02ce5
--- /dev/null
+++ b/src/views/device/receive/buttonBox.vue
@@ -0,0 +1,47 @@
+<script lang="ts" setup name="ButtonBox">
+import { ref } from 'vue'
+const emits = defineEmits(['changeCurrentButton'])
+const menu = [
+  { name: '全部', id: 'all' },
+  { name: '草稿箱', id: 'box' },
+  { name: '待审批', id: 'will' },
+  { name: '审批中', id: 'ing' },
+  { name: '已通过', id: 'pass' },
+  { name: '未通过', id: 'notPass' },
+  { name: '已取消', id: 'cancle' },
+]
+const current = ref('all')
+watch(current, (newValue) => {
+  console.log(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>
+    <!-- 展示区域 -->
+    <!-- <component :is="currentComp" /> -->
+  </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/device/receive/createOrCheck.vue b/src/views/device/receive/createOrCheck.vue
new file mode 100644
index 0000000..a40cae5
--- /dev/null
+++ b/src/views/device/receive/createOrCheck.vue
@@ -0,0 +1,411 @@
+<script lang="ts" setup name="CreateOrCheck">
+import { reactive, ref } from 'vue'
+import type { Ref } from 'vue'
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import type { IdeviceListQuery, Iform } from './receive'
+import SelectDeviceDialog from './selectDeviceDialog.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+
+const props = defineProps({
+  typeValue: String,
+})
+const emits = defineEmits(['close'])
+const isMulti = ref(false) // 是否批量添加(允许多选)
+const selectIndex = ref()
+const { proxy } = getCurrentInstance() as any
+const dialogSelectDiviceVisible = ref(false) // 控制选择设备对话框显隐
+const isShowDialog = ref(false) // 控制审批对话框显隐
+const total = ref(20)// 总数
+const approveOpinion = ref() // 审批意见：1同意2驳回0拒绝
+const type = {
+  add: '新建',
+  check: '查看',
+  normal: '正常',
+}
+const haveApproveLimits = ref(true)// 是否有审批权限
+const isStart = ref(false)// 是否是发起人
+// 选中的内容
+const checkoutList = ref([])
+// 表单数据
+const form = ref({
+  company: '申请单位', // 申请单位
+  person: '申请人1', // 申请人
+  time: '1', // 领用时间
+  state: '', // 申请说明
+})
+const ruleFormRef = ref<FormInstance>() as any
+const list = ref([{
+  name: '测试1', // 仪器名称
+  number: '测试1', // 设备编号
+  version: '测试1', // 型号
+  scope: '测试1', // 测量范围
+  dep: '测试1', // 使用部门
+  person: '测试1', // 使用人
+  status: '测试1', // 管理状态
+  date: '测试1', // 有效日期
+}, {
+  name: '测试2', // 仪器名称
+  number: '测试2', // 设备编号
+  version: '测试2', // 型号
+  scope: '测试2', // 测量范围
+  dep: '测试2', // 使用部门
+  person: '测试2', // 使用人
+  status: '测试2', // 管理状态
+  date: '测试2', // 有效日期
+}])// 表格数据
+// 查询条件
+const listQuery: Ref<IdeviceListQuery> = ref({
+  name: '', // 仪器名称
+  number: '', // 设备编号
+  version: '', // 型号
+  scope: '', // 测量范围
+  dep: '', // 使用部门
+  person: '', // 使用人
+  status: '', // 管理状态
+  date: '', // 有效日期
+  offset: 1,
+  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',
+  },
+]
+const rules = reactive<FormRules>({
+  company: [
+    { required: true, message: '请输入申请单位', trigger: 'blur' },
+    // { min: 3, max: 5, message: 'Length should be 3 to 5', trigger: 'blur' },
+  ],
+  person: [
+    { required: true, message: '请输入申请人', trigger: 'blur' },
+    // { min: 3, max: 5, message: 'Length should be 3 to 5', trigger: 'blur' },
+  ],
+  time: [
+    {
+      type: 'date',
+      required: true,
+      message: '请选择领用时间',
+      trigger: 'change',
+    },
+  ],
+})
+
+const handleClick = (val: string) => {
+// 1同意，2驳回，0拒绝，3提交，4撤回
+  if (val === '3') { // 提交
+    ruleFormRef.value.validate((valid: boolean) => {
+      if (valid) {
+        console.log('submit!')
+      }
+      else {
+        console.log('表单提交失败')
+      }
+    })
+  }
+  else if (val === '1') {
+    isShowDialog.value = true
+    approveOpinion.value = '1'
+  }
+  else if (val === '2') {
+    isShowDialog.value = true
+    approveOpinion.value = '2'
+  }
+  else if (val === '0') {
+    isShowDialog.value = true
+    approveOpinion.value = '0'
+  }
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 删除行
+const delRow = () => {
+  console.log(checkoutList.value)
+
+  if (checkoutList.value.length <= 0) {
+    ElMessage({
+      message: '请选中要删除的行',
+      type: 'warning',
+    })
+  }
+  else {
+    // 调删除接口
+    checkoutList.value.forEach((item: IdeviceListQuery) => {
+      // if (!item.name && !item.number) {
+      list.value.forEach((element, index) => {
+        if (element.name === item.name && element.number === item.number) {
+          list.value.splice(index, 1)
+        }
+      })
+      // }
+    })
+  }
+}
+// 增加行
+const addRow = () => {
+  list.value.push({
+    name: '', // 仪器名称
+    number: '', // 设备编号
+    version: '', // 型号
+    scope: '', // 测量范围
+    dep: '', // 使用部门
+    person: '', // 使用人
+    status: '', // 管理状态
+    date: '', // 有效日期
+  })
+}
+// 点击选择
+const handleSelect = (index: number, row: IdeviceListQuery) => {
+  dialogSelectDiviceVisible.value = true
+  isMulti.value = false
+  selectIndex.value = index
+  console.log('选中的index', row)
+}
+// 点击批量添加
+const multiAdd = () => {
+  dialogSelectDiviceVisible.value = true
+  isMulti.value = true
+}
+// 点击关闭
+const close = () => {
+  emits('close')
+}
+// 选择涉笔对话框关闭
+const closeDialog = () => {
+  dialogSelectDiviceVisible.value = false
+  isShowDialog.value = false
+}
+// 选择好设备了
+const updateDeviceConfirm = (val: any) => {
+  if (isMulti.value) {
+    val.forEach((item: any) => {
+      list.value.push(item)
+    })
+  }
+  else {
+    list.value.splice(selectIndex.value, 1, val[0])
+  }
+}
+</script>
+
+<template>
+  <app-container>
+    <div class="create-check">
+      <div class="top-info">
+        <div class="title-button">
+          <h4 class="title">
+            基本信息
+          </h4>
+          <div class="button-group">
+            <el-button v-if="haveApproveLimits && !isStart && typeValue === 'add'" type="primary" plain @click="handleClick('1')">
+              同意
+            </el-button>
+            <el-button v-if="haveApproveLimits && !isStart && typeValue === 'add'" type="primary" plain @click="handleClick('2')">
+              驳回
+            </el-button>
+            <el-button v-if="haveApproveLimits && !isStart && typeValue === 'add'" type="primary" plain @click="handleClick('0')">
+              拒绝
+            </el-button>
+            <el-button v-if="isStart && typeValue === 'add'" type="primary" plain @click="handleClick('3')">
+              提交
+            </el-button>
+            <el-button v-if="isStart && typeValue === 'add'" type="primary" plain @click="handleClick('4')">
+              撤回
+            </el-button>
+            <el-button type="primary" plain @click="close">
+              关闭
+            </el-button>
+          </div>
+        </div>
+
+        <div class="form-area">
+          <el-form
+            ref="ruleFormRef"
+            :model="form"
+            label-width="120px"
+            :rules="rules"
+          >
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="申请单位" prop="company">
+                  <el-input v-model="form.company" clearable />
+                </el-form-item>
+                <el-form-item label="申请人" prop="person">
+                  <el-input v-model="form.person" clearable />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="领用时间" prop="time">
+                  <el-date-picker
+                    v-model="form.time"
+                    type="datetime"
+                    placeholder="请选择领用时间"
+                  />
+                </el-form-item>
+                <el-form-item label="申请说明">
+                  <el-input v-model="form.state" type="textarea" clearable />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+      </div>
+      <table-container title="设备领用列表">
+        <template #btns-right>
+          <el-button type="primary" @click="multiAdd">
+            批量添加
+          </el-button>
+          <el-button type="primary" @click="addRow">
+            增加行
+          </el-button>
+          <el-button type="primary" @click="delRow">
+            删除行
+          </el-button>
+        </template>
+        <normal-table
+          :data="list" :total="total" :columns="columns" :query="listQuery"
+          is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+        >
+          <template #preColumns>
+            <el-table-column label="#" width="55" align="center">
+              <template #default="scope">
+                {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+              </template>
+            </el-table-column>
+          </template>
+          <template #columns>
+            <el-table-column label="操作" align="center" width="120">
+              <template #default="scope">
+                <el-button
+                  size="small"
+                  type="primary"
+                  link
+                  @click="handleSelect(scope.$index, scope.row)"
+                >
+                  选择
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </table-container>
+
+      <table-container title="审批流程">
+        <!-- <normal-table
+          :data="list" :total="total" :columns="columns" :query="listQuery"
+          is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+        >
+          <template #preColumns>
+            <el-table-column label="#" width="55" align="center">
+              <template #default="scope">
+                {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+              </template>
+            </el-table-column>
+          </template>
+          <template #columns>
+            <el-table-column label="操作" align="center" width="120">
+              <template #default="{ row }">
+                <el-button
+                  size="small"
+                  type="primary"
+                  link
+                  @click="handleSelect(row.$index, row)"
+                >
+                  选择
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table> -->
+      </table-container>
+    </div>
+  </app-container>
+  <select-device-dialog
+    :dialog-select-divice-visible="dialogSelectDiviceVisible"
+    :is-multi="isMulti"
+    @closeDialog="closeDialog"
+    @updateDeviceConfirm="updateDeviceConfirm"
+  />
+
+  <!-- 同意、驳回、拒绝对话框显示 -->
+  <receive-dialog
+    :is-show-dialog="isShowDialog"
+    :approve-opinion="approveOpinion"
+    @closeDialog="closeDialog"
+  />
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.create-check {
+  .top-info {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    padding-right: 10px;
+    border-radius: 10px;
+    background-color: #fff;
+
+    .title-button {
+      display: flex;
+      align-items: center;
+
+      &::before {
+        content: "";
+        flex: 1;
+      }
+
+      .button-group {
+        flex: 1;
+        display: flex;
+        justify-content: flex-end;
+      }
+    }
+
+    .form-area {
+      margin-top: 40px;
+    }
+  }
+}
+</style>
diff --git a/src/views/device/receive/receive.ts b/src/views/device/receive/receive.ts
new file mode 100644
index 0000000..3e4abdb
--- /dev/null
+++ b/src/views/device/receive/receive.ts
@@ -0,0 +1,47 @@
+export interface IlistQuery {
+  number?: string // 编号
+  name?: string // 名称
+  dep?: string // 部门
+  person?: string // 人
+  date?: string // 日期
+  offset: number
+  limit: number
+}
+
+export interface IlistType {
+  number: string // 编号
+  name: string // 名称
+  fileNumber: string// 文件号
+  type: string // 类别
+  createPerson: string // 创建人
+  createTime: string // 创建时间
+  status: string // 审批状态
+}
+export interface IsolveListType {
+  number: string // 申请编号
+  name: string // 申请名称
+  dep: string // 申请部门
+  person: string// 申请人
+  date: string // 申请时间
+  status: string // 审批状态
+}
+
+export interface Iform {
+  company: string // 申请单位
+  person: string // 申请人
+  time: string // 申请时间
+  state: string // 申请说明
+}
+// 新建-查看表格
+export interface IdeviceListQuery {
+  name: string // 仪器名称
+  number: string // 设备编号
+  version: string // 型号
+  scope: string // 测量范围
+  dep: string // 使用部门
+  person: string // 使用人
+  status: string // 管理状态
+  date: string // 有效日期
+  offset: number
+  limit: number
+}
diff --git a/src/views/device/receive/receiveDialog.vue b/src/views/device/receive/receiveDialog.vue
new file mode 100644
index 0000000..fdaa730
--- /dev/null
+++ b/src/views/device/receive/receiveDialog.vue
@@ -0,0 +1,105 @@
+<script lang="ts" setup name="ReceiveDialog">
+import { ref } from 'vue'
+import dayjs from 'dayjs'
+import useUserStore from '@/store/modules/user'
+const props = defineProps({
+  isShowDialog: {
+    type: Boolean,
+    default: false,
+  },
+  approveOpinion: {
+    type: String,
+  },
+})
+const emits = defineEmits(['closeDialog', 'updateConfirm'])
+const userStore = useUserStore()
+const date = dayjs(`${new Date()}`).format('YYYY.MM.DD')
+const dialogTableVisible = ref(false)// 控制对话框显隐
+const selectRadio = ref()// 同意驳回拒绝
+const textarea = ref('')// 审批结论
+watch(() => props.isShowDialog, (newValue) => {
+  dialogTableVisible.value = newValue
+})
+watch(() => props.approveOpinion, (newValue) => {
+  selectRadio.value = newValue
+})
+// 关闭对话框
+const close = () => {
+  console.log('close-dialog')
+  emits('closeDialog')
+}
+// 确认
+const confirm = () => {
+  console.log('确认')
+  const param = {
+    selectRadio: selectRadio.value,
+    textarea,
+    userStore,
+    date,
+  }
+  console.log(param)
+  // emits('updateConfirm', param)
+  // 调接口
+  close()
+}
+</script>
+
+<template>
+  <el-dialog v-model="dialogTableVisible" title="审批操作" class="receive-dialog" @close="close">
+    <div class="receive-dialog-item">
+      <span class="text">审批意见：</span>
+      <!-- 1同意2驳回0拒绝 -->
+      <el-radio-group v-model="selectRadio">
+        <el-radio label="1" :disabled="selectRadio !== '1'">
+          同意
+        </el-radio>
+        <el-radio label="2" :disabled="selectRadio !== '2'">
+          驳回
+        </el-radio>
+        <el-radio label="0" :disabled="selectRadio !== '0'">
+          拒绝
+        </el-radio>
+      </el-radio-group>
+    </div>
+
+    <div class="receive-dialog-item">
+      <span class="text">审批结论：</span>
+      <el-input
+        v-model="textarea"
+        :rows="3"
+        type="textarea"
+        placeholder="请输入审批结论"
+      />
+    </div>
+
+    <div class="receive-dialog-item">
+      <span class="text">审批人：{{ userStore.name }}</span>
+      <span class="text">审批时间：{{ date }}</span>
+    </div>
+
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="close">取消</el-button>
+        <el-button type="primary" @click="confirm">
+          提交
+        </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.receive-dialog {
+  .receive-dialog-item {
+    display: flex;
+    align-items: center;
+    margin-bottom: 28px;
+
+    .text {
+      margin-right: 30px;
+      white-space: nowrap;
+    }
+  }
+}
+</style>
diff --git a/src/views/device/receive/selectDeviceDialog.vue b/src/views/device/receive/selectDeviceDialog.vue
new file mode 100644
index 0000000..d6f28f3
--- /dev/null
+++ b/src/views/device/receive/selectDeviceDialog.vue
@@ -0,0 +1,187 @@
+<!-- 选择设备 -->
+<script lang="ts" setup name="ReceiveDialog">
+import { ref } from 'vue'
+import useUserStore from '@/store/modules/user'
+const props = defineProps({
+  dialogSelectDiviceVisible: {
+    type: Boolean,
+    default: false,
+  },
+  isMulti: Boolean,
+})
+const emits = defineEmits(['closeDialog', 'updateDeviceConfirm'])
+const userStore = useUserStore()
+// 查询条件
+const listQuery = ref({
+  deviceName: '', // 设备名称
+  deviceNumber: '', // 设备编号
+  offset: 1,
+  limit: 10,
+})
+const total = ref(20)
+// 多选选中的内容
+const checkoutList = ref([])
+
+const list = ref([{
+  name: '设备01',
+  number: '设备01',
+  version: '设备01',
+  millNumber: '设备01',
+  status: '设备01',
+  person: '设备01',
+  date: '设备01',
+},
+{
+  name: '设备02',
+  number: '设备02',
+  version: '设备02',
+  millNumber: '设备02',
+  status: '设备02',
+  person: '设备02',
+  date: '设备02',
+}])// 表格数据
+const columns = [
+  {
+    text: '设备名称',
+    value: 'name',
+  },
+  {
+    text: '设备编号',
+    value: 'number',
+  },
+  {
+    text: '型号',
+    value: 'version',
+  },
+  {
+    text: '出厂编号',
+    value: 'millNumber',
+  },
+  {
+    text: '管理状态',
+    value: 'status',
+  },
+  {
+    text: '使用人',
+    value: 'person',
+  },
+  {
+    text: '有效日期',
+    value: 'date',
+  },
+]
+const table = ref()
+const dialogTableVisible = ref(false)// 控制对话框显隐
+watch(() => props.dialogSelectDiviceVisible, (newValue) => {
+  dialogTableVisible.value = newValue
+  if (!newValue) {
+    table.value.clearMulti() // 清除多选选中
+  }
+})
+// 关闭对话框
+const close = () => {
+  console.log('close-dialog')
+  emits('closeDialog')
+}
+// 确认
+const confirm = () => {
+  console.log('确认')
+  emits('updateDeviceConfirm', checkoutList.value)
+  // 调接口
+  close()
+}
+// 重置
+const clearList = () => {
+  listQuery.value.deviceName = ''
+  listQuery.value.deviceNumber = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选选中
+const handleSelectionChange = (val: any) => {
+  console.log('多选', val)
+  checkoutList.value = val
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+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)
+}
+</script>
+
+<template>
+  <el-dialog v-model="dialogTableVisible" title="选择设备" class="select-device-dialog" @close="close">
+    <search-area
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.deviceName"
+          placeholder="设备名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.deviceNumber"
+          placeholder="设备编号"
+          clearable
+        />
+      </search-item>
+    </search-area>
+    <table-container>
+      <normal-table
+        ref="table"
+        :data="list"
+        :total="total"
+        :columns="columns"
+        :query="listQuery"
+        :is-multi="isMulti"
+        is-showmulti-select
+        @change="changePage"
+        @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="close">取消</el-button>
+        <el-button type="primary" @click="confirm">
+          确定
+        </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.receive-dialog {
+  .receive-dialog-item {
+    display: flex;
+    align-items: center;
+    margin-bottom: 28px;
+
+    .text {
+      margin-right: 30px;
+      white-space: nowrap;
+    }
+  }
+}
+</style>
diff --git a/src/views/device/receive/solveComponent/buttonBox.vue b/src/views/device/receive/solveComponent/buttonBox.vue
new file mode 100644
index 0000000..fa155a2
--- /dev/null
+++ b/src/views/device/receive/solveComponent/buttonBox.vue
@@ -0,0 +1,42 @@
+<script lang="ts" setup name="ButtonBox">
+import { ref } from 'vue'
+const emits = defineEmits(['changeCurrentButton'])
+const menu = [
+  { name: '未领用', id: 'unused' },
+  { name: '已领用', id: 'used' },
+]
+const current = ref('unused')
+watch(current, (newValue) => {
+  console.log(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>
+    <!-- 展示区域 -->
+    <!-- <component :is="currentComp" /> -->
+  </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/device/receive/solveComponent/detail.vue b/src/views/device/receive/solveComponent/detail.vue
new file mode 100644
index 0000000..862fad1
--- /dev/null
+++ b/src/views/device/receive/solveComponent/detail.vue
@@ -0,0 +1,270 @@
+<script lang="ts" setup name="Detail">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import type { IdeviceListQuery, Iform } from '../receive'
+
+const props = defineProps({
+  typeValue: String,
+})
+const emits = defineEmits(['close'])
+const { proxy } = getCurrentInstance() as any
+const total = ref(20)// 总数
+const type = {
+  check: '查看',
+  normal: '正常',
+}
+
+// 表单数据
+const form = ref({
+  company: '申请单位', // 申请单位
+  person: '申请人1', // 申请人
+  time: '1', // 领用时间
+  state: '说明1', // 申请说明
+})
+const list = ref([{
+  name: '测试1', // 仪器名称
+  number: '测试1', // 设备编号
+  version: '测试1', // 型号
+  scope: '测试1', // 测量范围
+  dep: '测试1', // 使用部门
+  person: '测试1', // 使用人
+  status: '测试1', // 管理状态
+  date: '测试1', // 有效日期
+}, {
+  name: '测试2', // 仪器名称
+  number: '测试2', // 设备编号
+  version: '测试2', // 型号
+  scope: '测试2', // 测量范围
+  dep: '测试2', // 使用部门
+  person: '测试2', // 使用人
+  status: '测试2', // 管理状态
+  date: '测试2', // 有效日期
+}])// 表格数据
+// 查询条件
+const listQuery: Ref<IdeviceListQuery> = ref({
+  name: '', // 仪器名称
+  number: '', // 设备编号
+  version: '', // 型号
+  scope: '', // 测量范围
+  dep: '', // 使用部门
+  person: '', // 使用人
+  status: '', // 管理状态
+  date: '', // 有效日期
+  offset: 1,
+  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',
+  },
+]
+
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 点击关闭
+const close = () => {
+  emits('close')
+}
+// 打印
+const printObj = ref({
+  id: 'lysq', // 需要打印元素的id
+  popTitle: '领用申请', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  // 触发打印预览打开前回调
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') },
+  // 触发打开打印预览回调
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') },
+  // 触发打印工具打开前回调
+  beforeOpenCallback() { console.log('开始打印之前！') },
+  // 触发打开打印工具回调
+  openCallback() { console.log('执行打印了！') },
+  // 触发关闭打印工具回调
+  closeCallback() { console.log('关闭了打印工具！') },
+  // 触发点击打印回调
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+</script>
+
+<template>
+  <app-container>
+    <div id="lysq" class="lysq-create-check">
+      <div class="top-info">
+        <div class="title-button">
+          <h4 class="title">
+            领用申请
+          </h4>
+          <div class="button-group">
+            <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+              打印
+            </el-button>
+            <el-button type="primary" plain @click="close">
+              关闭
+            </el-button>
+          </div>
+        </div>
+
+        <div class="form-area">
+          <el-form
+            ref="ruleFormRef"
+            :model="form"
+            label-width="120px"
+          >
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="申请单位">
+                  <el-input v-model="form.company" clearable />
+                </el-form-item>
+                <el-form-item label="申请人">
+                  <el-input v-model="form.person" clearable />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="领用时间">
+                  <el-date-picker
+                    v-model="form.time"
+                    type="datetime"
+                    placeholder="请选择领用时间"
+                  />
+                </el-form-item>
+                <el-form-item label="申请说明">
+                  <el-input v-model="form.state" type="textarea" clearable />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+      </div>
+      <table-container title="设备领用列表">
+        <normal-table
+          :data="list" :total="total" :columns="columns" :query="listQuery"
+          @change="changePage"
+        >
+          <template #preColumns>
+            <el-table-column label="#" width="55" align="center">
+              <template #default="scope">
+                {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </table-container>
+
+      <table-container title="审批流程">
+        <!-- <normal-table
+          :data="list" :total="total" :columns="columns" :query="listQuery"
+          is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+        >
+          <template #preColumns>
+            <el-table-column label="#" width="55" align="center">
+              <template #default="scope">
+                {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+              </template>
+            </el-table-column>
+          </template>
+          <template #columns>
+            <el-table-column label="操作" align="center" width="120">
+              <template #default="{ row }">
+                <el-button
+                  size="small"
+                  type="primary"
+                  link
+                  @click="handleSelect(row.$index, row)"
+                >
+                  选择
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table> -->
+      </table-container>
+    </div>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+.lysq-create-check {
+  .top-info {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    padding-right: 10px;
+    border-radius: 10px;
+    background-color: #fff;
+
+    .title-button {
+      display: flex;
+      align-items: center;
+
+      &::before {
+        content: "";
+        flex: 1;
+      }
+
+      .button-group {
+        flex: 1;
+        display: flex;
+        justify-content: flex-end;
+      }
+    }
+
+    .form-area {
+      margin-top: 40px;
+    }
+  }
+}
+</style>
+
+<style lang="scss">
+.lysq-create-check {
+  .el-form-item--default .el-form-item__label {
+    color: #000;
+  }
+}
+</style>
diff --git a/src/views/device/receive/solveList.vue b/src/views/device/receive/solveList.vue
new file mode 100644
index 0000000..68d4381
--- /dev/null
+++ b/src/views/device/receive/solveList.vue
@@ -0,0 +1,368 @@
+<script lang="ts" setup name="SolveList">
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { IlistQuery, IsolveListType } from '@/views/device/receive/receive'
+import { exportExcel } from '@/utils/exportXlsx'
+import ButtonBox from '@/views/device/receive/solveComponent/buttonBox.vue'
+import ReceiveDialog from '@/views/device/receive/receiveDialog.vue'
+import detail from '@/views/device/receive/solveComponent/detail.vue'
+
+const loadingTable = ref(false) // 表格loading
+const active = ref('unused') // 选中的按钮
+const type = {
+  check: '查看',
+  normal: '正常',
+}
+const typeValue = ref('normal')
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  dep: '', // 部门
+  person: '', // 人
+  date: '', // 日期
+  offset: 1,
+  limit: 10,
+})
+// 表格数据
+const list = ref([
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+  {
+    number: 'string', // 编号
+    name: 'string', // 名称
+    dep: 'string', // 文件号
+    person: 'string', // 类别
+    date: 'string', // 创建人
+    status: '审批中', // 审批状态
+  },
+])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(20)
+// 表头
+const columns = [
+  {
+    text: '申请编号',
+    value: 'number',
+    // width: '120',
+  },
+  {
+    text: '申请名称',
+    value: 'name',
+    // width: '160',
+  },
+  {
+    text: '申请部门',
+    value: 'dep',
+  },
+  {
+    text: '申请人',
+    value: 'person',
+  },
+  {
+    text: '申请时间',
+    value: 'date',
+  },
+  {
+    text: '审批状态',
+    value: 'status',
+  },
+]
+// 选中的内容
+const checkoutList = ref([])
+// 重置
+const clearList = () => {
+  listQuery.value.number = ''
+  listQuery.value.name = ''
+  listQuery.value.dep = ''
+  listQuery.value.person = ''
+  listQuery.value.date = ''
+}
+// 搜索
+const searchList = () => {
+
+}
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IsolveListType, index: number) => ({ index: index + 1, number: item.number, name: item.name, dep: item.dep, person: item.person, date: item.date, status: item.status })),
+      name: '设备领用处理',
+      titleArr: ['序号', '申请编号', '申请名称', '申请部门', '申请人', '申请时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IsolveListType, index: number) => ({ index: index + 1, number: item.number, name: item.name, dep: item.dep, person: item.person, date: item.date, status: item.status })),
+      name: '设备领用处理',
+      titleArr: ['序号', '申请编号', '申请名称', '申请部门', '申请人', '申请时间', '审批状态'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+const exportAll = () => {
+  exportExcelBtn()
+}
+const close = () => {
+  typeValue.value = 'normal'
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  // fetchData(true)
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '设备领用处理', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
+// 操作
+const handleEdit = (index: number, row: IsolveListType, val: string) => {
+  if (val === '领用') {
+    ElMessageBox.confirm(
+      '确认领用吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调领用接口
+        ElMessage({
+          type: 'success',
+          message: '领用成功',
+        })
+      })
+  }
+  else if (val === '删除') {
+    ElMessageBox.confirm(
+      '确认删除吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调删除接口
+        ElMessage({
+          type: 'success',
+          message: '删除成功',
+        })
+      })
+  }
+  else if (val === '退领') {
+    ElMessageBox.confirm(
+      '确认退领吗？',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    )
+      .then(() => {
+        // 调退领接口
+        ElMessage({
+          type: 'success',
+          message: '退领成功',
+        })
+      })
+  }
+  else if (val === '查看') {
+    typeValue.value = 'check'
+  }
+}
+// 右上角按钮切换
+const changeCurrentButton = (val: string) => {
+  clearList()
+  console.log('button 切换', val)
+  active.value = val
+  if (val === 'unused') { // 未领用
+
+  }
+  else if (val === 'used') { // 已领用
+
+  }
+}
+// 标签识别
+const execTag = () => {
+
+}
+</script>
+
+<template>
+  <app-container>
+    <search-area
+      v-if="typeValue !== 'check'"
+      :need-clear="true"
+      @search="searchList" @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.number"
+          placeholder="申请编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.name"
+          placeholder="申请名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.dep"
+          placeholder="申请部门"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.person"
+          placeholder="申请人"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          placeholder="申请日期"
+        />
+      </search-item>
+    </search-area>
+
+    <table-container v-if="typeValue !== 'check'">
+      <template #btns-right>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/add')" type="primary" @click="execTag">
+          标签识别
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/export')" type="primary" @click="exportAll">
+          导出
+        </el-button>
+        <el-button v-if="proxy.hasPerm('/measure/measureSource/print')" v-print="printObj" type="primary">
+          打印
+        </el-button>
+      </template>
+      <normal-table
+        :data="list" :total="total" :columns="columns" :query="listQuery"
+        :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+      >
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center">
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column label="操作" align="center" width="180">
+            <template #default="{ row }">
+              <el-button
+                size="small"
+                type="primary"
+                link
+                @click="handleEdit(row.$index, row, '查看')"
+              >
+                查看
+              </el-button>
+              <el-button
+                v-if="active === 'unused'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '领用')"
+              >
+                领用
+              </el-button>
+              <!-- 发起者和有删除权限的可以删除，已通过未通过状态不可以删除 -->
+              <el-button
+                v-if="active === 'unused'"
+                size="small"
+                link
+                type="danger"
+                @click="handleEdit(row.$index, row, '删除')"
+              >
+                删除
+              </el-button>
+              <el-button
+                v-if="active === 'used'"
+                size="small"
+                link
+                type="primary"
+                @click="handleEdit(row.$index, row, '退领')"
+              >
+                退领
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+    <button-box
+      v-if="typeValue !== 'check'"
+      :active="active"
+      @changeCurrentButton="changeCurrentButton"
+    />
+    <detail v-if="typeValue === 'check'" :type-value="typeValue" @close="close" />
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
+
diff --git a/src/views/system/process/detailProcess.vue b/src/views/system/process/detailProcess.vue
index 2f14306..69f92b6 100644
--- a/src/views/system/process/detailProcess.vue
+++ b/src/views/system/process/detailProcess.vue
@@ -5,7 +5,7 @@
 import type { Ref } from 'vue'
 import setting from '../../setting.vue'
 import type { Iform } from './process'
-import WorkFlow from '@/components/workFlow/workFlow.vue'
+// import WorkFlow from '@/components/workFlow/workFlow.vue'
 const emits = defineEmits(['close'])
 const ruleFormRef = ref<FormInstance>()
 const form: Ref<Iform> = ref({
diff --git a/src/views/system/process/process.ts b/src/views/system/process/process.ts
index 7b12a6a..a8e75ec 100644
--- a/src/views/system/process/process.ts
+++ b/src/views/system/process/process.ts
@@ -9,6 +9,21 @@
   offset: number
   limit: number
 }
+// export interface IlistQuery {
+//   category?: string// 流程分类
+//   id?: string // 编号，流程id
+//   formId?: string // 表单id
+//   formName: string// 配置表单编号
+//   name: string // 名称
+//   business: string // 关联业务
+//   directorId: number// 负责人id
+//   person: string // 负责人
+//   deploymentTime?: string // 创建时间
+//   status: string // 当前流程状态
+//   describe?: string // 流程描述
+//   offset: number
+//   limit: number
+// }
 
 export interface Iform {
   number: string // 编号
diff --git a/src/views/system/process/process.vue b/src/views/system/process/process.vue
index 85898ea..bae84ec 100644
--- a/src/views/system/process/process.vue
+++ b/src/views/system/process/process.vue
@@ -5,18 +5,18 @@
 import type { IlistQuery } from './process'
 import EditProcess from './editProcess.vue'
 import DetailProcess from './detailProcess.vue'
-import { delLoginLog, getLoginLogList } from '@/api/system/log'
+import { getProcessList } from '@/api/system/process'
 import { exportExcel } from '@/utils/exportXlsx'
 
 const { proxy } = getCurrentInstance() as any
 const active = ref('main')
 const listQuery: IlistQuery = reactive({
-  number: '', // 编号
-  name: '', // 名称
-  business: '', // 关联业务
-  person: '', // 负责人
-  time: '', // 创建时间
-  status: '', // 当前流程状态,
+  // number: '', // 编号
+  // name: '', // 名称
+  // business: '', // 关联业务
+  // person: '', // 负责人
+  // time: '', // 创建时间
+  // status: '', // 当前流程状态,
   offset: 1,
   limit: 10,
 })
@@ -88,11 +88,11 @@
     // 是否显示当前页，否则跳转第一页
     listQuery.offset = 1
   }
-  // getLoginLogList(listQuery).then((response) => {
-  //   list.value = response.data.rows
-  //   total.value = parseInt(response.data.total)
-  //   listLoading.value = false
-  // })
+  getProcessList(listQuery).then((response) => {
+    // list.value = response.data.rows
+    // total.value = parseInt(response.data.total)
+    // listLoading.value = false
+  })
 }
 
 fetchData(true)