diff --git a/public/config/config.json b/public/config/config.json
index 442726a..01178ce 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -1,6 +1,6 @@
 {
   "title":"计量业务管理系统",
-  "baseUrl": "http://111.198.10.15:21606",
+  "baseUrl": "http://111.198.10.15:21606/",
   "nbjlgl": "nbjlgl",
   "nbjszy": "nbjszy",
   "zlmbpc": "zlmbpc",

diff --git a/public/config/config.json b/public/config/config.json
index 442726a..01178ce 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -1,6 +1,6 @@
 {
   "title":"计量业务管理系统",
-  "baseUrl": "http://111.198.10.15:21606",
+  "baseUrl": "http://111.198.10.15:21606/",
   "nbjlgl": "nbjlgl",
   "nbjszy": "nbjszy",
   "zlmbpc": "zlmbpc",
diff --git a/src/api/quality/internal/workManage.ts b/src/api/quality/internal/workManage.ts
new file mode 100644
index 0000000..472a9aa
--- /dev/null
+++ b/src/api/quality/internal/workManage.ts
@@ -0,0 +1,36 @@
+/**
+ * 内审工作管理相关接口
+ */
+import request from '../../index'
+// 内审工作列表查询-分页
+export function getWorkList(data: any) {
+  return request({
+    url: `/quality/internalAuditManagement/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'get',
+    params: data,
+  })
+}
+// 新建
+export function addWork(data: any) {
+  return request({
+    url: '/quality/internalAuditManagement/add',
+    method: 'post',
+    data,
+  })
+}
+// 删除
+export function deleteWork(data: any) {
+  return request({
+    url: '/quality/internalAuditManagement/delete',
+    method: 'get',
+    params: data,
+  })
+}
+// 详情
+export function detailWork(data: any) {
+  return request({
+    url: '/quality/internalAuditManagement/detail',
+    method: 'get',
+    params: data,
+  })
+}

diff --git a/public/config/config.json b/public/config/config.json
index 442726a..01178ce 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -1,6 +1,6 @@
 {
   "title":"计量业务管理系统",
-  "baseUrl": "http://111.198.10.15:21606",
+  "baseUrl": "http://111.198.10.15:21606/",
   "nbjlgl": "nbjlgl",
   "nbjszy": "nbjszy",
   "zlmbpc": "zlmbpc",
diff --git a/src/api/quality/internal/workManage.ts b/src/api/quality/internal/workManage.ts
new file mode 100644
index 0000000..472a9aa
--- /dev/null
+++ b/src/api/quality/internal/workManage.ts
@@ -0,0 +1,36 @@
+/**
+ * 内审工作管理相关接口
+ */
+import request from '../../index'
+// 内审工作列表查询-分页
+export function getWorkList(data: any) {
+  return request({
+    url: `/quality/internalAuditManagement/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'get',
+    params: data,
+  })
+}
+// 新建
+export function addWork(data: any) {
+  return request({
+    url: '/quality/internalAuditManagement/add',
+    method: 'post',
+    data,
+  })
+}
+// 删除
+export function deleteWork(data: any) {
+  return request({
+    url: '/quality/internalAuditManagement/delete',
+    method: 'get',
+    params: data,
+  })
+}
+// 详情
+export function detailWork(data: any) {
+  return request({
+    url: '/quality/internalAuditManagement/detail',
+    method: 'get',
+    params: data,
+  })
+}
diff --git a/src/views/quality/internal/workManage/components/addFileDialog.vue b/src/views/quality/internal/workManage/components/addFileDialog.vue
new file mode 100644
index 0000000..fcc122e
--- /dev/null
+++ b/src/views/quality/internal/workManage/components/addFileDialog.vue
@@ -0,0 +1,216 @@
+<!-- 添加文件弹窗 -->
+<script lang="ts" setup name="EditArea">
+import type { Ref } from 'vue'
+import { defineExpose, nextTick, reactive, ref } from 'vue'
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { getDictByCode } from '@/api/system/dict'
+import { UploadFile, getPhotoUrl } from '@/api/file'
+const emits = defineEmits(['confirm'])
+const dataFormRef = ref()
+const dialogFormVisible = ref(false) // 对话框是否显示
+// 表单
+const areaForm = ref({
+  fileType: '',
+  fileCode: '',
+  fileName: '',
+  filePath: '',
+})
+// 前端校验规则
+const rules: FormRules = {
+  fileType: [{ required: true, message: '文件类型必选', trigger: ['blur', 'change'] }],
+  fileName: [{ required: true, message: '文件名称必填', trigger: ['blur', 'change'] }],
+  filePath: [{ required: true, message: '附件必须上传', trigger: ['blur', 'change'] }],
+}
+// 重置表单
+const resetForm = () => {
+  areaForm.value = {
+    fileType: '',
+    fileCode: '',
+    fileName: '',
+    filePath: '',
+  }
+}
+
+// 保存按钮
+const saveForm = async (formEl: FormInstance | undefined) => {
+  if (!formEl) { return }
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      // if ($route.path.includes('create')) {
+      //   createRow()
+      // }
+      // else if ($route.path.includes('update')) {
+      //   updateRow()
+      // }
+    }
+  })
+}
+// 初始化对话框
+const initDialog = () => {
+  dialogFormVisible.value = true
+  resetForm()
+  nextTick(() => {
+    dataFormRef.value?.clearValidate()
+  })
+}
+defineExpose({
+  initDialog,
+})
+
+const cancel = () => {
+  dialogFormVisible.value = false
+  // this.$emit('watchChild')
+}
+// 获取字典
+const fileTypeList = ref<{ id: string; value: string; name: string }[]>([])
+const fetchDict = () => {
+  getDictByCode('auditManagementFileType').then((res) => {
+    fileTypeList.value = res.data
+  })
+}
+fetchDict()
+// 上传附件
+const fileRef = ref() // 文件上传input，获取input的引用
+const onFileChange = (event: any) => {
+  // 原生上传
+  if (event.target.files?.length !== 0) {
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    UploadFile(fd).then((res1) => {
+      fileRef.value.value = ''
+      if (res1.code === 200) {
+        ElMessage.success('上传成功')
+        getPhotoUrl(res1.data[0]).then((res) => {
+          areaForm.value.filePath = res.data
+        })
+      }
+    })
+  }
+}
+// 导入
+const importList = () => {
+  fileRef.value.click()
+}
+// 删除
+const close = (index: number) => {
+  areaForm.value.filePath = ''
+}
+</script>
+
+<template>
+  <el-dialog v-model="dialogFormVisible" title="添加文件" append-to-body width="30%">
+    <el-form ref="dataFormRef" :rules="rules" :model="areaForm" label-position="right" label-width="80px">
+      <el-row :gutter="24">
+        <el-col :span="24">
+          <el-form-item label="文件类型" prop="fileType">
+            <el-select v-model="areaForm.fileType" placeholder="必选">
+              <el-option
+                v-for="item in fileTypeList"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="文件编号" prop="fileCode">
+            <el-input v-model="areaForm.fileCode" style="width: 100%;" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="文件名称" prop="fileName">
+            <el-input v-model="areaForm.fileName" style="width: 100%;" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="附件" prop="filePath">
+            <!-- <el-input-number v-model="areaForm.fileName" style="width: 100%;" /> -->
+            <a class="link" :href="areaForm.filePath" type="primary" style="margin-right: 10px;" target="_blank">
+              {{ areaForm.filePath }}
+              <span v-if="!$route.path.includes('detail')" class="close" @click.stop.capture.prevent="close(index)">x</span>
+            </a>
+            <el-button type="primary" @click="importList">
+              上传
+            </el-button>
+            <input ref="fileRef" style="display: none;" type="file" accept=".doc,.docx,.pdf,.xls,.xlsx" @change="onFileChange">
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button type="primary" @click="saveForm(dataFormRef)">
+          保存
+        </el-button>
+        <el-button @click="cancel">
+          取消
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+.el-dialog {
+  width: 700px;
+}
+
+.el-select {
+  width: 100%;
+}
+
+.link {
+  position: relative;
+  color: #5d93ff;
+  display: inline-block;
+  font-size: 16px;
+  text-decoration: none;
+  // margin-right: 10px;
+  padding-right: 10px;
+  height: 33px;
+  line-height: 33px;
+
+  &:hover {
+    text-decoration: underline;
+
+    .close {
+      display: block;
+    }
+  }
+
+  .close {
+    position: absolute;
+    top: -20px;
+    right: -10px;
+    display: none;
+    z-index: 99;
+    height: 40px;
+    width: 40px;
+    color: rgb(121 118 115);
+    // background-color: #ccc;
+    text-align: center;
+  }
+  // &::before {
+  //   content: "x";
+  //   width: 15px;
+  //   height: 15px;
+  //   position: absolute;
+  //   right: -4px;
+  //   top: -16px;
+  //   color: #817d7d;
+  //   font-size: 16px;
+  //   // background-color: #ccc;
+  //   // border-radius: 50%;
+  //   display: none;
+  // }
+
+  // &:hover {
+  //   &::before {
+  //     display: block;
+  //   }
+  // }
+}
+</style>
+

