diff --git a/src/api/device/checkList.ts b/src/api/device/checkList.ts
new file mode 100644
index 0000000..525909d
--- /dev/null
+++ b/src/api/device/checkList.ts
@@ -0,0 +1,46 @@
+// 设备借用相关接口api
+import request from '../index'
+// 设备管理点检查列表
+export function getcheckInfoList(data: { limit: number; offset: number }) {
+  return request({
+    url: `/check/checkInfoList?limit=${data.limit}&offset=${data.offset}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 数据删除
+export function getDeleteCheckInfo(data: object) {
+  return request({
+    url: '/check/deleteCheckInfo',
+    method: 'post',
+    data,
+  })
+}
+
+// 数据导出
+export function getExportCheckInfoList(data: object) {
+  return request({
+    url: '/check/exportCheckInfoList',
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
+
+// 获取详情数据
+export function getselectCheckInfo(data: object) {
+  return request({
+    url: '/check/selectCheckInfo',
+    method: 'post',
+    data,
+  })
+}
+// 获取详情数据
+export function getAddCheckInfo(data: object) {
+  return request({
+    url: '/check/addCheckInfo',
+    method: 'post',
+    data,
+  })
+}

diff --git a/src/api/device/checkList.ts b/src/api/device/checkList.ts
new file mode 100644
index 0000000..525909d
--- /dev/null
+++ b/src/api/device/checkList.ts
@@ -0,0 +1,46 @@
+// 设备借用相关接口api
+import request from '../index'
+// 设备管理点检查列表
+export function getcheckInfoList(data: { limit: number; offset: number }) {
+  return request({
+    url: `/check/checkInfoList?limit=${data.limit}&offset=${data.offset}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 数据删除
+export function getDeleteCheckInfo(data: object) {
+  return request({
+    url: '/check/deleteCheckInfo',
+    method: 'post',
+    data,
+  })
+}
+
+// 数据导出
+export function getExportCheckInfoList(data: object) {
+  return request({
+    url: '/check/exportCheckInfoList',
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
+
+// 获取详情数据
+export function getselectCheckInfo(data: object) {
+  return request({
+    url: '/check/selectCheckInfo',
+    method: 'post',
+    data,
+  })
+}
+// 获取详情数据
+export function getAddCheckInfo(data: object) {
+  return request({
+    url: '/check/addCheckInfo',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/router/modules/device.ts b/src/router/modules/device.ts
index 0c9033d..3d73df2 100644
--- a/src/router/modules/device.ts
+++ b/src/router/modules/device.ts
@@ -442,6 +442,18 @@
         },
       },
       {
+        path: 'manageCheckList/:type/:id?',
+        name: 'manageAdd',
+        component: () => import('@/views/device/deviceMaintenance/components/manageAdd.vue'),
+        meta: {
+          title: '设备管理点检查表',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/maintenance/manageCheckList',
+        },
+      },
+      {
         path: ':type/:id?',
         name: 'maintenanceAdd',
         component: () => import('@/views/device/deviceMaintenance/components/listApply/listPageAdd.vue'),

diff --git a/src/api/device/checkList.ts b/src/api/device/checkList.ts
new file mode 100644
index 0000000..525909d
--- /dev/null
+++ b/src/api/device/checkList.ts
@@ -0,0 +1,46 @@
+// 设备借用相关接口api
+import request from '../index'
+// 设备管理点检查列表
+export function getcheckInfoList(data: { limit: number; offset: number }) {
+  return request({
+    url: `/check/checkInfoList?limit=${data.limit}&offset=${data.offset}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 数据删除
+export function getDeleteCheckInfo(data: object) {
+  return request({
+    url: '/check/deleteCheckInfo',
+    method: 'post',
+    data,
+  })
+}
+
+// 数据导出
+export function getExportCheckInfoList(data: object) {
+  return request({
+    url: '/check/exportCheckInfoList',
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
+
+// 获取详情数据
+export function getselectCheckInfo(data: object) {
+  return request({
+    url: '/check/selectCheckInfo',
+    method: 'post',
+    data,
+  })
+}
+// 获取详情数据
+export function getAddCheckInfo(data: object) {
+  return request({
+    url: '/check/addCheckInfo',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/router/modules/device.ts b/src/router/modules/device.ts
index 0c9033d..3d73df2 100644
--- a/src/router/modules/device.ts
+++ b/src/router/modules/device.ts
@@ -442,6 +442,18 @@
         },
       },
       {
+        path: 'manageCheckList/:type/:id?',
+        name: 'manageAdd',
+        component: () => import('@/views/device/deviceMaintenance/components/manageAdd.vue'),
+        meta: {
+          title: '设备管理点检查表',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/maintenance/manageCheckList',
+        },
+      },
+      {
         path: ':type/:id?',
         name: 'maintenanceAdd',
         component: () => import('@/views/device/deviceMaintenance/components/listApply/listPageAdd.vue'),
diff --git a/src/views/device/deviceMaintenance/checkList_interface.ts b/src/views/device/deviceMaintenance/checkList_interface.ts
new file mode 100644
index 0000000..b6f5cf3
--- /dev/null
+++ b/src/views/device/deviceMaintenance/checkList_interface.ts
@@ -0,0 +1,36 @@
+export interface IlistQuery {
+  checkDate: string
+  checkName: string
+  checkNo: string
+  logType?: string
+  offset: number
+  limit: number
+}
+export interface ISupplier {
+  checkDate: null | string
+  checkName: string
+  checkNo: string
+  checkPerson: string
+  checkResult: string
+  checkResultName: string
+  createTime: null | string
+  createUser: string
+  fileList: [
+    {
+      checkId: string
+      createTime: null | string
+      createUser: string
+      fileName: string
+      id: string
+      isDel: null | string
+      minioFileName: string
+      remark: string
+      updateTime: string
+    },
+  ]
+  id: string
+  isDel: null | string
+  managerPoinLocation: string
+  remark: string
+  updateTime: null | string
+}

diff --git a/src/api/device/checkList.ts b/src/api/device/checkList.ts
new file mode 100644
index 0000000..525909d
--- /dev/null
+++ b/src/api/device/checkList.ts
@@ -0,0 +1,46 @@
+// 设备借用相关接口api
+import request from '../index'
+// 设备管理点检查列表
+export function getcheckInfoList(data: { limit: number; offset: number }) {
+  return request({
+    url: `/check/checkInfoList?limit=${data.limit}&offset=${data.offset}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 数据删除
+export function getDeleteCheckInfo(data: object) {
+  return request({
+    url: '/check/deleteCheckInfo',
+    method: 'post',
+    data,
+  })
+}
+
+// 数据导出
+export function getExportCheckInfoList(data: object) {
+  return request({
+    url: '/check/exportCheckInfoList',
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
+
+// 获取详情数据
+export function getselectCheckInfo(data: object) {
+  return request({
+    url: '/check/selectCheckInfo',
+    method: 'post',
+    data,
+  })
+}
+// 获取详情数据
+export function getAddCheckInfo(data: object) {
+  return request({
+    url: '/check/addCheckInfo',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/router/modules/device.ts b/src/router/modules/device.ts
index 0c9033d..3d73df2 100644
--- a/src/router/modules/device.ts
+++ b/src/router/modules/device.ts
@@ -442,6 +442,18 @@
         },
       },
       {
+        path: 'manageCheckList/:type/:id?',
+        name: 'manageAdd',
+        component: () => import('@/views/device/deviceMaintenance/components/manageAdd.vue'),
+        meta: {
+          title: '设备管理点检查表',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/maintenance/manageCheckList',
+        },
+      },
+      {
         path: ':type/:id?',
         name: 'maintenanceAdd',
         component: () => import('@/views/device/deviceMaintenance/components/listApply/listPageAdd.vue'),
diff --git a/src/views/device/deviceMaintenance/checkList_interface.ts b/src/views/device/deviceMaintenance/checkList_interface.ts
new file mode 100644
index 0000000..b6f5cf3
--- /dev/null
+++ b/src/views/device/deviceMaintenance/checkList_interface.ts
@@ -0,0 +1,36 @@
+export interface IlistQuery {
+  checkDate: string
+  checkName: string
+  checkNo: string
+  logType?: string
+  offset: number
+  limit: number
+}
+export interface ISupplier {
+  checkDate: null | string
+  checkName: string
+  checkNo: string
+  checkPerson: string
+  checkResult: string
+  checkResultName: string
+  createTime: null | string
+  createUser: string
+  fileList: [
+    {
+      checkId: string
+      createTime: null | string
+      createUser: string
+      fileName: string
+      id: string
+      isDel: null | string
+      minioFileName: string
+      remark: string
+      updateTime: string
+    },
+  ]
+  id: string
+  isDel: null | string
+  managerPoinLocation: string
+  remark: string
+  updateTime: null | string
+}
diff --git a/src/views/device/deviceMaintenance/components/manageAdd.vue b/src/views/device/deviceMaintenance/components/manageAdd.vue
new file mode 100644
index 0000000..0c3445d
--- /dev/null
+++ b/src/views/device/deviceMaintenance/components/manageAdd.vue
@@ -0,0 +1,323 @@
+<script lang="ts" setup name="manageAdd">
+/**
+ * 添加/编辑/详情溯源供方
+ */
+import type { Ref } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, UploadUserFile } from 'element-plus'
+import type { ISupplier } from '../checkList_interface'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+import { UploadFile } from '@/api/measure/file'
+import { getSoucreListDetail, getSoucreListlevelType, sourceSave, sourceSubmit } from '@/api/measure/source'
+import { getAddCheckInfo, getselectCheckInfo } from '@/api/device/checkList'
+import { validatePhone } from '@/utils/validate'
+import { SCHEDULE } from '@/utils/scheduleDict'
+import type { IAddress } from '@/components/AddressSelect/address-interface'
+import { useUserStore } from '@/store/modules/user'
+const loading = ref(false) // 表单加载状态
+const infoId = ref('') // id
+const pageType = ref('add') // 页面类型: add,edit, detail
+const buttonLoading = ref(false) // 按钮加载状态
+// const { id } = useUserStore()
+const textMap: { [key: string]: string } = {
+  edit: '编辑',
+  add: '新建',
+  detail: '详情',
+}// 字典
+// 从路由中获取页面类型参数
+const $route = useRoute()
+if ($route.params && $route.params.type) {
+  pageType.value = $route.params.type as string
+  if ($route.params.id) {
+    infoId.value = $route.params.id as string
+  }
+}
+const formInline: Ref<ISupplier> = ref({
+  checkDate: null,
+  checkName: '',
+  checkNo: '',
+  checkPerson: '',
+  checkResult: '',
+  checkResultName: '',
+  createTime: null,
+  createUser: '',
+  fileList: [
+    {
+      checkId: '',
+      createTime: null,
+      createUser: '',
+      fileName: '',
+      id: '',
+      isDel: null,
+      minioFileName: '',
+      remark: '',
+      updateTime: null,
+    },
+  ],
+  id: '',
+  isDel: null,
+  managerPoinLocation: '',
+  remark: '',
+  updateTime: null,
+})
+const checkResultList = ref([
+  { id: '1', name: '优', value: '1' },
+  { id: '2', name: '良', value: '2' },
+  { id: '3', name: '中', value: '3' },
+  { id: '4', name: '差', value: '4' },
+])
+const companyAddress = ref<string[]>([]) // 公司地址
+const invoiceAddress = ref<string[]>([]) // 开票地址
+const ruleFormRef = ref<FormInstance>()
+// 校验规则
+const rules = ref({
+  checkName: [{ required: true, message: '检查表名称', trigger: 'blur' }],
+  checkPerson: [{ required: true, message: '检查人不能为空', trigger: 'blur' }],
+  managerPoinLocation: [{ required: true, message: '管理点位置不能为空', trigger: 'blur' }],
+  checkDate: [{ required: true, message: '检查日期不能为空', trigger: 'blur' }],
+  createUser: [{ required: true, message: '管理点负责人不能为空', trigger: 'blur' }],
+  checkResult: [{ required: true, message: '检查结果不能为空', trigger: 'blur' }],
+  remark: [{ required: true, message: '内容描述不能为空', trigger: 'blur' }],
+}) // 表单验证规则
+// 初始化router
+const $router = useRouter()
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+const getInfo = () => {
+  getselectCheckInfo({ id: infoId.value }).then((res) => {
+    formInline.value = res.data
+  })
+}
+
+// 打印表单
+const printObj = ref({
+  id: 'form', // 需要打印元素的id
+  popTitle: '溯源供方详情', // 打印配置页上方的标题
+  extraHead: '<div style="display: flex;flex-direction: column;text-align: center"><h3>溯源供方详情</h3></div>', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  standard: '',
+  extarCss: '',
+})
+
+// 保存至草稿箱
+function saveForm(formEl: FormInstance | undefined) {
+  if (!formEl) { return }
+  formEl.validate((valid, fields) => {
+    if (valid) {
+      ElMessageBox.confirm(
+        '确认提交吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then(() => {
+        if (pageType.value === 'add') {
+          getselectCheckInfo(formInline.value).then((res) => {
+            console.log(res)
+          })
+        }
+      })
+    }
+  })
+}
+
+// 提交表单
+function submitForm() {
+  if (formInline.value.id) {
+    const params = {
+      id: formInline.value.id,
+      formId: SCHEDULE.SUPPLIER_APPROVAL, // 表单id
+    }
+    sourceSubmit(params).then((res) => {
+      ElMessage.success('提交成功')
+      close()
+    })
+  }
+  else {
+    ElMessage.info('请先保存再提交！')
+  }
+}
+const isShow = ref(false)
+const testForm = ref({
+  fileList: [],
+  fileContent: '',
+})
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  // 原生上传
+  console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    UploadFile(fd).then((res) => {
+      if (res.code === 200) {
+        formInline.value.fileList[0].minioFileName = res.data[0]
+        // 重置当前验证
+        ElMessage.success('文件上传成功')
+      }
+      else {
+        ElMessage.error(res.message)
+      }
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+// 非添加页面获取详情
+if (pageType.value !== 'add') {
+  getInfo()
+}
+</script>
+
+<template>
+  <app-container>
+    <detail-page :title="`设备管理点检查表-${textMap[pageType]}`">
+      <template #btns>
+        <el-button v-if="pageType === 'detail'" v-print="printObj" type="primary">
+          打印
+        </el-button>
+        <!-- <el-button v-if="pageType === 'edit' || pageType === 'add'" type="primary" @click="submitForm">
+          提交
+        </el-button> -->
+        <el-button v-if="pageType !== 'detail'" type="primary" @click="saveForm(ruleFormRef)">
+          提交
+        </el-button>
+        <el-button type="info" @click="close">
+          关闭
+        </el-button>
+      </template>
+      <div id="form">
+        <el-form
+          ref="ruleFormRef"
+          :model="formInline"
+          :label-width="120"
+          label-position="right"
+          :rules="rules"
+        >
+          <el-row :gutter="24">
+            <el-col :span="6">
+              <el-form-item label="检查表编号:" prop="checkNo">
+                <el-input
+                  v-model="formInline.checkNo"
+                  :placeholder="pageType === 'detail' ? '' : '系统自动生成'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="检查表名称:" prop="checkName">
+                <el-input
+                  v-model="formInline.checkName"
+                  :placeholder="pageType === 'detail' ? '' : '检查表名称'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="检查人:" prop="checkPerson">
+                <el-input
+                  v-model="formInline.checkPerson"
+                  :placeholder="pageType === 'detail' ? '' : '请输入检查人'"
+                  :disabled="pageType === 'detail'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="检查日期:" prop="checkDate">
+                <el-date-picker
+                  v-model="formInline.checkDate"
+                  type="datetime"
+                  placeholder="检查日期"
+                  style="width: 100;"
+                  format="YYYY/MM/DD HH:mm:ss"
+                  value-format="YYYY-MM-DD h:m:s"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="24">
+            <el-col :span="18">
+              <el-form-item label="管理点位置:" prop="managerPoinLocation">
+                <el-input
+                  v-model="formInline.managerPoinLocation"
+                  :placeholder="pageType === 'detail' ? '' : '请输入管理点位置'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="管理点负责人:" prop="createUser">
+                <el-input
+                  v-model="formInline.createUser"
+                  :placeholder="pageType === 'detail' ? '' : '请输入管理点负责人'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="24">
+            <el-col :span="6">
+              <el-form-item label="检查结果:" prop="checkResult">
+                <el-select
+                  v-model.trim="formInline.checkResult"
+                  clearable
+                  placeholder="计量专业"
+                  size="default"
+                  :disabled="pageType === 'detail'"
+                  style="width: 100%;"
+                >
+                  <el-option
+                    v-for="item in checkResultList"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.value"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="24" class="marg">
+            <el-col :span="12">
+              <el-form-item label="内容描述:" prop="remark">
+                <el-input
+                  v-model="formInline.remark"
+                  :placeholder="pageType === 'detail' ? '' : '请输入内容描述'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="24" class="marg">
+            <el-col :span="14">
+              <el-form-item label="附件:">
+                <show-photo v-if="formInline.fileList[0].minioFileName" :minio-file-name="formInline.fileList[0].minioFileName" />
+                <span v-else-if="pageType === 'detail'">无</span>
+                <input v-show="pageType === ''" ref="fileRef" type="file" @change="onFileChange">
+                <el-button v-if="pageType !== 'detail'" id="file" type="primary" :disabled="pageType === 'detail'" :style="{ 'margin-left': formInline.minioFileName === '' ? '0px' : '20px' }" @click="upload">
+                  {{ formInline.fileList[0].minioFileName === '' ? '上传' : '更换附件' }}
+                </el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </detail-page>
+  </app-container>
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>

diff --git a/src/api/device/checkList.ts b/src/api/device/checkList.ts
new file mode 100644
index 0000000..525909d
--- /dev/null
+++ b/src/api/device/checkList.ts
@@ -0,0 +1,46 @@
+// 设备借用相关接口api
+import request from '../index'
+// 设备管理点检查列表
+export function getcheckInfoList(data: { limit: number; offset: number }) {
+  return request({
+    url: `/check/checkInfoList?limit=${data.limit}&offset=${data.offset}`,
+    method: 'post',
+    data,
+  })
+}
+
+// 数据删除
+export function getDeleteCheckInfo(data: object) {
+  return request({
+    url: '/check/deleteCheckInfo',
+    method: 'post',
+    data,
+  })
+}
+
+// 数据导出
+export function getExportCheckInfoList(data: object) {
+  return request({
+    url: '/check/exportCheckInfoList',
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
+
+// 获取详情数据
+export function getselectCheckInfo(data: object) {
+  return request({
+    url: '/check/selectCheckInfo',
+    method: 'post',
+    data,
+  })
+}
+// 获取详情数据
+export function getAddCheckInfo(data: object) {
+  return request({
+    url: '/check/addCheckInfo',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/router/modules/device.ts b/src/router/modules/device.ts
index 0c9033d..3d73df2 100644
--- a/src/router/modules/device.ts
+++ b/src/router/modules/device.ts
@@ -442,6 +442,18 @@
         },
       },
       {
+        path: 'manageCheckList/:type/:id?',
+        name: 'manageAdd',
+        component: () => import('@/views/device/deviceMaintenance/components/manageAdd.vue'),
+        meta: {
+          title: '设备管理点检查表',
+          icon: 'ep:key',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/maintenance/manageCheckList',
+        },
+      },
+      {
         path: ':type/:id?',
         name: 'maintenanceAdd',
         component: () => import('@/views/device/deviceMaintenance/components/listApply/listPageAdd.vue'),
diff --git a/src/views/device/deviceMaintenance/checkList_interface.ts b/src/views/device/deviceMaintenance/checkList_interface.ts
new file mode 100644
index 0000000..b6f5cf3
--- /dev/null
+++ b/src/views/device/deviceMaintenance/checkList_interface.ts
@@ -0,0 +1,36 @@
+export interface IlistQuery {
+  checkDate: string
+  checkName: string
+  checkNo: string
+  logType?: string
+  offset: number
+  limit: number
+}
+export interface ISupplier {
+  checkDate: null | string
+  checkName: string
+  checkNo: string
+  checkPerson: string
+  checkResult: string
+  checkResultName: string
+  createTime: null | string
+  createUser: string
+  fileList: [
+    {
+      checkId: string
+      createTime: null | string
+      createUser: string
+      fileName: string
+      id: string
+      isDel: null | string
+      minioFileName: string
+      remark: string
+      updateTime: string
+    },
+  ]
+  id: string
+  isDel: null | string
+  managerPoinLocation: string
+  remark: string
+  updateTime: null | string
+}
diff --git a/src/views/device/deviceMaintenance/components/manageAdd.vue b/src/views/device/deviceMaintenance/components/manageAdd.vue
new file mode 100644
index 0000000..0c3445d
--- /dev/null
+++ b/src/views/device/deviceMaintenance/components/manageAdd.vue
@@ -0,0 +1,323 @@
+<script lang="ts" setup name="manageAdd">
+/**
+ * 添加/编辑/详情溯源供方
+ */
+import type { Ref } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { FormInstance, UploadUserFile } from 'element-plus'
+import type { ISupplier } from '../checkList_interface'
+import showPhoto from '@/views/system/tool/showPhoto.vue'
+import { UploadFile } from '@/api/measure/file'
+import { getSoucreListDetail, getSoucreListlevelType, sourceSave, sourceSubmit } from '@/api/measure/source'
+import { getAddCheckInfo, getselectCheckInfo } from '@/api/device/checkList'
+import { validatePhone } from '@/utils/validate'
+import { SCHEDULE } from '@/utils/scheduleDict'
+import type { IAddress } from '@/components/AddressSelect/address-interface'
+import { useUserStore } from '@/store/modules/user'
+const loading = ref(false) // 表单加载状态
+const infoId = ref('') // id
+const pageType = ref('add') // 页面类型: add,edit, detail
+const buttonLoading = ref(false) // 按钮加载状态
+// const { id } = useUserStore()
+const textMap: { [key: string]: string } = {
+  edit: '编辑',
+  add: '新建',
+  detail: '详情',
+}// 字典
+// 从路由中获取页面类型参数
+const $route = useRoute()
+if ($route.params && $route.params.type) {
+  pageType.value = $route.params.type as string
+  if ($route.params.id) {
+    infoId.value = $route.params.id as string
+  }
+}
+const formInline: Ref<ISupplier> = ref({
+  checkDate: null,
+  checkName: '',
+  checkNo: '',
+  checkPerson: '',
+  checkResult: '',
+  checkResultName: '',
+  createTime: null,
+  createUser: '',
+  fileList: [
+    {
+      checkId: '',
+      createTime: null,
+      createUser: '',
+      fileName: '',
+      id: '',
+      isDel: null,
+      minioFileName: '',
+      remark: '',
+      updateTime: null,
+    },
+  ],
+  id: '',
+  isDel: null,
+  managerPoinLocation: '',
+  remark: '',
+  updateTime: null,
+})
+const checkResultList = ref([
+  { id: '1', name: '优', value: '1' },
+  { id: '2', name: '良', value: '2' },
+  { id: '3', name: '中', value: '3' },
+  { id: '4', name: '差', value: '4' },
+])
+const companyAddress = ref<string[]>([]) // 公司地址
+const invoiceAddress = ref<string[]>([]) // 开票地址
+const ruleFormRef = ref<FormInstance>()
+// 校验规则
+const rules = ref({
+  checkName: [{ required: true, message: '检查表名称', trigger: 'blur' }],
+  checkPerson: [{ required: true, message: '检查人不能为空', trigger: 'blur' }],
+  managerPoinLocation: [{ required: true, message: '管理点位置不能为空', trigger: 'blur' }],
+  checkDate: [{ required: true, message: '检查日期不能为空', trigger: 'blur' }],
+  createUser: [{ required: true, message: '管理点负责人不能为空', trigger: 'blur' }],
+  checkResult: [{ required: true, message: '检查结果不能为空', trigger: 'blur' }],
+  remark: [{ required: true, message: '内容描述不能为空', trigger: 'blur' }],
+}) // 表单验证规则
+// 初始化router
+const $router = useRouter()
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+const getInfo = () => {
+  getselectCheckInfo({ id: infoId.value }).then((res) => {
+    formInline.value = res.data
+  })
+}
+
+// 打印表单
+const printObj = ref({
+  id: 'form', // 需要打印元素的id
+  popTitle: '溯源供方详情', // 打印配置页上方的标题
+  extraHead: '<div style="display: flex;flex-direction: column;text-align: center"><h3>溯源供方详情</h3></div>', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  standard: '',
+  extarCss: '',
+})
+
+// 保存至草稿箱
+function saveForm(formEl: FormInstance | undefined) {
+  if (!formEl) { return }
+  formEl.validate((valid, fields) => {
+    if (valid) {
+      ElMessageBox.confirm(
+        '确认提交吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then(() => {
+        if (pageType.value === 'add') {
+          getselectCheckInfo(formInline.value).then((res) => {
+            console.log(res)
+          })
+        }
+      })
+    }
+  })
+}
+
+// 提交表单
+function submitForm() {
+  if (formInline.value.id) {
+    const params = {
+      id: formInline.value.id,
+      formId: SCHEDULE.SUPPLIER_APPROVAL, // 表单id
+    }
+    sourceSubmit(params).then((res) => {
+      ElMessage.success('提交成功')
+      close()
+    })
+  }
+  else {
+    ElMessage.info('请先保存再提交！')
+  }
+}
+const isShow = ref(false)
+const testForm = ref({
+  fileList: [],
+  fileContent: '',
+})
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  // 原生上传
+  console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    UploadFile(fd).then((res) => {
+      if (res.code === 200) {
+        formInline.value.fileList[0].minioFileName = res.data[0]
+        // 重置当前验证
+        ElMessage.success('文件上传成功')
+      }
+      else {
+        ElMessage.error(res.message)
+      }
+    })
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
+// 非添加页面获取详情
+if (pageType.value !== 'add') {
+  getInfo()
+}
+</script>
+
+<template>
+  <app-container>
+    <detail-page :title="`设备管理点检查表-${textMap[pageType]}`">
+      <template #btns>
+        <el-button v-if="pageType === 'detail'" v-print="printObj" type="primary">
+          打印
+        </el-button>
+        <!-- <el-button v-if="pageType === 'edit' || pageType === 'add'" type="primary" @click="submitForm">
+          提交
+        </el-button> -->
+        <el-button v-if="pageType !== 'detail'" type="primary" @click="saveForm(ruleFormRef)">
+          提交
+        </el-button>
+        <el-button type="info" @click="close">
+          关闭
+        </el-button>
+      </template>
+      <div id="form">
+        <el-form
+          ref="ruleFormRef"
+          :model="formInline"
+          :label-width="120"
+          label-position="right"
+          :rules="rules"
+        >
+          <el-row :gutter="24">
+            <el-col :span="6">
+              <el-form-item label="检查表编号:" prop="checkNo">
+                <el-input
+                  v-model="formInline.checkNo"
+                  :placeholder="pageType === 'detail' ? '' : '系统自动生成'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="检查表名称:" prop="checkName">
+                <el-input
+                  v-model="formInline.checkName"
+                  :placeholder="pageType === 'detail' ? '' : '检查表名称'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="检查人:" prop="checkPerson">
+                <el-input
+                  v-model="formInline.checkPerson"
+                  :placeholder="pageType === 'detail' ? '' : '请输入检查人'"
+                  :disabled="pageType === 'detail'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="检查日期:" prop="checkDate">
+                <el-date-picker
+                  v-model="formInline.checkDate"
+                  type="datetime"
+                  placeholder="检查日期"
+                  style="width: 100;"
+                  format="YYYY/MM/DD HH:mm:ss"
+                  value-format="YYYY-MM-DD h:m:s"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="24">
+            <el-col :span="18">
+              <el-form-item label="管理点位置:" prop="managerPoinLocation">
+                <el-input
+                  v-model="formInline.managerPoinLocation"
+                  :placeholder="pageType === 'detail' ? '' : '请输入管理点位置'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="管理点负责人:" prop="createUser">
+                <el-input
+                  v-model="formInline.createUser"
+                  :placeholder="pageType === 'detail' ? '' : '请输入管理点负责人'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  disabled
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="24">
+            <el-col :span="6">
+              <el-form-item label="检查结果:" prop="checkResult">
+                <el-select
+                  v-model.trim="formInline.checkResult"
+                  clearable
+                  placeholder="计量专业"
+                  size="default"
+                  :disabled="pageType === 'detail'"
+                  style="width: 100%;"
+                >
+                  <el-option
+                    v-for="item in checkResultList"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.value"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="24" class="marg">
+            <el-col :span="12">
+              <el-form-item label="内容描述:" prop="remark">
+                <el-input
+                  v-model="formInline.remark"
+                  :placeholder="pageType === 'detail' ? '' : '请输入内容描述'"
+                  :class="{ 'detail-input': pageType === 'detail' }"
+                  :disabled="pageType === 'detail'"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="24" class="marg">
+            <el-col :span="14">
+              <el-form-item label="附件:">
+                <show-photo v-if="formInline.fileList[0].minioFileName" :minio-file-name="formInline.fileList[0].minioFileName" />
+                <span v-else-if="pageType === 'detail'">无</span>
+                <input v-show="pageType === ''" ref="fileRef" type="file" @change="onFileChange">
+                <el-button v-if="pageType !== 'detail'" id="file" type="primary" :disabled="pageType === 'detail'" :style="{ 'margin-left': formInline.minioFileName === '' ? '0px' : '20px' }" @click="upload">
+                  {{ formInline.fileList[0].minioFileName === '' ? '上传' : '更换附件' }}
+                </el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </detail-page>
+  </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 37e4ae0..f12b2b5 100644
--- a/src/views/device/deviceMaintenance/manageCheckList.vue
+++ b/src/views/device/deviceMaintenance/manageCheckList.vue
@@ -1,12 +1,311 @@
-<script lang="ts" setup name="ManageCheckList">
-import listPage from './components/applyList.vue'
-// 逻辑代码
+<script lang="ts" setup name="ListSource">
+import { getCurrentInstance, ref } from 'vue'
+import type { Ref } from 'vue'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import type { ISupplier, IlistQuery } from './checkList_interface'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { exportSourceList, getSoucreList, getSoucreListDelete } from '@/api/measure/source'
+import { getDeleteCheckInfo, getExportCheckInfoList, getcheckInfoList } from '@/api/device/checkList'
+import { uploadApi } from '@/api/system/notice'
+import { exportExcel } from '@/utils/exportXlsx'
+import { printJSON } from '@/utils/printUtils'
+import { exportFile } from '@/utils/exportUtils'
+// 查询条件
+const listQuery: Ref<IlistQuery> = ref({
+  checkDate: '',
+  checkName: '',
+  checkNo: '',
+  offset: 1,
+  limit: 20,
+})
+// 控制是否显示新增页面
+const show = ref(true)
+// 表格数据
+const list = ref<ISupplier[]>([])
+const { proxy } = getCurrentInstance() as any
+// 总数
+const total = ref(0)
+// 表头
+const columns = ref<TableColumn[]>([
+  {
+    text: '检查表编号',
+    value: 'checkNo',
+    width: '160',
+    align: 'center',
+  },
+  {
+    text: '检查表名称',
+    value: 'checkName',
+    width: '120',
+    align: 'center',
+  },
+  {
+    text: '管理点位置',
+    value: 'managerPoinLocation',
+    align: 'center',
+  },
+  {
+    text: '检查结果',
+    value: 'checkResultName',
+    align: 'center',
+  },
+  {
+    text: '检查人',
+    value: 'checkPerson',
+    align: 'center',
+  },
+  {
+    text: '检查日期',
+    value: 'checkDate',
+    align: 'center',
+  },
+])
+
+// 选中的内容
+const checkoutList = ref<string[]>([])
+// 文件上传input
+const fileRef = ref()
+// 删除id
+const deleteId = ref('')
+// 详情id
+const infoId = ref('0')
+// 点击按钮
+const buttonType = ref('')
+const loadingTable = ref(false)
+const fetchData = (isNowPage: boolean) => {
+  loadingTable.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    listQuery.value.offset = 1
+  }
+  getcheckInfoList(listQuery.value).then((response) => {
+    list.value = response.data.rows
+    total.value = response.data.total
+    loadingTable.value = false
+  })
+}
+fetchData(true)
+// 多选发生改变时
+const handleSelectionChange = (e: any) => {
+  checkoutList.value = e.map((item: { id: string }) => item.id)
+}
+// 点击编辑id和删除row类型
+interface rowReturn {
+  id: string
+  checkName: string
+}
+const $router = useRouter()
+// 点击编辑/详情
+const handleEdit = (row: rowReturn, pageType: 'edit' | 'detail') => {
+  $router.push(`/maintenance/manageCheckList/${pageType}/${row.id}`)
+}
+// 点击删除
+const handleDelete = (index: string, row: rowReturn) => {
+  ElMessageBox.confirm(
+    `确认删除${row.checkName}吗？`,
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  )
+    .then(() => {
+      getDeleteCheckInfo({ id: row.id as string }).then((res) => {
+        if (res.code === 200) {
+          ElMessage({
+            type: 'success',
+            message: '删除成功',
+          })
+          fetchData(true)
+        }
+      })
+    })
+}
+// 点击搜索
+const searchList = () => {
+  fetchData(true)
+}
+const cancelEvent = () => {
+  console.log('cancel!')
+}
+// 点击重置
+const clearList = () => {
+  listQuery.value = {
+    checkDate: '',
+    checkName: '',
+    checkNo: '',
+    offset: 1,
+    limit: 20,
+  }
+}
+
+// 上传文件/批量导入
+const onFileChange = (event: any) => {
+  if (event.target.files[0].type === 'application/pdf') {
+    if (event.target.files?.length !== 0) {
+      // 创建formdata对象
+      const fd = new FormData()
+      fd.append('multipartFile', event.target.files[0])
+      uploadApi(fd).then((res) => {
+        if (res.code === 200) {
+          ElMessage.success('上传成功')
+        }
+        else {
+          ElMessage.error(res.message)
+        }
+      })
+    }
+  }
+  else {
+    ElMessage.error('请上传pdf格式')
+  }
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  fetchData(true)
+}
+
+// 批量导入
+const uploadAll = () => {
+  // todo: 批量导入
+  fileRef.value.click()
+}
+// 添加溯源供方
+const add = () => {
+  $router.push('/maintenance/manageCheckList/add')
+}
+const exportAll = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: '下载中请稍后',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (list.value.length > 0) {
+    getExportCheckInfoList(listQuery.value).then((res) => {
+      const blob = new Blob([res.data])
+      exportFile(blob, '设备管理点检查列表.xlsx')
+    })
+  }
+  else {
+    ElMessage.warning('无数据可导出数据')
+  }
+  loading.close()
+}
+
+// 打印列表
+function printList() {
+  // 打印列
+  const properties = columns.value.map((item) => {
+    return {
+      field: item.value,
+      displayName: item.text,
+    }
+  })
+  if (checkoutList.value.length <= 0 && list.value.length > 0) {
+    printJSON(list.value, properties, '溯源供方列表')
+  }
+  else if (checkoutList.value.length > 0) {
+    const printList = list.value.filter((item: ISupplier) => checkoutList.value.includes(item.id))
+    printJSON(printList, properties, '溯源供方列表')
+  }
+  else {
+    ElMessage.warning('无可打印内容')
+  }
+}
 </script>
 
 <template>
-  <list-page />
+  <div v-if="show">
+    <app-container>
+      <search-area
+        :need-clear="true"
+        @search="searchList" @clear="clearList"
+      >
+        <search-item>
+          <el-input
+            v-model.trim="listQuery.checkNo"
+            placeholder="检查表编号"
+            clearable
+          />
+        </search-item>
+        <search-item>
+          <el-input
+            v-model.trim="listQuery.checkName"
+            placeholder="检查表名称"
+            clearable
+          />
+        </search-item>
+        <search-item>
+          <el-date-picker
+            v-model="listQuery.checkDate"
+            type="datetime"
+            placeholder="检查日期"
+            format="YYYY/MM/DD HH:mm:ss"
+            value-format="YYYY-MM-DD h:m:s"
+          />
+        </search-item>
+      </search-area>
+      <table-container>
+        <template #btns-right>
+          <icon-button v-if="proxy.hasPerm('/measure/measureSource/import')" icon="icon-import" title="批量导入" type="primary" @click="uploadAll" />
+          <icon-button v-if="proxy.hasPerm('/measure/measureSource/mould')" icon="icon-template" title="模板下载" type="primary" />
+          <icon-button v-if="proxy.hasPerm('/measure/measureSource/add')" icon="icon-add" title="新建" type="primary" @click="add" />
+          <icon-button v-if="proxy.hasPerm('/measure/measureSource/export')" icon="icon-export" title="导出" type="primary" @click="exportAll" />
+          <icon-button v-if="proxy.hasPerm('/measure/measureSource/print')" icon="icon-print" title="打印" type="primary" @click="printList" />
+        </template>
+        <input v-show="false" ref="fileRef" type="file" accept="pdf/*" @change="onFileChange">
+        <normal-table
+          :data="list" :total="total" :columns="columns" :query="listQuery"
+          :list-loading="loadingTable" is-showmulti-select @change="changePage" @multiSelect="handleSelectionChange"
+        >
+          <template #columns>
+            <el-table-column label="操作" align="center" width="140">
+              <template #default="{ row }">
+                <el-button
+                  v-if="proxy.hasPerm('/measure/measureSource/edit')"
+                  size="small"
+                  type="primary"
+                  link
+                  @click="handleEdit(row, 'edit')"
+                >
+                  编辑
+                </el-button>
+                <el-button
+                  size="small"
+                  link
+                  type="primary"
+                  @click="handleEdit(row, 'detail')"
+                >
+                  详情
+                </el-button>
+                <el-button
+                  v-if="proxy.hasPerm('/measure/measureSource/delete')"
+                  size="small"
+                  link
+                  type="danger"
+                  @click="handleDelete(row.$index, row)"
+                >
+                  删除
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </table-container>
+    </app-container>
+  </div>
 </template>
 
 <style lang="scss" scoped>
-// 样式
+.pagination {
+  position: fixed;
+  bottom: 0;
+}
 </style>