diff --git a/public/config/config.json b/public/config/config.json
index 442726a..01178ce 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -1,6 +1,6 @@
 {
   "title":"计量业务管理系统",
-  "baseUrl": "http://111.198.10.15:21606",
+  "baseUrl": "http://111.198.10.15:21606/",
   "nbjlgl": "nbjlgl",
   "nbjszy": "nbjszy",
   "zlmbpc": "zlmbpc",
diff --git a/src/api/quality/internal/workManage.ts b/src/api/quality/internal/workManage.ts
new file mode 100644
index 0000000..472a9aa
--- /dev/null
+++ b/src/api/quality/internal/workManage.ts
@@ -0,0 +1,36 @@
+/**
+ * 内审工作管理相关接口
+ */
+import request from '../../index'
+// 内审工作列表查询-分页
+export function getWorkList(data: any) {
+  return request({
+    url: `/quality/internalAuditManagement/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'get',
+    params: data,
+  })
+}
+// 新建
+export function addWork(data: any) {
+  return request({
+    url: '/quality/internalAuditManagement/add',
+    method: 'post',
+    data,
+  })
+}
+// 删除
+export function deleteWork(data: any) {
+  return request({
+    url: '/quality/internalAuditManagement/delete',
+    method: 'get',
+    params: data,
+  })
+}
+// 详情
+export function detailWork(data: any) {
+  return request({
+    url: '/quality/internalAuditManagement/detail',
+    method: 'get',
+    params: data,
+  })
+}
diff --git a/src/views/quality/internal/workManage/components/addFileDialog.vue b/src/views/quality/internal/workManage/components/addFileDialog.vue
new file mode 100644
index 0000000..fcc122e
--- /dev/null
+++ b/src/views/quality/internal/workManage/components/addFileDialog.vue
@@ -0,0 +1,216 @@
+<!-- 添加文件弹窗 -->
+<script lang="ts" setup name="EditArea">
+import type { Ref } from 'vue'
+import { defineExpose, nextTick, reactive, ref } from 'vue'
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { getDictByCode } from '@/api/system/dict'
+import { UploadFile, getPhotoUrl } from '@/api/file'
+const emits = defineEmits(['confirm'])
+const dataFormRef = ref()
+const dialogFormVisible = ref(false) // 对话框是否显示
+// 表单
+const areaForm = ref({
+  fileType: '',
+  fileCode: '',
+  fileName: '',
+  filePath: '',
+})
+// 前端校验规则
+const rules: FormRules = {
+  fileType: [{ required: true, message: '文件类型必选', trigger: ['blur', 'change'] }],
+  fileName: [{ required: true, message: '文件名称必填', trigger: ['blur', 'change'] }],
+  filePath: [{ required: true, message: '附件必须上传', trigger: ['blur', 'change'] }],
+}
+// 重置表单
+const resetForm = () => {
+  areaForm.value = {
+    fileType: '',
+    fileCode: '',
+    fileName: '',
+    filePath: '',
+  }
+}
+
+// 保存按钮
+const saveForm = async (formEl: FormInstance | undefined) => {
+  if (!formEl) { return }
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      // if ($route.path.includes('create')) {
+      //   createRow()
+      // }
+      // else if ($route.path.includes('update')) {
+      //   updateRow()
+      // }
+    }
+  })
+}
+// 初始化对话框
+const initDialog = () => {
+  dialogFormVisible.value = true
+  resetForm()
+  nextTick(() => {
+    dataFormRef.value?.clearValidate()
+  })
+}
+defineExpose({
+  initDialog,
+})
+
+const cancel = () => {
+  dialogFormVisible.value = false
+  // this.$emit('watchChild')
+}
+// 获取字典
+const fileTypeList = ref<{ id: string; value: string; name: string }[]>([])
+const fetchDict = () => {
+  getDictByCode('auditManagementFileType').then((res) => {
+    fileTypeList.value = res.data
+  })
+}
+fetchDict()
+// 上传附件
+const fileRef = ref() // 文件上传input，获取input的引用
+const onFileChange = (event: any) => {
+  // 原生上传
+  if (event.target.files?.length !== 0) {
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    UploadFile(fd).then((res1) => {
+      fileRef.value.value = ''
+      if (res1.code === 200) {
+        ElMessage.success('上传成功')
+        getPhotoUrl(res1.data[0]).then((res) => {
+          areaForm.value.filePath = res.data
+        })
+      }
+    })
+  }
+}
+// 导入
+const importList = () => {
+  fileRef.value.click()
+}
+// 删除
+const close = (index: number) => {
+  areaForm.value.filePath = ''
+}
+</script>
+
+<template>
+  <el-dialog v-model="dialogFormVisible" title="添加文件" append-to-body width="30%">
+    <el-form ref="dataFormRef" :rules="rules" :model="areaForm" label-position="right" label-width="80px">
+      <el-row :gutter="24">
+        <el-col :span="24">
+          <el-form-item label="文件类型" prop="fileType">
+            <el-select v-model="areaForm.fileType" placeholder="必选">
+              <el-option
+                v-for="item in fileTypeList"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="文件编号" prop="fileCode">
+            <el-input v-model="areaForm.fileCode" style="width: 100%;" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="文件名称" prop="fileName">
+            <el-input v-model="areaForm.fileName" style="width: 100%;" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="附件" prop="filePath">
+            <!-- <el-input-number v-model="areaForm.fileName" style="width: 100%;" /> -->
+            <a class="link" :href="areaForm.filePath" type="primary" style="margin-right: 10px;" target="_blank">
+              {{ areaForm.filePath }}
+              <span v-if="!$route.path.includes('detail')" class="close" @click.stop.capture.prevent="close(index)">x</span>
+            </a>
+            <el-button type="primary" @click="importList">
+              上传
+            </el-button>
+            <input ref="fileRef" style="display: none;" type="file" accept=".doc,.docx,.pdf,.xls,.xlsx" @change="onFileChange">
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button type="primary" @click="saveForm(dataFormRef)">
+          保存
+        </el-button>
+        <el-button @click="cancel">
+          取消
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+.el-dialog {
+  width: 700px;
+}
+
+.el-select {
+  width: 100%;
+}
+
+.link {
+  position: relative;
+  color: #5d93ff;
+  display: inline-block;
+  font-size: 16px;
+  text-decoration: none;
+  // margin-right: 10px;
+  padding-right: 10px;
+  height: 33px;
+  line-height: 33px;
+
+  &:hover {
+    text-decoration: underline;
+
+    .close {
+      display: block;
+    }
+  }
+
+  .close {
+    position: absolute;
+    top: -20px;
+    right: -10px;
+    display: none;
+    z-index: 99;
+    height: 40px;
+    width: 40px;
+    color: rgb(121 118 115);
+    // background-color: #ccc;
+    text-align: center;
+  }
+  // &::before {
+  //   content: "x";
+  //   width: 15px;
+  //   height: 15px;
+  //   position: absolute;
+  //   right: -4px;
+  //   top: -16px;
+  //   color: #817d7d;
+  //   font-size: 16px;
+  //   // background-color: #ccc;
+  //   // border-radius: 50%;
+  //   display: none;
+  // }
+
+  // &:hover {
+  //   &::before {
+  //     display: block;
+  //   }
+  // }
+}
+</style>
+
diff --git a/src/views/quality/internal/workManage/components/edit.vue b/src/views/quality/internal/workManage/components/edit.vue
index 22c9906..ecf43ce 100644
--- a/src/views/quality/internal/workManage/components/edit.vue
+++ b/src/views/quality/internal/workManage/components/edit.vue
@@ -1,123 +1,255 @@
 <!-- 内部审核工作管理新建 -->
 <script name="QualityInternalWorkAdd" lang="ts" setup>
-import type { FormInstance, FormRules, UploadUserFile } from 'element-plus'
+import { ElMessage, type FormInstance, type FormRules, type UploadUserFile } from 'element-plus'
 import fileList from './fileList.vue'
+import { getDictByCode } from '@/api/system/dict'
+import { getUserList } from '@/api/system/user'
+import { addWork, detailWork } from '@/api/quality/internal/workManage'
 const $route = useRoute()
 const $router = useRouter()
 const ruleFormRef = ref<FormInstance>() // from组件
-const dialogStatus = ref('create')
+// 表单
 const ruleForm = ref({
-  attachment: '',
-}) // 表单
+  yearTime: '',
+  yearNum: '',
+  bizLabCode: '',
+  beginTime: '',
+  endTime: '',
+  commanderId: '', // 质量负责人
+  groupLeader: '', // 组长
+  teamMembers: [] as any, // 组员
+  currentStage: '12', // 当前阶段
+  internalAuditFiles: [],
+})
+// 表单验证规则
 const rules = ref<FormRules>({
-  fileName: [{ required: true, message: '文件名称必填', trigger: ['blur', 'change'] }],
-}) // 表单验证规则
+  yearTime: [{ required: true, message: '年份必选', trigger: ['blur', 'change'] }],
+  yearNum: [{ required: true, message: '月份必选', trigger: ['blur', 'change'] }],
+  bizLabCode: [{ required: true, message: '实验室必选', trigger: ['blur', 'change'] }],
+})
+const labelList = ref<{ id: string; value: string; name: string }[]>()// 实验室代码
+const yearList = ref<{ id: string; value: string; name: string }[]>([])// 年度
+const monthList = ref<{ id: string; value: string; name: string }[]>([])// 月份
+const userList = ref<any[]>([]) // 用户列表
+const currentStageList = ref<{ id: string; value: string; name: string }[]>([])// 当前阶段
+// 获取字典
+const fetchDict = () => {
+  // 获取实验室代码字典
+  getDictByCode('bizLabCode').then((res) => {
+    labelList.value = res.data
+  })
+  // 当前阶段
+  getDictByCode('qualityCurrentStage').then((res) => {
+    currentStageList.value = res.data
+  })
+  // 循环出最近十年的year
+  // 获取当前年份
+  const year = new Date().getFullYear() + 5
+  for (let i = year; i > year - 10; i--) {
+    yearList.value?.push({
+      name: String(i),
+      value: String(i),
+      id: String(i),
+    })
+  }
+  yearList.value?.reverse()
+  // 月份
+  for (let i = 1; i < 13; i++) {
+    monthList.value?.push({
+      name: String(i),
+      value: String(i),
+      id: String(i),
+    })
+  }
+  // 用户
+  getUserList({ offset: 1, limit: 99999 }).then((res) => {
+    userList.value = res.data.rows
+  })
+}
+fetchDict()
+// 新建
+const createRow = () => {
+  const data = {
+    ...ruleForm.value,
+  }
+  if (ruleForm.value.teamMembers.length) {
+    data.teamMembers = data.teamMembers.join(',')
+  }
+  addWork(data).then((res) => {
+    ElMessage.success('添加成功')
+    $router.go(-1)
+  })
+}
+// 保存按钮
+const saveForm = async (formEl: FormInstance | undefined) => {
+  if (!formEl) { return }
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      if ($route.path.includes('create')) {
+        createRow()
+      }
+      // else if ($route.path.includes('update')) {
+      //   updateRow()
+      // }
+    }
+  })
+}
+// 页面挂载
+onMounted(() => {
+  if ($route.path.includes('create')) {
+    console.log('新建')
+  }
+  else {
+    // 获取详情
+    detailWork({ id: $route.query.id as string }).then((res) => {
+      for (const i in res.data) {
+        if (typeof res.data[i] === 'number') {
+          res.data[i] = String(res.data[i])
+        }
+      }
+      if (res.data.teamMembers) {
+        ruleForm.value.teamMembers = res.data.teamMembers.split(',')
+      }
+
+      ruleForm.value = res.data
+    })
+  }
+})
 </script>
 
 <template>
   <app-container style="overflow: hidden;">
     <detail-page title="内部审核工作管理">
-      <template #btns>
-        <el-button type="primary">
+      <template v-if="$route.path.includes('create')" #btns>
+        <el-button type="primary" @click="saveForm(ruleFormRef)">
           保存
         </el-button>
         <el-button type="info" @click="() => $router.go(-1)">
           关闭
         </el-button>
       </template>
+      <template v-else #btns>
+        <el-button type="primary" @click="() => $router.go(-1)">
+          确认
+        </el-button>
+      </template>
     </detail-page>
     <detail-block title="">
       <el-form ref="ruleFormRef" :model="ruleForm" :class="$route.path.includes('detail') ? 'isDetail' : ''" :rules="rules" label-position="right" label-width="120px" class="form" :disabled="$route.path.includes('detail')">
         <el-row :gutter="24" class="marg">
           <el-col :span="6">
-            <el-form-item label="工作名称" prop="fileNo">
-              <el-select
-                v-model="ruleForm.createUserName"
-                placeholder="年份"
-                class="short-input"
-                filterable
-                style="width: 80px;"
-              >
-                <el-option v-for="item in []" :key="item.id" :label="item.name" :value="item.value" />
-              </el-select>
-              年第
-              <el-select
-                v-model="ruleForm.createUserName"
-                placeholder="月份"
-                class="short-input"
-                filterable
-                style="width: 80px;"
-              >
-                <el-option v-for="item in []" :key="item.id" :label="item.name" :value="item.value" />
-              </el-select>
-              次内部审核
+            <el-form-item label="工作名称" style="display: flex;">
+              <el-form-item label="" label-width="0px" prop="yearTime">
+                <el-select
+                  v-model="ruleForm.yearTime"
+                  placeholder="年份"
+                  class="short-input"
+                  filterable
+                  style="width: 80px;"
+                >
+                  <el-option v-for="item in yearList" :key="item.id" :label="item.name" :value="item.value" />
+                </el-select>
+                年第
+              </el-form-item>
+              <el-form-item label="" label-width="0px" prop="yearNum">
+                <el-select
+                  v-model="ruleForm.yearNum"
+                  placeholder="月份"
+                  class="short-input"
+                  filterable
+                  style="width: 80px;"
+                >
+                  <el-option v-for="item in monthList" :key="item.id" :label="item.name" :value="item.value" />
+                </el-select>
+                次内部审核
+              </el-form-item>
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="实验室" prop="fileNo">
+            <el-form-item label="实验室" prop="bizLabCode">
               <el-select
-                v-model="ruleForm.createUserName"
+                v-model="ruleForm.bizLabCode"
                 placeholder="实验室"
                 class="short-input"
                 filterable
                 style="width: 100%;"
               >
-                <el-option v-for="item in []" :key="item.id" :label="item.name" :value="item.value" />
+                <el-option v-for="item in labelList" :key="item.id" :label="item.name" :value="item.value" />
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="开始时间">
+            <el-form-item label="开始时间" prop="beginTime">
               <el-date-picker
-                v-model="value2"
+                v-model="ruleForm.beginTime"
                 type="date"
                 style="width: 100%;"
+                format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD"
               />
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="结束时间">
+            <el-form-item label="结束时间" prop="endTime">
               <el-date-picker
-                v-model="value2"
+                v-model="ruleForm.endTime"
                 type="date"
                 style="width: 100%;"
+                format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD"
               />
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="24" class="marg">
           <el-col :span="6">
-            <el-form-item label="质量负责人">
-              <el-input v-model.trim="ruleForm.createUserName" />
+            <el-form-item label="质量负责人" prop="commanderId">
+              <!-- <el-input v-model.trim="ruleForm.createUserName" /> -->
+              <el-select v-model="ruleForm.commanderId" filterable clearable placeholder="质量负责人" style="width: 100%;">
+                <el-option v-for="(item) in userList" :key="item.id" :label="item.name" :value="item.id">
+                  <span style="float: left;">{{ item.name }}</span>
+                  <span style="float: right; color: #8492a6; font-size: 13px;">{{ item.deptName }}</span>
+                </el-option>
+              </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="内审组组长">
-              <el-input v-model.trim="ruleForm.createUserName" />
+            <el-form-item label="内审组组长" prop="groupLeader">
+              <el-select v-model="ruleForm.groupLeader" filterable clearable placeholder="内审组组长" style="width: 100%;">
+                <el-option v-for="(item) in userList" :key="item.id" :label="item.name" :value="item.name">
+                  <span style="float: left;">{{ item.name }}</span>
+                  <span style="float: right; color: #8492a6; font-size: 13px;">{{ item.deptName }}</span>
+                </el-option>
+              </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="内审组组员">
-              <el-input v-model.trim="ruleForm.createUserName" />
+            <el-form-item label="内审组组员" prop="teamMembers">
+              <el-select v-model="ruleForm.teamMembers" multiple filterable clearable placeholder="内审组组员" style="width: 100%;">
+                <el-option v-for="(item) in userList" :key="item.id" :label="item.name" :value="item.name">
+                  <span style="float: left;">{{ item.name }}</span>
+                  <span style="float: right; color: #8492a6; font-size: 13px;">{{ item.deptName }}</span>
+                </el-option>
+              </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="当前阶段" prop="fileNo">
+            <el-form-item label="当前阶段" prop="currentStage">
               <el-select
-                v-model="ruleForm.createUserName"
+                v-model="ruleForm.currentStage"
                 placeholder="当前阶段"
                 class="short-input"
                 filterable
                 style="width: 100%;"
               >
-                <el-option v-for="item in []" :key="item.id" :label="item.name" :value="item.value" />
+                <el-option v-for="item in currentStageList" :key="item.id" :label="item.name" :value="item.value" />
               </el-select>
             </el-form-item>
           </el-col>
         </el-row>
       </el-form>
     </detail-block>
-    <file-list :data="[]" />
+    <file-list :data="ruleForm.internalAuditFiles" />
   </app-container>
 </template>
 

diff --git a/public/config/config.json b/public/config/config.json
index 442726a..01178ce 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -1,6 +1,6 @@
 {
   "title":"计量业务管理系统",
-  "baseUrl": "http://111.198.10.15:21606",
+  "baseUrl": "http://111.198.10.15:21606/",
   "nbjlgl": "nbjlgl",
   "nbjszy": "nbjszy",
   "zlmbpc": "zlmbpc",
diff --git a/src/api/quality/internal/workManage.ts b/src/api/quality/internal/workManage.ts
new file mode 100644
index 0000000..472a9aa
--- /dev/null
+++ b/src/api/quality/internal/workManage.ts
@@ -0,0 +1,36 @@
+/**
+ * 内审工作管理相关接口
+ */
+import request from '../../index'
+// 内审工作列表查询-分页
+export function getWorkList(data: any) {
+  return request({
+    url: `/quality/internalAuditManagement/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'get',
+    params: data,
+  })
+}
+// 新建
+export function addWork(data: any) {
+  return request({
+    url: '/quality/internalAuditManagement/add',
+    method: 'post',
+    data,
+  })
+}
+// 删除
+export function deleteWork(data: any) {
+  return request({
+    url: '/quality/internalAuditManagement/delete',
+    method: 'get',
+    params: data,
+  })
+}
+// 详情
+export function detailWork(data: any) {
+  return request({
+    url: '/quality/internalAuditManagement/detail',
+    method: 'get',
+    params: data,
+  })
+}
diff --git a/src/views/quality/internal/workManage/components/addFileDialog.vue b/src/views/quality/internal/workManage/components/addFileDialog.vue
new file mode 100644
index 0000000..fcc122e
--- /dev/null
+++ b/src/views/quality/internal/workManage/components/addFileDialog.vue
@@ -0,0 +1,216 @@
+<!-- 添加文件弹窗 -->
+<script lang="ts" setup name="EditArea">
+import type { Ref } from 'vue'
+import { defineExpose, nextTick, reactive, ref } from 'vue'
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { getDictByCode } from '@/api/system/dict'
+import { UploadFile, getPhotoUrl } from '@/api/file'
+const emits = defineEmits(['confirm'])
+const dataFormRef = ref()
+const dialogFormVisible = ref(false) // 对话框是否显示
+// 表单
+const areaForm = ref({
+  fileType: '',
+  fileCode: '',
+  fileName: '',
+  filePath: '',
+})
+// 前端校验规则
+const rules: FormRules = {
+  fileType: [{ required: true, message: '文件类型必选', trigger: ['blur', 'change'] }],
+  fileName: [{ required: true, message: '文件名称必填', trigger: ['blur', 'change'] }],
+  filePath: [{ required: true, message: '附件必须上传', trigger: ['blur', 'change'] }],
+}
+// 重置表单
+const resetForm = () => {
+  areaForm.value = {
+    fileType: '',
+    fileCode: '',
+    fileName: '',
+    filePath: '',
+  }
+}
+
+// 保存按钮
+const saveForm = async (formEl: FormInstance | undefined) => {
+  if (!formEl) { return }
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      // if ($route.path.includes('create')) {
+      //   createRow()
+      // }
+      // else if ($route.path.includes('update')) {
+      //   updateRow()
+      // }
+    }
+  })
+}
+// 初始化对话框
+const initDialog = () => {
+  dialogFormVisible.value = true
+  resetForm()
+  nextTick(() => {
+    dataFormRef.value?.clearValidate()
+  })
+}
+defineExpose({
+  initDialog,
+})
+
+const cancel = () => {
+  dialogFormVisible.value = false
+  // this.$emit('watchChild')
+}
+// 获取字典
+const fileTypeList = ref<{ id: string; value: string; name: string }[]>([])
+const fetchDict = () => {
+  getDictByCode('auditManagementFileType').then((res) => {
+    fileTypeList.value = res.data
+  })
+}
+fetchDict()
+// 上传附件
+const fileRef = ref() // 文件上传input，获取input的引用
+const onFileChange = (event: any) => {
+  // 原生上传
+  if (event.target.files?.length !== 0) {
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    UploadFile(fd).then((res1) => {
+      fileRef.value.value = ''
+      if (res1.code === 200) {
+        ElMessage.success('上传成功')
+        getPhotoUrl(res1.data[0]).then((res) => {
+          areaForm.value.filePath = res.data
+        })
+      }
+    })
+  }
+}
+// 导入
+const importList = () => {
+  fileRef.value.click()
+}
+// 删除
+const close = (index: number) => {
+  areaForm.value.filePath = ''
+}
+</script>
+
+<template>
+  <el-dialog v-model="dialogFormVisible" title="添加文件" append-to-body width="30%">
+    <el-form ref="dataFormRef" :rules="rules" :model="areaForm" label-position="right" label-width="80px">
+      <el-row :gutter="24">
+        <el-col :span="24">
+          <el-form-item label="文件类型" prop="fileType">
+            <el-select v-model="areaForm.fileType" placeholder="必选">
+              <el-option
+                v-for="item in fileTypeList"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="文件编号" prop="fileCode">
+            <el-input v-model="areaForm.fileCode" style="width: 100%;" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="文件名称" prop="fileName">
+            <el-input v-model="areaForm.fileName" style="width: 100%;" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="附件" prop="filePath">
+            <!-- <el-input-number v-model="areaForm.fileName" style="width: 100%;" /> -->
+            <a class="link" :href="areaForm.filePath" type="primary" style="margin-right: 10px;" target="_blank">
+              {{ areaForm.filePath }}
+              <span v-if="!$route.path.includes('detail')" class="close" @click.stop.capture.prevent="close(index)">x</span>
+            </a>
+            <el-button type="primary" @click="importList">
+              上传
+            </el-button>
+            <input ref="fileRef" style="display: none;" type="file" accept=".doc,.docx,.pdf,.xls,.xlsx" @change="onFileChange">
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button type="primary" @click="saveForm(dataFormRef)">
+          保存
+        </el-button>
+        <el-button @click="cancel">
+          取消
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+.el-dialog {
+  width: 700px;
+}
+
+.el-select {
+  width: 100%;
+}
+
+.link {
+  position: relative;
+  color: #5d93ff;
+  display: inline-block;
+  font-size: 16px;
+  text-decoration: none;
+  // margin-right: 10px;
+  padding-right: 10px;
+  height: 33px;
+  line-height: 33px;
+
+  &:hover {
+    text-decoration: underline;
+
+    .close {
+      display: block;
+    }
+  }
+
+  .close {
+    position: absolute;
+    top: -20px;
+    right: -10px;
+    display: none;
+    z-index: 99;
+    height: 40px;
+    width: 40px;
+    color: rgb(121 118 115);
+    // background-color: #ccc;
+    text-align: center;
+  }
+  // &::before {
+  //   content: "x";
+  //   width: 15px;
+  //   height: 15px;
+  //   position: absolute;
+  //   right: -4px;
+  //   top: -16px;
+  //   color: #817d7d;
+  //   font-size: 16px;
+  //   // background-color: #ccc;
+  //   // border-radius: 50%;
+  //   display: none;
+  // }
+
+  // &:hover {
+  //   &::before {
+  //     display: block;
+  //   }
+  // }
+}
+</style>
+
diff --git a/src/views/quality/internal/workManage/components/edit.vue b/src/views/quality/internal/workManage/components/edit.vue
index 22c9906..ecf43ce 100644
--- a/src/views/quality/internal/workManage/components/edit.vue
+++ b/src/views/quality/internal/workManage/components/edit.vue
@@ -1,123 +1,255 @@
 <!-- 内部审核工作管理新建 -->
 <script name="QualityInternalWorkAdd" lang="ts" setup>
-import type { FormInstance, FormRules, UploadUserFile } from 'element-plus'
+import { ElMessage, type FormInstance, type FormRules, type UploadUserFile } from 'element-plus'
 import fileList from './fileList.vue'
+import { getDictByCode } from '@/api/system/dict'
+import { getUserList } from '@/api/system/user'
+import { addWork, detailWork } from '@/api/quality/internal/workManage'
 const $route = useRoute()
 const $router = useRouter()
 const ruleFormRef = ref<FormInstance>() // from组件
-const dialogStatus = ref('create')
+// 表单
 const ruleForm = ref({
-  attachment: '',
-}) // 表单
+  yearTime: '',
+  yearNum: '',
+  bizLabCode: '',
+  beginTime: '',
+  endTime: '',
+  commanderId: '', // 质量负责人
+  groupLeader: '', // 组长
+  teamMembers: [] as any, // 组员
+  currentStage: '12', // 当前阶段
+  internalAuditFiles: [],
+})
+// 表单验证规则
 const rules = ref<FormRules>({
-  fileName: [{ required: true, message: '文件名称必填', trigger: ['blur', 'change'] }],
-}) // 表单验证规则
+  yearTime: [{ required: true, message: '年份必选', trigger: ['blur', 'change'] }],
+  yearNum: [{ required: true, message: '月份必选', trigger: ['blur', 'change'] }],
+  bizLabCode: [{ required: true, message: '实验室必选', trigger: ['blur', 'change'] }],
+})
+const labelList = ref<{ id: string; value: string; name: string }[]>()// 实验室代码
+const yearList = ref<{ id: string; value: string; name: string }[]>([])// 年度
+const monthList = ref<{ id: string; value: string; name: string }[]>([])// 月份
+const userList = ref<any[]>([]) // 用户列表
+const currentStageList = ref<{ id: string; value: string; name: string }[]>([])// 当前阶段
+// 获取字典
+const fetchDict = () => {
+  // 获取实验室代码字典
+  getDictByCode('bizLabCode').then((res) => {
+    labelList.value = res.data
+  })
+  // 当前阶段
+  getDictByCode('qualityCurrentStage').then((res) => {
+    currentStageList.value = res.data
+  })
+  // 循环出最近十年的year
+  // 获取当前年份
+  const year = new Date().getFullYear() + 5
+  for (let i = year; i > year - 10; i--) {
+    yearList.value?.push({
+      name: String(i),
+      value: String(i),
+      id: String(i),
+    })
+  }
+  yearList.value?.reverse()
+  // 月份
+  for (let i = 1; i < 13; i++) {
+    monthList.value?.push({
+      name: String(i),
+      value: String(i),
+      id: String(i),
+    })
+  }
+  // 用户
+  getUserList({ offset: 1, limit: 99999 }).then((res) => {
+    userList.value = res.data.rows
+  })
+}
+fetchDict()
+// 新建
+const createRow = () => {
+  const data = {
+    ...ruleForm.value,
+  }
+  if (ruleForm.value.teamMembers.length) {
+    data.teamMembers = data.teamMembers.join(',')
+  }
+  addWork(data).then((res) => {
+    ElMessage.success('添加成功')
+    $router.go(-1)
+  })
+}
+// 保存按钮
+const saveForm = async (formEl: FormInstance | undefined) => {
+  if (!formEl) { return }
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      if ($route.path.includes('create')) {
+        createRow()
+      }
+      // else if ($route.path.includes('update')) {
+      //   updateRow()
+      // }
+    }
+  })
+}
+// 页面挂载
+onMounted(() => {
+  if ($route.path.includes('create')) {
+    console.log('新建')
+  }
+  else {
+    // 获取详情
+    detailWork({ id: $route.query.id as string }).then((res) => {
+      for (const i in res.data) {
+        if (typeof res.data[i] === 'number') {
+          res.data[i] = String(res.data[i])
+        }
+      }
+      if (res.data.teamMembers) {
+        ruleForm.value.teamMembers = res.data.teamMembers.split(',')
+      }
+
+      ruleForm.value = res.data
+    })
+  }
+})
 </script>
 
 <template>
   <app-container style="overflow: hidden;">
     <detail-page title="内部审核工作管理">
-      <template #btns>
-        <el-button type="primary">
+      <template v-if="$route.path.includes('create')" #btns>
+        <el-button type="primary" @click="saveForm(ruleFormRef)">
           保存
         </el-button>
         <el-button type="info" @click="() => $router.go(-1)">
           关闭
         </el-button>
       </template>
+      <template v-else #btns>
+        <el-button type="primary" @click="() => $router.go(-1)">
+          确认
+        </el-button>
+      </template>
     </detail-page>
     <detail-block title="">
       <el-form ref="ruleFormRef" :model="ruleForm" :class="$route.path.includes('detail') ? 'isDetail' : ''" :rules="rules" label-position="right" label-width="120px" class="form" :disabled="$route.path.includes('detail')">
         <el-row :gutter="24" class="marg">
           <el-col :span="6">
-            <el-form-item label="工作名称" prop="fileNo">
-              <el-select
-                v-model="ruleForm.createUserName"
-                placeholder="年份"
-                class="short-input"
-                filterable
-                style="width: 80px;"
-              >
-                <el-option v-for="item in []" :key="item.id" :label="item.name" :value="item.value" />
-              </el-select>
-              年第
-              <el-select
-                v-model="ruleForm.createUserName"
-                placeholder="月份"
-                class="short-input"
-                filterable
-                style="width: 80px;"
-              >
-                <el-option v-for="item in []" :key="item.id" :label="item.name" :value="item.value" />
-              </el-select>
-              次内部审核
+            <el-form-item label="工作名称" style="display: flex;">
+              <el-form-item label="" label-width="0px" prop="yearTime">
+                <el-select
+                  v-model="ruleForm.yearTime"
+                  placeholder="年份"
+                  class="short-input"
+                  filterable
+                  style="width: 80px;"
+                >
+                  <el-option v-for="item in yearList" :key="item.id" :label="item.name" :value="item.value" />
+                </el-select>
+                年第
+              </el-form-item>
+              <el-form-item label="" label-width="0px" prop="yearNum">
+                <el-select
+                  v-model="ruleForm.yearNum"
+                  placeholder="月份"
+                  class="short-input"
+                  filterable
+                  style="width: 80px;"
+                >
+                  <el-option v-for="item in monthList" :key="item.id" :label="item.name" :value="item.value" />
+                </el-select>
+                次内部审核
+              </el-form-item>
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="实验室" prop="fileNo">
+            <el-form-item label="实验室" prop="bizLabCode">
               <el-select
-                v-model="ruleForm.createUserName"
+                v-model="ruleForm.bizLabCode"
                 placeholder="实验室"
                 class="short-input"
                 filterable
                 style="width: 100%;"
               >
-                <el-option v-for="item in []" :key="item.id" :label="item.name" :value="item.value" />
+                <el-option v-for="item in labelList" :key="item.id" :label="item.name" :value="item.value" />
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="开始时间">
+            <el-form-item label="开始时间" prop="beginTime">
               <el-date-picker
-                v-model="value2"
+                v-model="ruleForm.beginTime"
                 type="date"
                 style="width: 100%;"
+                format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD"
               />
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="结束时间">
+            <el-form-item label="结束时间" prop="endTime">
               <el-date-picker
-                v-model="value2"
+                v-model="ruleForm.endTime"
                 type="date"
                 style="width: 100%;"
+                format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD"
               />
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="24" class="marg">
           <el-col :span="6">
-            <el-form-item label="质量负责人">
-              <el-input v-model.trim="ruleForm.createUserName" />
+            <el-form-item label="质量负责人" prop="commanderId">
+              <!-- <el-input v-model.trim="ruleForm.createUserName" /> -->
+              <el-select v-model="ruleForm.commanderId" filterable clearable placeholder="质量负责人" style="width: 100%;">
+                <el-option v-for="(item) in userList" :key="item.id" :label="item.name" :value="item.id">
+                  <span style="float: left;">{{ item.name }}</span>
+                  <span style="float: right; color: #8492a6; font-size: 13px;">{{ item.deptName }}</span>
+                </el-option>
+              </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="内审组组长">
-              <el-input v-model.trim="ruleForm.createUserName" />
+            <el-form-item label="内审组组长" prop="groupLeader">
+              <el-select v-model="ruleForm.groupLeader" filterable clearable placeholder="内审组组长" style="width: 100%;">
+                <el-option v-for="(item) in userList" :key="item.id" :label="item.name" :value="item.name">
+                  <span style="float: left;">{{ item.name }}</span>
+                  <span style="float: right; color: #8492a6; font-size: 13px;">{{ item.deptName }}</span>
+                </el-option>
+              </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="内审组组员">
-              <el-input v-model.trim="ruleForm.createUserName" />
+            <el-form-item label="内审组组员" prop="teamMembers">
+              <el-select v-model="ruleForm.teamMembers" multiple filterable clearable placeholder="内审组组员" style="width: 100%;">
+                <el-option v-for="(item) in userList" :key="item.id" :label="item.name" :value="item.name">
+                  <span style="float: left;">{{ item.name }}</span>
+                  <span style="float: right; color: #8492a6; font-size: 13px;">{{ item.deptName }}</span>
+                </el-option>
+              </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="当前阶段" prop="fileNo">
+            <el-form-item label="当前阶段" prop="currentStage">
               <el-select
-                v-model="ruleForm.createUserName"
+                v-model="ruleForm.currentStage"
                 placeholder="当前阶段"
                 class="short-input"
                 filterable
                 style="width: 100%;"
               >
-                <el-option v-for="item in []" :key="item.id" :label="item.name" :value="item.value" />
+                <el-option v-for="item in currentStageList" :key="item.id" :label="item.name" :value="item.value" />
               </el-select>
             </el-form-item>
           </el-col>
         </el-row>
       </el-form>
     </detail-block>
-    <file-list :data="[]" />
+    <file-list :data="ruleForm.internalAuditFiles" />
   </app-container>
 </template>
 
diff --git a/src/views/quality/internal/workManage/components/fileList.vue b/src/views/quality/internal/workManage/components/fileList.vue
index 0d8f9ad..586eefb 100644
--- a/src/views/quality/internal/workManage/components/fileList.vue
+++ b/src/views/quality/internal/workManage/components/fileList.vue
@@ -1,8 +1,8 @@
 <!-- 文件列表 -->
 <script name="fileListTable" lang="ts" setup>
 import { ElMessage, ElMessageBox } from 'element-plus'
+import addFileDialog from './addFileDialog.vue'
 import { useCheckList, useCheckNoTips } from '@/commonMethods/useCheckList'
-
 const $props = defineProps({
   data: {
     type: Array,
@@ -13,27 +13,21 @@
 const $router = useRouter()
 const list = ref<any[]>([])
 watch(() => $props.data, (newVal) => {
+  console.log(newVal, 'newVal')
   if (newVal.length) {
     list.value = $props.data
   }
   else {
-    if ($route.path.includes('detail')) { return }
-    list.value.push({
-      inspectionContent: '',
-      inspectionMethod: '',
-      inspectionRes: '',
-      refStandard: '',
-      editable: true,
-    })
+    // if ($route.path.includes('detail')) { return }
   }
 }, {
   deep: true,
 })
 const columns = ref([
-  { text: '文件类型', value: 'inspectionContent', required: true },
-  { text: '文件编号', value: 'inspectionMethod', required: true },
-  { text: '文件名称', value: 'inspectionRes', required: true },
-  { text: '创建时间', value: 'refStandard', required: true },
+  { text: '文件类型', value: 'fileTypeName', required: false },
+  { text: '文件编号', value: 'fileCode', required: false },
+  { text: '文件名称', value: 'fileName', required: false },
+  { text: '创建时间', value: 'createTime', required: false },
 ])
 
 // 检查数据列表
@@ -87,6 +81,15 @@
     dblclickRow(list.value[index])
   }
 }
+// 添加行
+const addFileRef = ref()
+const addFile = () => {
+  addFileRef.value.initDialog()
+}
+// 确认添加
+const confirmFile = (file: any) => {
+  console.log(file, '文件')
+}
 // 鼠标移出表格 自动置为不可编辑状态
 const eventBlur = () => {
   if ($route.path.includes('detail')) { return }
@@ -102,8 +105,11 @@
 
 <template>
   <detail-block title="文件列表" @mouseleave="eventBlur">
+    <!-- 添加文件弹窗 -->
+    <add-file-dialog ref="addFileRef" @confirm="confirmFile" />
     <template #btns>
-      <el-button type="primary" @click="handler('insert', list.length - 1)">
+      <!-- @click="handler('insert', list.length - 1)" -->
+      <el-button type="primary" @click="addFile">
         添加文件
       </el-button>
     </template>

diff --git a/public/config/config.json b/public/config/config.json
index 442726a..01178ce 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -1,6 +1,6 @@
 {
   "title":"计量业务管理系统",
-  "baseUrl": "http://111.198.10.15:21606",
+  "baseUrl": "http://111.198.10.15:21606/",
   "nbjlgl": "nbjlgl",
   "nbjszy": "nbjszy",
   "zlmbpc": "zlmbpc",
diff --git a/src/api/quality/internal/workManage.ts b/src/api/quality/internal/workManage.ts
new file mode 100644
index 0000000..472a9aa
--- /dev/null
+++ b/src/api/quality/internal/workManage.ts
@@ -0,0 +1,36 @@
+/**
+ * 内审工作管理相关接口
+ */
+import request from '../../index'
+// 内审工作列表查询-分页
+export function getWorkList(data: any) {
+  return request({
+    url: `/quality/internalAuditManagement/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'get',
+    params: data,
+  })
+}
+// 新建
+export function addWork(data: any) {
+  return request({
+    url: '/quality/internalAuditManagement/add',
+    method: 'post',
+    data,
+  })
+}
+// 删除
+export function deleteWork(data: any) {
+  return request({
+    url: '/quality/internalAuditManagement/delete',
+    method: 'get',
+    params: data,
+  })
+}
+// 详情
+export function detailWork(data: any) {
+  return request({
+    url: '/quality/internalAuditManagement/detail',
+    method: 'get',
+    params: data,
+  })
+}
diff --git a/src/views/quality/internal/workManage/components/addFileDialog.vue b/src/views/quality/internal/workManage/components/addFileDialog.vue
new file mode 100644
index 0000000..fcc122e
--- /dev/null
+++ b/src/views/quality/internal/workManage/components/addFileDialog.vue
@@ -0,0 +1,216 @@
+<!-- 添加文件弹窗 -->
+<script lang="ts" setup name="EditArea">
+import type { Ref } from 'vue'
+import { defineExpose, nextTick, reactive, ref } from 'vue'
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { getDictByCode } from '@/api/system/dict'
+import { UploadFile, getPhotoUrl } from '@/api/file'
+const emits = defineEmits(['confirm'])
+const dataFormRef = ref()
+const dialogFormVisible = ref(false) // 对话框是否显示
+// 表单
+const areaForm = ref({
+  fileType: '',
+  fileCode: '',
+  fileName: '',
+  filePath: '',
+})
+// 前端校验规则
+const rules: FormRules = {
+  fileType: [{ required: true, message: '文件类型必选', trigger: ['blur', 'change'] }],
+  fileName: [{ required: true, message: '文件名称必填', trigger: ['blur', 'change'] }],
+  filePath: [{ required: true, message: '附件必须上传', trigger: ['blur', 'change'] }],
+}
+// 重置表单
+const resetForm = () => {
+  areaForm.value = {
+    fileType: '',
+    fileCode: '',
+    fileName: '',
+    filePath: '',
+  }
+}
+
+// 保存按钮
+const saveForm = async (formEl: FormInstance | undefined) => {
+  if (!formEl) { return }
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      // if ($route.path.includes('create')) {
+      //   createRow()
+      // }
+      // else if ($route.path.includes('update')) {
+      //   updateRow()
+      // }
+    }
+  })
+}
+// 初始化对话框
+const initDialog = () => {
+  dialogFormVisible.value = true
+  resetForm()
+  nextTick(() => {
+    dataFormRef.value?.clearValidate()
+  })
+}
+defineExpose({
+  initDialog,
+})
+
+const cancel = () => {
+  dialogFormVisible.value = false
+  // this.$emit('watchChild')
+}
+// 获取字典
+const fileTypeList = ref<{ id: string; value: string; name: string }[]>([])
+const fetchDict = () => {
+  getDictByCode('auditManagementFileType').then((res) => {
+    fileTypeList.value = res.data
+  })
+}
+fetchDict()
+// 上传附件
+const fileRef = ref() // 文件上传input，获取input的引用
+const onFileChange = (event: any) => {
+  // 原生上传
+  if (event.target.files?.length !== 0) {
+    const fd = new FormData()
+    fd.append('multipartFile', event.target.files[0])
+    UploadFile(fd).then((res1) => {
+      fileRef.value.value = ''
+      if (res1.code === 200) {
+        ElMessage.success('上传成功')
+        getPhotoUrl(res1.data[0]).then((res) => {
+          areaForm.value.filePath = res.data
+        })
+      }
+    })
+  }
+}
+// 导入
+const importList = () => {
+  fileRef.value.click()
+}
+// 删除
+const close = (index: number) => {
+  areaForm.value.filePath = ''
+}
+</script>
+
+<template>
+  <el-dialog v-model="dialogFormVisible" title="添加文件" append-to-body width="30%">
+    <el-form ref="dataFormRef" :rules="rules" :model="areaForm" label-position="right" label-width="80px">
+      <el-row :gutter="24">
+        <el-col :span="24">
+          <el-form-item label="文件类型" prop="fileType">
+            <el-select v-model="areaForm.fileType" placeholder="必选">
+              <el-option
+                v-for="item in fileTypeList"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="文件编号" prop="fileCode">
+            <el-input v-model="areaForm.fileCode" style="width: 100%;" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="文件名称" prop="fileName">
+            <el-input v-model="areaForm.fileName" style="width: 100%;" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="附件" prop="filePath">
+            <!-- <el-input-number v-model="areaForm.fileName" style="width: 100%;" /> -->
+            <a class="link" :href="areaForm.filePath" type="primary" style="margin-right: 10px;" target="_blank">
+              {{ areaForm.filePath }}
+              <span v-if="!$route.path.includes('detail')" class="close" @click.stop.capture.prevent="close(index)">x</span>
+            </a>
+            <el-button type="primary" @click="importList">
+              上传
+            </el-button>
+            <input ref="fileRef" style="display: none;" type="file" accept=".doc,.docx,.pdf,.xls,.xlsx" @change="onFileChange">
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button type="primary" @click="saveForm(dataFormRef)">
+          保存
+        </el-button>
+        <el-button @click="cancel">
+          取消
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+.el-dialog {
+  width: 700px;
+}
+
+.el-select {
+  width: 100%;
+}
+
+.link {
+  position: relative;
+  color: #5d93ff;
+  display: inline-block;
+  font-size: 16px;
+  text-decoration: none;
+  // margin-right: 10px;
+  padding-right: 10px;
+  height: 33px;
+  line-height: 33px;
+
+  &:hover {
+    text-decoration: underline;
+
+    .close {
+      display: block;
+    }
+  }
+
+  .close {
+    position: absolute;
+    top: -20px;
+    right: -10px;
+    display: none;
+    z-index: 99;
+    height: 40px;
+    width: 40px;
+    color: rgb(121 118 115);
+    // background-color: #ccc;
+    text-align: center;
+  }
+  // &::before {
+  //   content: "x";
+  //   width: 15px;
+  //   height: 15px;
+  //   position: absolute;
+  //   right: -4px;
+  //   top: -16px;
+  //   color: #817d7d;
+  //   font-size: 16px;
+  //   // background-color: #ccc;
+  //   // border-radius: 50%;
+  //   display: none;
+  // }
+
+  // &:hover {
+  //   &::before {
+  //     display: block;
+  //   }
+  // }
+}
+</style>
+
diff --git a/src/views/quality/internal/workManage/components/edit.vue b/src/views/quality/internal/workManage/components/edit.vue
index 22c9906..ecf43ce 100644
--- a/src/views/quality/internal/workManage/components/edit.vue
+++ b/src/views/quality/internal/workManage/components/edit.vue
@@ -1,123 +1,255 @@
 <!-- 内部审核工作管理新建 -->
 <script name="QualityInternalWorkAdd" lang="ts" setup>
-import type { FormInstance, FormRules, UploadUserFile } from 'element-plus'
+import { ElMessage, type FormInstance, type FormRules, type UploadUserFile } from 'element-plus'
 import fileList from './fileList.vue'
+import { getDictByCode } from '@/api/system/dict'
+import { getUserList } from '@/api/system/user'
+import { addWork, detailWork } from '@/api/quality/internal/workManage'
 const $route = useRoute()
 const $router = useRouter()
 const ruleFormRef = ref<FormInstance>() // from组件
-const dialogStatus = ref('create')
+// 表单
 const ruleForm = ref({
-  attachment: '',
-}) // 表单
+  yearTime: '',
+  yearNum: '',
+  bizLabCode: '',
+  beginTime: '',
+  endTime: '',
+  commanderId: '', // 质量负责人
+  groupLeader: '', // 组长
+  teamMembers: [] as any, // 组员
+  currentStage: '12', // 当前阶段
+  internalAuditFiles: [],
+})
+// 表单验证规则
 const rules = ref<FormRules>({
-  fileName: [{ required: true, message: '文件名称必填', trigger: ['blur', 'change'] }],
-}) // 表单验证规则
+  yearTime: [{ required: true, message: '年份必选', trigger: ['blur', 'change'] }],
+  yearNum: [{ required: true, message: '月份必选', trigger: ['blur', 'change'] }],
+  bizLabCode: [{ required: true, message: '实验室必选', trigger: ['blur', 'change'] }],
+})
+const labelList = ref<{ id: string; value: string; name: string }[]>()// 实验室代码
+const yearList = ref<{ id: string; value: string; name: string }[]>([])// 年度
+const monthList = ref<{ id: string; value: string; name: string }[]>([])// 月份
+const userList = ref<any[]>([]) // 用户列表
+const currentStageList = ref<{ id: string; value: string; name: string }[]>([])// 当前阶段
+// 获取字典
+const fetchDict = () => {
+  // 获取实验室代码字典
+  getDictByCode('bizLabCode').then((res) => {
+    labelList.value = res.data
+  })
+  // 当前阶段
+  getDictByCode('qualityCurrentStage').then((res) => {
+    currentStageList.value = res.data
+  })
+  // 循环出最近十年的year
+  // 获取当前年份
+  const year = new Date().getFullYear() + 5
+  for (let i = year; i > year - 10; i--) {
+    yearList.value?.push({
+      name: String(i),
+      value: String(i),
+      id: String(i),
+    })
+  }
+  yearList.value?.reverse()
+  // 月份
+  for (let i = 1; i < 13; i++) {
+    monthList.value?.push({
+      name: String(i),
+      value: String(i),
+      id: String(i),
+    })
+  }
+  // 用户
+  getUserList({ offset: 1, limit: 99999 }).then((res) => {
+    userList.value = res.data.rows
+  })
+}
+fetchDict()
+// 新建
+const createRow = () => {
+  const data = {
+    ...ruleForm.value,
+  }
+  if (ruleForm.value.teamMembers.length) {
+    data.teamMembers = data.teamMembers.join(',')
+  }
+  addWork(data).then((res) => {
+    ElMessage.success('添加成功')
+    $router.go(-1)
+  })
+}
+// 保存按钮
+const saveForm = async (formEl: FormInstance | undefined) => {
+  if (!formEl) { return }
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      if ($route.path.includes('create')) {
+        createRow()
+      }
+      // else if ($route.path.includes('update')) {
+      //   updateRow()
+      // }
+    }
+  })
+}
+// 页面挂载
+onMounted(() => {
+  if ($route.path.includes('create')) {
+    console.log('新建')
+  }
+  else {
+    // 获取详情
+    detailWork({ id: $route.query.id as string }).then((res) => {
+      for (const i in res.data) {
+        if (typeof res.data[i] === 'number') {
+          res.data[i] = String(res.data[i])
+        }
+      }
+      if (res.data.teamMembers) {
+        ruleForm.value.teamMembers = res.data.teamMembers.split(',')
+      }
+
+      ruleForm.value = res.data
+    })
+  }
+})
 </script>
 
 <template>
   <app-container style="overflow: hidden;">
     <detail-page title="内部审核工作管理">
-      <template #btns>
-        <el-button type="primary">
+      <template v-if="$route.path.includes('create')" #btns>
+        <el-button type="primary" @click="saveForm(ruleFormRef)">
           保存
         </el-button>
         <el-button type="info" @click="() => $router.go(-1)">
           关闭
         </el-button>
       </template>
+      <template v-else #btns>
+        <el-button type="primary" @click="() => $router.go(-1)">
+          确认
+        </el-button>
+      </template>
     </detail-page>
     <detail-block title="">
       <el-form ref="ruleFormRef" :model="ruleForm" :class="$route.path.includes('detail') ? 'isDetail' : ''" :rules="rules" label-position="right" label-width="120px" class="form" :disabled="$route.path.includes('detail')">
         <el-row :gutter="24" class="marg">
           <el-col :span="6">
-            <el-form-item label="工作名称" prop="fileNo">
-              <el-select
-                v-model="ruleForm.createUserName"
-                placeholder="年份"
-                class="short-input"
-                filterable
-                style="width: 80px;"
-              >
-                <el-option v-for="item in []" :key="item.id" :label="item.name" :value="item.value" />
-              </el-select>
-              年第
-              <el-select
-                v-model="ruleForm.createUserName"
-                placeholder="月份"
-                class="short-input"
-                filterable
-                style="width: 80px;"
-              >
-                <el-option v-for="item in []" :key="item.id" :label="item.name" :value="item.value" />
-              </el-select>
-              次内部审核
+            <el-form-item label="工作名称" style="display: flex;">
+              <el-form-item label="" label-width="0px" prop="yearTime">
+                <el-select
+                  v-model="ruleForm.yearTime"
+                  placeholder="年份"
+                  class="short-input"
+                  filterable
+                  style="width: 80px;"
+                >
+                  <el-option v-for="item in yearList" :key="item.id" :label="item.name" :value="item.value" />
+                </el-select>
+                年第
+              </el-form-item>
+              <el-form-item label="" label-width="0px" prop="yearNum">
+                <el-select
+                  v-model="ruleForm.yearNum"
+                  placeholder="月份"
+                  class="short-input"
+                  filterable
+                  style="width: 80px;"
+                >
+                  <el-option v-for="item in monthList" :key="item.id" :label="item.name" :value="item.value" />
+                </el-select>
+                次内部审核
+              </el-form-item>
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="实验室" prop="fileNo">
+            <el-form-item label="实验室" prop="bizLabCode">
               <el-select
-                v-model="ruleForm.createUserName"
+                v-model="ruleForm.bizLabCode"
                 placeholder="实验室"
                 class="short-input"
                 filterable
                 style="width: 100%;"
               >
-                <el-option v-for="item in []" :key="item.id" :label="item.name" :value="item.value" />
+                <el-option v-for="item in labelList" :key="item.id" :label="item.name" :value="item.value" />
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="开始时间">
+            <el-form-item label="开始时间" prop="beginTime">
               <el-date-picker
-                v-model="value2"
+                v-model="ruleForm.beginTime"
                 type="date"
                 style="width: 100%;"
+                format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD"
               />
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="结束时间">
+            <el-form-item label="结束时间" prop="endTime">
               <el-date-picker
-                v-model="value2"
+                v-model="ruleForm.endTime"
                 type="date"
                 style="width: 100%;"
+                format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD"
               />
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="24" class="marg">
           <el-col :span="6">
-            <el-form-item label="质量负责人">
-              <el-input v-model.trim="ruleForm.createUserName" />
+            <el-form-item label="质量负责人" prop="commanderId">
+              <!-- <el-input v-model.trim="ruleForm.createUserName" /> -->
+              <el-select v-model="ruleForm.commanderId" filterable clearable placeholder="质量负责人" style="width: 100%;">
+                <el-option v-for="(item) in userList" :key="item.id" :label="item.name" :value="item.id">
+                  <span style="float: left;">{{ item.name }}</span>
+                  <span style="float: right; color: #8492a6; font-size: 13px;">{{ item.deptName }}</span>
+                </el-option>
+              </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="内审组组长">
-              <el-input v-model.trim="ruleForm.createUserName" />
+            <el-form-item label="内审组组长" prop="groupLeader">
+              <el-select v-model="ruleForm.groupLeader" filterable clearable placeholder="内审组组长" style="width: 100%;">
+                <el-option v-for="(item) in userList" :key="item.id" :label="item.name" :value="item.name">
+                  <span style="float: left;">{{ item.name }}</span>
+                  <span style="float: right; color: #8492a6; font-size: 13px;">{{ item.deptName }}</span>
+                </el-option>
+              </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="内审组组员">
-              <el-input v-model.trim="ruleForm.createUserName" />
+            <el-form-item label="内审组组员" prop="teamMembers">
+              <el-select v-model="ruleForm.teamMembers" multiple filterable clearable placeholder="内审组组员" style="width: 100%;">
+                <el-option v-for="(item) in userList" :key="item.id" :label="item.name" :value="item.name">
+                  <span style="float: left;">{{ item.name }}</span>
+                  <span style="float: right; color: #8492a6; font-size: 13px;">{{ item.deptName }}</span>
+                </el-option>
+              </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="当前阶段" prop="fileNo">
+            <el-form-item label="当前阶段" prop="currentStage">
               <el-select
-                v-model="ruleForm.createUserName"
+                v-model="ruleForm.currentStage"
                 placeholder="当前阶段"
                 class="short-input"
                 filterable
                 style="width: 100%;"
               >
-                <el-option v-for="item in []" :key="item.id" :label="item.name" :value="item.value" />
+                <el-option v-for="item in currentStageList" :key="item.id" :label="item.name" :value="item.value" />
               </el-select>
             </el-form-item>
           </el-col>
         </el-row>
       </el-form>
     </detail-block>
-    <file-list :data="[]" />
+    <file-list :data="ruleForm.internalAuditFiles" />
   </app-container>
 </template>
 
diff --git a/src/views/quality/internal/workManage/components/fileList.vue b/src/views/quality/internal/workManage/components/fileList.vue
index 0d8f9ad..586eefb 100644
--- a/src/views/quality/internal/workManage/components/fileList.vue
+++ b/src/views/quality/internal/workManage/components/fileList.vue
@@ -1,8 +1,8 @@
 <!-- 文件列表 -->
 <script name="fileListTable" lang="ts" setup>
 import { ElMessage, ElMessageBox } from 'element-plus'
+import addFileDialog from './addFileDialog.vue'
 import { useCheckList, useCheckNoTips } from '@/commonMethods/useCheckList'
-
 const $props = defineProps({
   data: {
     type: Array,
@@ -13,27 +13,21 @@
 const $router = useRouter()
 const list = ref<any[]>([])
 watch(() => $props.data, (newVal) => {
+  console.log(newVal, 'newVal')
   if (newVal.length) {
     list.value = $props.data
   }
   else {
-    if ($route.path.includes('detail')) { return }
-    list.value.push({
-      inspectionContent: '',
-      inspectionMethod: '',
-      inspectionRes: '',
-      refStandard: '',
-      editable: true,
-    })
+    // if ($route.path.includes('detail')) { return }
   }
 }, {
   deep: true,
 })
 const columns = ref([
-  { text: '文件类型', value: 'inspectionContent', required: true },
-  { text: '文件编号', value: 'inspectionMethod', required: true },
-  { text: '文件名称', value: 'inspectionRes', required: true },
-  { text: '创建时间', value: 'refStandard', required: true },
+  { text: '文件类型', value: 'fileTypeName', required: false },
+  { text: '文件编号', value: 'fileCode', required: false },
+  { text: '文件名称', value: 'fileName', required: false },
+  { text: '创建时间', value: 'createTime', required: false },
 ])
 
 // 检查数据列表
@@ -87,6 +81,15 @@
     dblclickRow(list.value[index])
   }
 }
+// 添加行
+const addFileRef = ref()
+const addFile = () => {
+  addFileRef.value.initDialog()
+}
+// 确认添加
+const confirmFile = (file: any) => {
+  console.log(file, '文件')
+}
 // 鼠标移出表格 自动置为不可编辑状态
 const eventBlur = () => {
   if ($route.path.includes('detail')) { return }
@@ -102,8 +105,11 @@
 
 <template>
   <detail-block title="文件列表" @mouseleave="eventBlur">
+    <!-- 添加文件弹窗 -->
+    <add-file-dialog ref="addFileRef" @confirm="confirmFile" />
     <template #btns>
-      <el-button type="primary" @click="handler('insert', list.length - 1)">
+      <!-- @click="handler('insert', list.length - 1)" -->
+      <el-button type="primary" @click="addFile">
         添加文件
       </el-button>
     </template>
diff --git a/src/views/quality/internal/workManage/index.vue b/src/views/quality/internal/workManage/index.vue
index b4236cb..4f389a9 100644
--- a/src/views/quality/internal/workManage/index.vue
+++ b/src/views/quality/internal/workManage/index.vue
@@ -1,27 +1,16 @@
 <!-- 内部审核工作管理列表 -->
 <script name="QualityInternalWork" lang="ts" setup>
+import { ElMessage, ElMessageBox } from 'element-plus'
 import { getDictByCode } from '@/api/system/dict'
 import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { deleteWork, getWorkList } from '@/api/quality/internal/workManage'
 // 查询条件
 const listQuery = ref({
-  startTime: '',
-  endTime: '',
-  checked: false,
+  yearTime: '',
+  bizLabCode: '',
   offset: 1,
   limit: 20,
 })
-// 开始结束时间
-const datetimerange = ref()
-watch(() => datetimerange.value, (newVal) => {
-  listQuery.value.startTime = ''
-  listQuery.value.endTime = ''
-  if (Array.isArray(newVal)) {
-    if (newVal.length) {
-      listQuery.value.startTime = `${newVal[0]} 00:00:00`
-      listQuery.value.endTime = `${newVal[1]} 23:59:59`
-    }
-  }
-})
 // 列表数据
 const tableList = ref([])
 const total = ref(0)
@@ -29,11 +18,11 @@
 const checkoutList = ref<string[]>([])// 选中的内容
 // 列
 const columns = ref<TableColumn[]>([
-  { text: '年度', value: 'standardNo', align: 'center' },
-  { text: '实验室', value: 'standardNo', align: 'center' },
-  { text: '工作名称', value: 'standardNo', align: 'center' },
-  { text: '当前阶段', value: 'standardNo', align: 'center' },
-  { text: '创建时间', value: 'standardNo', align: 'center' },
+  { text: '年度', value: 'yearTime', align: 'center' },
+  { text: '实验室', value: 'bizLabCodeName', align: 'center' },
+  { text: '工作名称', value: 'workName', align: 'center' },
+  { text: '当前阶段', value: 'currentStageName', align: 'center' },
+  { text: '创建时间', value: 'createTime', align: 'center' },
 ])
 // 数据查询
 function fetchData(isNowPage = false) {
@@ -42,21 +31,13 @@
     // 是否显示当前页，否则跳转第一页
     listQuery.value.offset = 1
   }
-  tableList.value = []
-  total.value = 0
-  loadingTable.value = false
-  // getStandardList(listQuery.value).then((response) => {
-  //   list.value = response.data.rows.map((item: { lastReviewDate: string; agreementAmount: number }) => {
-  //     return {
-  //       ...item,
-  //       lastReviewDate: item.lastReviewDate ? dayjs(item.lastReviewDate).format('YYYY-MM-DD') : item.lastReviewDate, // 最近复查日期
-  //     }
-  //   })
-  //   total.value = parseInt(response.data.total)
-  //   loadingTable.value = false
-  // }).catch(() => {
-  //   loadingTable.value = false
-  // })
+  getWorkList(listQuery.value).then((response) => {
+    tableList.value = response.data.rows
+    total.value = parseInt(response.data.total)
+    loadingTable.value = false
+  }).catch(() => {
+    loadingTable.value = false
+  })
 }
 // 搜索
 const searchList = () => {
@@ -65,11 +46,9 @@
 
 // 重置查询条件
 const clearList = () => {
-  datetimerange.value = []
   listQuery.value = {
-    startTime: '',
-    endTime: '',
-    checked: false,
+    yearTime: '',
+    bizLabCode: '',
     offset: 1,
     limit: 20,
   }
@@ -94,11 +73,56 @@
 const handler = (type: string, row: any) => {
   $router.push({
     path: `/internalwork/${type}`,
+    query: {
+      id: row.id,
+    },
+  })
+}
+// 下载
+const downRow = (row: any) => {
+
+}
+// 删除
+const deleteRow = (row: any) => {
+  ElMessageBox.confirm(
+    '确认删除该数据吗？',
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then((res) => {
+    deleteWork({ id: row.id }).then((res) => {
+      ElMessage.success('删除成功')
+      searchList()
+    })
   })
 }
 onMounted(async () => {
   searchList()
 })
+const labelList = ref<{ id: string; value: string; name: string }[]>()// 实验室代码
+const yearList = ref<{ id: string; value: string; name: string }[]>([])// 年度
+// 获取字典
+const fetchDict = () => {
+  // 获取实验室代码字典
+  getDictByCode('bizLabCode').then((res) => {
+    labelList.value = res.data
+  })
+  // 循环出最近十年的year
+  // 获取当前年份
+  const year = new Date().getFullYear() + 5
+  for (let i = year; i > year - 10; i--) {
+    yearList.value?.push({
+      name: String(i),
+      value: String(i),
+      id: String(i),
+    })
+  }
+  yearList.value?.reverse()
+}
+fetchDict()
 </script>
 
 <template>
@@ -106,22 +130,22 @@
     <search-area :need-clear="true" @search="searchList" @clear="clearList">
       <search-item>
         <el-select
-          v-model="listQuery.storageLocation"
+          v-model="listQuery.yearTime"
           placeholder="年度"
           class="short-input"
           filterable
         >
-          <el-option v-for="item in []" :key="item.id" :label="item.name" :value="item.value" />
+          <el-option v-for="item in yearList" :key="item.id" :label="item.name" :value="item.value" />
         </el-select>
       </search-item>
       <search-item>
         <el-select
-          v-model="listQuery.storageLocation"
+          v-model="listQuery.bizLabCode"
           placeholder="实验室"
           class="short-input"
           filterable
         >
-          <el-option v-for="item in []" :key="item.id" :label="item.name" :value="item.value" />
+          <el-option v-for="item in labelList" :key="item.id" :label="item.name" :value="item.value" />
         </el-select>
       </search-item>
     </search-area>
@@ -146,12 +170,14 @@
             label="操作"
             align="center"
             fixed="right"
+            width="140"
           >
             <template #default="{ row }">
               <el-button
                 size="small"
                 type="primary"
                 link
+                @click="downRow(row)"
               >
                 下载
               </el-button>
@@ -159,13 +185,15 @@
                 size="small"
                 type="primary"
                 link
+                @click="handler('detail', row)"
               >
-                查看 {{ row }}
+                查看
               </el-button>
               <el-button
                 size="small"
                 type="danger"
                 link
+                @click="deleteRow(row)"
               >
                 删除
               </el-button>