diff --git a/src/router/modules/resource.ts b/src/router/modules/resource.ts
index 928a303..02e9deb 100644
--- a/src/router/modules/resource.ts
+++ b/src/router/modules/resource.ts
@@ -126,7 +126,7 @@
         },
       },
       {
-        path: ':type/:id?',
+        path: 'sysDoc/:type/:id?',
         name: 'SysDocDetail',
         component: () => import('@/views/resource/system/sysDoc/detail.vue'),
         meta: {
@@ -148,7 +148,7 @@
         },
       },
       {
-        path: ':type/:id?',
+        path: 'historyDoc/:type/:id?',
         name: 'HistoryDocDetail',
         component: () => import('@/views/resource/system/historyDoc/detail.vue'),
         meta: {

diff --git a/src/router/modules/resource.ts b/src/router/modules/resource.ts
index 928a303..02e9deb 100644
--- a/src/router/modules/resource.ts
+++ b/src/router/modules/resource.ts
@@ -126,7 +126,7 @@
         },
       },
       {
-        path: ':type/:id?',
+        path: 'sysDoc/:type/:id?',
         name: 'SysDocDetail',
         component: () => import('@/views/resource/system/sysDoc/detail.vue'),
         meta: {
@@ -148,7 +148,7 @@
         },
       },
       {
-        path: ':type/:id?',
+        path: 'historyDoc/:type/:id?',
         name: 'HistoryDocDetail',
         component: () => import('@/views/resource/system/historyDoc/detail.vue'),
         meta: {
diff --git a/src/views/resource/system/historyDoc/detail.vue b/src/views/resource/system/historyDoc/detail.vue
index 62256b5..82c4ca3 100644
--- a/src/views/resource/system/historyDoc/detail.vue
+++ b/src/views/resource/system/historyDoc/detail.vue
@@ -1,10 +1,322 @@
-<!-- 历史文件列详情 -->
-<script name="HistoryDocDetail" lang="ts" setup>
+<!-- 历史文件详情 -->
+<script name="SysDocDetail" lang="ts" setup>
+import type { UploadProps } from 'element-plus'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import dayjs from 'dayjs'
+import type { IDictType, IFileInfo } from './historyDoc-interface'
+import useUserStore from '@/store/modules/user'
+import { UploadFile } from '@/api/file'
+import { addFileSystem, updateFileSystem } from '@/api/resource/fileSystem'
+import { getPhotoUrl, templateUpdate } from '@/api/system/tool'
+
+// 从路由中传过来的参数
+const type = ref<string>('')
+const id = ref<string>('')
+
+// 获取用户信息
+const userInfo = useUserStore()
+const route = useRoute()
+const router = useRouter()
+const title = ref('')
+
+const basicFormRef = ref()
+
+// 字典值
+const fileTypeDict = ref<Array<IDictType>>([])
+
+const historyFileInfo = ref<IFileInfo>({
+  id: '',
+  fileNo: '',
+  fileName: '',
+  fileDistributeNo: '',
+  fileType: '',
+  fileTypeName: '',
+  history: '1',
+  versionNo: '',
+  effectiveDate: '',
+  createUserId: '',
+  createUserName: '',
+  createTime: '',
+  changeFormId: '',
+  remark: '',
+  file: '',
+})
+
+const sysFileRules = ref({
+  fileNo: [{ required: true, message: '文件编号不能为空', trigger: 'blur' }],
+  fileName: [{ required: true, message: '文件名称不能为空', trigger: 'blur' }],
+  fileType: [{ required: true, message: '文件类别不能为空，请选择', trigger: ['change', 'blur'] }],
+  fileDistributeNo: [{ required: true, message: '文件发放编号不能为空', trigger: 'blur' }],
+  versionNo: [{ required: true, message: '版本号不能为空', trigger: 'blur' }],
+  effectiveDate: [{ required: true, message: '实施时间不能为空，请选择', trigger: 'blur' }],
+  file: [{ required: true, message: '文件附件不能为空，请选择一个文件上传', trigger: 'blur' }],
+}) // 表单验证规则
+
+const minioFileUrl = ref<string>('')
+
 // 逻辑
+
+const resetForm = () => {
+  sessionStorage.removeItem('historyFileInfo') // 返回列表时 将缓存中的数据删除
+  router.go(-1)
+}
+
+// 添加
+const saveFileHistoryForm = () => {
+  // 将创建时间改为提交的时间
+  historyFileInfo.value.createTime = dayjs(new Date()).format('YYYY-MM-DD HH:mm:ss')
+  addFileSystem(historyFileInfo.value).then((res) => {
+    if (res.code === 200) {
+      // 提示保存成功
+      ElMessage.success('保存成功')
+      type.value = 'detail'
+      title.value = '历史文件（详情）'
+    }
+    else {
+      // 提示失败信息
+      ElMessage.error(`保存失败：${res.message}`)
+    }
+  })
+}
+// 编辑
+const updateFileHistoryById = () => {
+  updateFileSystem(historyFileInfo.value).then((res) => {
+    if (res.code === 200) {
+      // 提示保存成功
+      ElMessage.success('保存成功')
+      type.value = 'detail'
+      title.value = '历史文件（详情）'
+    }
+    else {
+      // 提示失败信息
+      ElMessage.error(`保存失败：${res.message}`)
+    }
+  })
+}
+
+// 保存
+const saveForm = async () => {
+  if (!basicFormRef) { return }
+
+  await basicFormRef.value.validate((valid: boolean, fields: any) => {
+    if (valid === true) {
+      ElMessageBox.confirm(
+        '确认保存吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then(() => {
+        if (type.value === 'create') {
+          saveFileHistoryForm()
+        }
+        else if (type.value === 'update') {
+          updateFileHistoryById()
+        }
+      })
+    }
+  })
+}
+
+// 上传请求
+const uploadQuarterlyEvaluateFile: any = (file: any) => {
+  const fd = new FormData()
+  fd.append('multipartFile', file.file)
+  const loading = ElLoading.service({
+    lock: true,
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  UploadFile(fd).then((res) => {
+    if (res.code === 200) {
+      ElMessage.success('上传成功')
+      historyFileInfo.value.file = res.data[0]
+      loading.close()
+      basicFormRef.value.validate('file')
+    }
+  }).catch(() => {
+    loading.close()
+    ElMessage.error('上传失败')
+  })
+}
+
+// 预览文件
+const previewFileHistory = (url: string) => {
+  console.log(url)
+}
+
+const initDialog = (params: any) => {
+  // 从路由中获取参数
+  type.value = params.type
+  id.value = params.id !== undefined ? params.id : ''
+
+  switch (params.type) {
+    case 'create' :
+      title.value = '历史文件（新增）'
+
+      // 创建人和创建时间设置默认值
+      historyFileInfo.value.createUserId = userInfo.id
+      historyFileInfo.value.createUserName = userInfo.name
+      historyFileInfo.value.createTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+
+      break
+    case 'update':
+      title.value = '历史文件（编辑）'
+      id.value = params.id
+
+      historyFileInfo.value = JSON.parse(sessionStorage.getItem('historyFileInfo')!)
+
+      break
+    case 'detail':
+      title.value = '历史文件（详情）'
+      id.value = params.id
+
+      historyFileInfo.value = JSON.parse(sessionStorage.getItem('historyFileInfo')!)
+
+      break
+    default:
+      title.value = ''
+      break
+  }
+}
+
+// 监听 显示中文 立即监听
+watch(() => historyFileInfo.value.fileType, (newVal) => {
+  if (fileTypeDict.value.length === 0) {
+    fileTypeDict.value = JSON.parse(sessionStorage.getItem('bizFileType')!)
+  }
+  const targetList = fileTypeDict.value.filter(item => item.value === newVal)
+  if (targetList.length > 0) {
+    historyFileInfo.value.fileTypeName = targetList[0].name
+  }
+  else {
+    historyFileInfo.value.fileTypeName = ''
+  }
+}, { immediate: true })
+
+watch(() => historyFileInfo.value.file, (newVal) => {
+  if (newVal !== '') {
+    getPhotoUrl(newVal).then((res) => {
+      if (res.code === 200) {
+        minioFileUrl.value = res.data
+      }
+    })
+  }
+})
+
+onMounted(async () => {
+  initDialog(route.query)
+})
 </script>
 
 <template>
   <app-container>
-    历史文件详情
+    <detail-page :title="`${title}`">
+      <template #btns>
+        <el-button v-if="type !== 'detail'" type="primary" @click="saveForm()">
+          保存
+        </el-button>
+        <el-button type="info" @click="resetForm()">
+          关闭
+        </el-button>
+      </template>
+
+      <el-form ref="basicFormRef" :model="historyFileInfo" :rules="sysFileRules" label-position="right" label-width="110px" border stripe>
+        <el-row :gutter="24">
+          <!-- 第一行 第一列 -->
+          <el-col :span="6">
+            <el-form-item label="文件编号" prop="fileNo">
+              <el-input v-model="historyFileInfo.fileNo" placeholder="请输入文件编号" :clearable="true" :disabled="type === 'detail'" />
+            </el-form-item>
+
+            <el-form-item label="文件类别" prop="fileType">
+              <el-select v-model="historyFileInfo.fileType" placeholder="请选择文件类别" style="width: 100%;" :clearable="true" :disabled="type === 'detail'">
+                <el-option v-for="dict in fileTypeDict" :key="dict.id" :label="dict.name" :value="dict.value" />
+              </el-select>
+              <el-input v-model="historyFileInfo.fileTypeName" type="hidden" />
+            </el-form-item>
+          </el-col>
+
+          <!-- 第一行 第二列 -->
+          <el-col :span="6">
+            <el-form-item label="文件发放编号" prop="fileDistributeNo">
+              <el-input v-model="historyFileInfo.fileDistributeNo" :clearable="true" placeholder="请输入文件发放编号" :disabled="type === 'detail'" />
+            </el-form-item>
+
+            <el-form-item label="实施时间" prop="effectiveDate">
+              <el-date-picker
+                v-model="historyFileInfo.effectiveDate" type="date"
+                format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss"
+                placeholder="请选择实施时间" :disabled="type === 'detail'" style="width: 100%;"
+              />
+            </el-form-item>
+          </el-col>
+
+          <!-- 第一行 第三列 -->
+          <el-col :span="6">
+            <el-form-item label="文件名称" prop="fileName">
+              <el-input v-model="historyFileInfo.fileName" :clearable="true" placeholder="请输入文件名称" :disabled="type === 'detail'" />
+            </el-form-item>
+
+            <el-form-item label="创建人">
+              <el-input v-model="historyFileInfo.createUserName" :disabled="true" />
+            </el-form-item>
+          </el-col>
+
+          <!-- 第一行 第四列 -->
+          <el-col :span="6">
+            <el-form-item label="版本号" prop="versionNo">
+              <el-input v-model="historyFileInfo.versionNo" :clearable="true" placeholder="请输入文件版本号" :disabled="type === 'detail'" />
+            </el-form-item>
+
+            <el-form-item label="创建时间">
+              <el-input v-model="historyFileInfo.createTime" :disabled="true" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <!-- 第二行 -->
+        <el-row v-if="type === 'update'" :gutter="24">
+          <!-- 第一列 -->
+          <el-col :span="12">
+            <el-form-item label="文件更改申请单">
+              <el-input v-model="historyFileInfo.changeFormId" placeholder="请选择文件更改申请单" :clearable="true" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <!-- 第三行 -->
+        <el-row :gutter="24">
+          <el-col :span="12">
+            <el-form-item label="备注">
+              <el-input v-model="historyFileInfo.remark" placeholder="请输入备注信息" type="textarea" :clearable="true" :disabled="type === 'detail'" :rows="2" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <!-- 第四行 -->
+        <el-row :gutter="24">
+          <el-col :span="20">
+            <el-form-item label="文件附件" prop="file">
+              <el-input v-model="historyFileInfo.file" type="hidden" />
+              <el-link :href="minioFileUrl" :underline="false" target="_blank" @click="previewFileHistory(minioFileUrl)">
+                {{ historyFileInfo.file }}
+              </el-link>
+
+              <el-upload
+                :show-file-list="false"
+                :http-request="uploadQuarterlyEvaluateFile"
+                style="width: 50%; margin-left: 20px;"
+              >
+                <el-button v-if="type !== 'detail'" type="primary">
+                  上传
+                </el-button>
+              </el-upload>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </detail-page>
   </app-container>
 </template>

diff --git a/src/router/modules/resource.ts b/src/router/modules/resource.ts
index 928a303..02e9deb 100644
--- a/src/router/modules/resource.ts
+++ b/src/router/modules/resource.ts
@@ -126,7 +126,7 @@
         },
       },
       {
-        path: ':type/:id?',
+        path: 'sysDoc/:type/:id?',
         name: 'SysDocDetail',
         component: () => import('@/views/resource/system/sysDoc/detail.vue'),
         meta: {
@@ -148,7 +148,7 @@
         },
       },
       {
-        path: ':type/:id?',
+        path: 'historyDoc/:type/:id?',
         name: 'HistoryDocDetail',
         component: () => import('@/views/resource/system/historyDoc/detail.vue'),
         meta: {
diff --git a/src/views/resource/system/historyDoc/detail.vue b/src/views/resource/system/historyDoc/detail.vue
index 62256b5..82c4ca3 100644
--- a/src/views/resource/system/historyDoc/detail.vue
+++ b/src/views/resource/system/historyDoc/detail.vue
@@ -1,10 +1,322 @@
-<!-- 历史文件列详情 -->
-<script name="HistoryDocDetail" lang="ts" setup>
+<!-- 历史文件详情 -->
+<script name="SysDocDetail" lang="ts" setup>
+import type { UploadProps } from 'element-plus'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import dayjs from 'dayjs'
+import type { IDictType, IFileInfo } from './historyDoc-interface'
+import useUserStore from '@/store/modules/user'
+import { UploadFile } from '@/api/file'
+import { addFileSystem, updateFileSystem } from '@/api/resource/fileSystem'
+import { getPhotoUrl, templateUpdate } from '@/api/system/tool'
+
+// 从路由中传过来的参数
+const type = ref<string>('')
+const id = ref<string>('')
+
+// 获取用户信息
+const userInfo = useUserStore()
+const route = useRoute()
+const router = useRouter()
+const title = ref('')
+
+const basicFormRef = ref()
+
+// 字典值
+const fileTypeDict = ref<Array<IDictType>>([])
+
+const historyFileInfo = ref<IFileInfo>({
+  id: '',
+  fileNo: '',
+  fileName: '',
+  fileDistributeNo: '',
+  fileType: '',
+  fileTypeName: '',
+  history: '1',
+  versionNo: '',
+  effectiveDate: '',
+  createUserId: '',
+  createUserName: '',
+  createTime: '',
+  changeFormId: '',
+  remark: '',
+  file: '',
+})
+
+const sysFileRules = ref({
+  fileNo: [{ required: true, message: '文件编号不能为空', trigger: 'blur' }],
+  fileName: [{ required: true, message: '文件名称不能为空', trigger: 'blur' }],
+  fileType: [{ required: true, message: '文件类别不能为空，请选择', trigger: ['change', 'blur'] }],
+  fileDistributeNo: [{ required: true, message: '文件发放编号不能为空', trigger: 'blur' }],
+  versionNo: [{ required: true, message: '版本号不能为空', trigger: 'blur' }],
+  effectiveDate: [{ required: true, message: '实施时间不能为空，请选择', trigger: 'blur' }],
+  file: [{ required: true, message: '文件附件不能为空，请选择一个文件上传', trigger: 'blur' }],
+}) // 表单验证规则
+
+const minioFileUrl = ref<string>('')
+
 // 逻辑
+
+const resetForm = () => {
+  sessionStorage.removeItem('historyFileInfo') // 返回列表时 将缓存中的数据删除
+  router.go(-1)
+}
+
+// 添加
+const saveFileHistoryForm = () => {
+  // 将创建时间改为提交的时间
+  historyFileInfo.value.createTime = dayjs(new Date()).format('YYYY-MM-DD HH:mm:ss')
+  addFileSystem(historyFileInfo.value).then((res) => {
+    if (res.code === 200) {
+      // 提示保存成功
+      ElMessage.success('保存成功')
+      type.value = 'detail'
+      title.value = '历史文件（详情）'
+    }
+    else {
+      // 提示失败信息
+      ElMessage.error(`保存失败：${res.message}`)
+    }
+  })
+}
+// 编辑
+const updateFileHistoryById = () => {
+  updateFileSystem(historyFileInfo.value).then((res) => {
+    if (res.code === 200) {
+      // 提示保存成功
+      ElMessage.success('保存成功')
+      type.value = 'detail'
+      title.value = '历史文件（详情）'
+    }
+    else {
+      // 提示失败信息
+      ElMessage.error(`保存失败：${res.message}`)
+    }
+  })
+}
+
+// 保存
+const saveForm = async () => {
+  if (!basicFormRef) { return }
+
+  await basicFormRef.value.validate((valid: boolean, fields: any) => {
+    if (valid === true) {
+      ElMessageBox.confirm(
+        '确认保存吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then(() => {
+        if (type.value === 'create') {
+          saveFileHistoryForm()
+        }
+        else if (type.value === 'update') {
+          updateFileHistoryById()
+        }
+      })
+    }
+  })
+}
+
+// 上传请求
+const uploadQuarterlyEvaluateFile: any = (file: any) => {
+  const fd = new FormData()
+  fd.append('multipartFile', file.file)
+  const loading = ElLoading.service({
+    lock: true,
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  UploadFile(fd).then((res) => {
+    if (res.code === 200) {
+      ElMessage.success('上传成功')
+      historyFileInfo.value.file = res.data[0]
+      loading.close()
+      basicFormRef.value.validate('file')
+    }
+  }).catch(() => {
+    loading.close()
+    ElMessage.error('上传失败')
+  })
+}
+
+// 预览文件
+const previewFileHistory = (url: string) => {
+  console.log(url)
+}
+
+const initDialog = (params: any) => {
+  // 从路由中获取参数
+  type.value = params.type
+  id.value = params.id !== undefined ? params.id : ''
+
+  switch (params.type) {
+    case 'create' :
+      title.value = '历史文件（新增）'
+
+      // 创建人和创建时间设置默认值
+      historyFileInfo.value.createUserId = userInfo.id
+      historyFileInfo.value.createUserName = userInfo.name
+      historyFileInfo.value.createTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+
+      break
+    case 'update':
+      title.value = '历史文件（编辑）'
+      id.value = params.id
+
+      historyFileInfo.value = JSON.parse(sessionStorage.getItem('historyFileInfo')!)
+
+      break
+    case 'detail':
+      title.value = '历史文件（详情）'
+      id.value = params.id
+
+      historyFileInfo.value = JSON.parse(sessionStorage.getItem('historyFileInfo')!)
+
+      break
+    default:
+      title.value = ''
+      break
+  }
+}
+
+// 监听 显示中文 立即监听
+watch(() => historyFileInfo.value.fileType, (newVal) => {
+  if (fileTypeDict.value.length === 0) {
+    fileTypeDict.value = JSON.parse(sessionStorage.getItem('bizFileType')!)
+  }
+  const targetList = fileTypeDict.value.filter(item => item.value === newVal)
+  if (targetList.length > 0) {
+    historyFileInfo.value.fileTypeName = targetList[0].name
+  }
+  else {
+    historyFileInfo.value.fileTypeName = ''
+  }
+}, { immediate: true })
+
+watch(() => historyFileInfo.value.file, (newVal) => {
+  if (newVal !== '') {
+    getPhotoUrl(newVal).then((res) => {
+      if (res.code === 200) {
+        minioFileUrl.value = res.data
+      }
+    })
+  }
+})
+
+onMounted(async () => {
+  initDialog(route.query)
+})
 </script>
 
 <template>
   <app-container>
-    历史文件详情
+    <detail-page :title="`${title}`">
+      <template #btns>
+        <el-button v-if="type !== 'detail'" type="primary" @click="saveForm()">
+          保存
+        </el-button>
+        <el-button type="info" @click="resetForm()">
+          关闭
+        </el-button>
+      </template>
+
+      <el-form ref="basicFormRef" :model="historyFileInfo" :rules="sysFileRules" label-position="right" label-width="110px" border stripe>
+        <el-row :gutter="24">
+          <!-- 第一行 第一列 -->
+          <el-col :span="6">
+            <el-form-item label="文件编号" prop="fileNo">
+              <el-input v-model="historyFileInfo.fileNo" placeholder="请输入文件编号" :clearable="true" :disabled="type === 'detail'" />
+            </el-form-item>
+
+            <el-form-item label="文件类别" prop="fileType">
+              <el-select v-model="historyFileInfo.fileType" placeholder="请选择文件类别" style="width: 100%;" :clearable="true" :disabled="type === 'detail'">
+                <el-option v-for="dict in fileTypeDict" :key="dict.id" :label="dict.name" :value="dict.value" />
+              </el-select>
+              <el-input v-model="historyFileInfo.fileTypeName" type="hidden" />
+            </el-form-item>
+          </el-col>
+
+          <!-- 第一行 第二列 -->
+          <el-col :span="6">
+            <el-form-item label="文件发放编号" prop="fileDistributeNo">
+              <el-input v-model="historyFileInfo.fileDistributeNo" :clearable="true" placeholder="请输入文件发放编号" :disabled="type === 'detail'" />
+            </el-form-item>
+
+            <el-form-item label="实施时间" prop="effectiveDate">
+              <el-date-picker
+                v-model="historyFileInfo.effectiveDate" type="date"
+                format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss"
+                placeholder="请选择实施时间" :disabled="type === 'detail'" style="width: 100%;"
+              />
+            </el-form-item>
+          </el-col>
+
+          <!-- 第一行 第三列 -->
+          <el-col :span="6">
+            <el-form-item label="文件名称" prop="fileName">
+              <el-input v-model="historyFileInfo.fileName" :clearable="true" placeholder="请输入文件名称" :disabled="type === 'detail'" />
+            </el-form-item>
+
+            <el-form-item label="创建人">
+              <el-input v-model="historyFileInfo.createUserName" :disabled="true" />
+            </el-form-item>
+          </el-col>
+
+          <!-- 第一行 第四列 -->
+          <el-col :span="6">
+            <el-form-item label="版本号" prop="versionNo">
+              <el-input v-model="historyFileInfo.versionNo" :clearable="true" placeholder="请输入文件版本号" :disabled="type === 'detail'" />
+            </el-form-item>
+
+            <el-form-item label="创建时间">
+              <el-input v-model="historyFileInfo.createTime" :disabled="true" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <!-- 第二行 -->
+        <el-row v-if="type === 'update'" :gutter="24">
+          <!-- 第一列 -->
+          <el-col :span="12">
+            <el-form-item label="文件更改申请单">
+              <el-input v-model="historyFileInfo.changeFormId" placeholder="请选择文件更改申请单" :clearable="true" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <!-- 第三行 -->
+        <el-row :gutter="24">
+          <el-col :span="12">
+            <el-form-item label="备注">
+              <el-input v-model="historyFileInfo.remark" placeholder="请输入备注信息" type="textarea" :clearable="true" :disabled="type === 'detail'" :rows="2" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <!-- 第四行 -->
+        <el-row :gutter="24">
+          <el-col :span="20">
+            <el-form-item label="文件附件" prop="file">
+              <el-input v-model="historyFileInfo.file" type="hidden" />
+              <el-link :href="minioFileUrl" :underline="false" target="_blank" @click="previewFileHistory(minioFileUrl)">
+                {{ historyFileInfo.file }}
+              </el-link>
+
+              <el-upload
+                :show-file-list="false"
+                :http-request="uploadQuarterlyEvaluateFile"
+                style="width: 50%; margin-left: 20px;"
+              >
+                <el-button v-if="type !== 'detail'" type="primary">
+                  上传
+                </el-button>
+              </el-upload>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </detail-page>
   </app-container>
 </template>
diff --git a/src/views/resource/system/historyDoc/historyDoc-interface.ts b/src/views/resource/system/historyDoc/historyDoc-interface.ts
index c9b9c2b..11b8069 100644
--- a/src/views/resource/system/historyDoc/historyDoc-interface.ts
+++ b/src/views/resource/system/historyDoc/historyDoc-interface.ts
@@ -27,7 +27,7 @@
   history: string
   versionNo: string
   effectiveDate: string
-  createUserId?: number
+  createUserId?: string
   createUserName?: string
   createTime?: string
   changeFormId?: string

diff --git a/src/router/modules/resource.ts b/src/router/modules/resource.ts
index 928a303..02e9deb 100644
--- a/src/router/modules/resource.ts
+++ b/src/router/modules/resource.ts
@@ -126,7 +126,7 @@
         },
       },
       {
-        path: ':type/:id?',
+        path: 'sysDoc/:type/:id?',
         name: 'SysDocDetail',
         component: () => import('@/views/resource/system/sysDoc/detail.vue'),
         meta: {
@@ -148,7 +148,7 @@
         },
       },
       {
-        path: ':type/:id?',
+        path: 'historyDoc/:type/:id?',
         name: 'HistoryDocDetail',
         component: () => import('@/views/resource/system/historyDoc/detail.vue'),
         meta: {
diff --git a/src/views/resource/system/historyDoc/detail.vue b/src/views/resource/system/historyDoc/detail.vue
index 62256b5..82c4ca3 100644
--- a/src/views/resource/system/historyDoc/detail.vue
+++ b/src/views/resource/system/historyDoc/detail.vue
@@ -1,10 +1,322 @@
-<!-- 历史文件列详情 -->
-<script name="HistoryDocDetail" lang="ts" setup>
+<!-- 历史文件详情 -->
+<script name="SysDocDetail" lang="ts" setup>
+import type { UploadProps } from 'element-plus'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import dayjs from 'dayjs'
+import type { IDictType, IFileInfo } from './historyDoc-interface'
+import useUserStore from '@/store/modules/user'
+import { UploadFile } from '@/api/file'
+import { addFileSystem, updateFileSystem } from '@/api/resource/fileSystem'
+import { getPhotoUrl, templateUpdate } from '@/api/system/tool'
+
+// 从路由中传过来的参数
+const type = ref<string>('')
+const id = ref<string>('')
+
+// 获取用户信息
+const userInfo = useUserStore()
+const route = useRoute()
+const router = useRouter()
+const title = ref('')
+
+const basicFormRef = ref()
+
+// 字典值
+const fileTypeDict = ref<Array<IDictType>>([])
+
+const historyFileInfo = ref<IFileInfo>({
+  id: '',
+  fileNo: '',
+  fileName: '',
+  fileDistributeNo: '',
+  fileType: '',
+  fileTypeName: '',
+  history: '1',
+  versionNo: '',
+  effectiveDate: '',
+  createUserId: '',
+  createUserName: '',
+  createTime: '',
+  changeFormId: '',
+  remark: '',
+  file: '',
+})
+
+const sysFileRules = ref({
+  fileNo: [{ required: true, message: '文件编号不能为空', trigger: 'blur' }],
+  fileName: [{ required: true, message: '文件名称不能为空', trigger: 'blur' }],
+  fileType: [{ required: true, message: '文件类别不能为空，请选择', trigger: ['change', 'blur'] }],
+  fileDistributeNo: [{ required: true, message: '文件发放编号不能为空', trigger: 'blur' }],
+  versionNo: [{ required: true, message: '版本号不能为空', trigger: 'blur' }],
+  effectiveDate: [{ required: true, message: '实施时间不能为空，请选择', trigger: 'blur' }],
+  file: [{ required: true, message: '文件附件不能为空，请选择一个文件上传', trigger: 'blur' }],
+}) // 表单验证规则
+
+const minioFileUrl = ref<string>('')
+
 // 逻辑
+
+const resetForm = () => {
+  sessionStorage.removeItem('historyFileInfo') // 返回列表时 将缓存中的数据删除
+  router.go(-1)
+}
+
+// 添加
+const saveFileHistoryForm = () => {
+  // 将创建时间改为提交的时间
+  historyFileInfo.value.createTime = dayjs(new Date()).format('YYYY-MM-DD HH:mm:ss')
+  addFileSystem(historyFileInfo.value).then((res) => {
+    if (res.code === 200) {
+      // 提示保存成功
+      ElMessage.success('保存成功')
+      type.value = 'detail'
+      title.value = '历史文件（详情）'
+    }
+    else {
+      // 提示失败信息
+      ElMessage.error(`保存失败：${res.message}`)
+    }
+  })
+}
+// 编辑
+const updateFileHistoryById = () => {
+  updateFileSystem(historyFileInfo.value).then((res) => {
+    if (res.code === 200) {
+      // 提示保存成功
+      ElMessage.success('保存成功')
+      type.value = 'detail'
+      title.value = '历史文件（详情）'
+    }
+    else {
+      // 提示失败信息
+      ElMessage.error(`保存失败：${res.message}`)
+    }
+  })
+}
+
+// 保存
+const saveForm = async () => {
+  if (!basicFormRef) { return }
+
+  await basicFormRef.value.validate((valid: boolean, fields: any) => {
+    if (valid === true) {
+      ElMessageBox.confirm(
+        '确认保存吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then(() => {
+        if (type.value === 'create') {
+          saveFileHistoryForm()
+        }
+        else if (type.value === 'update') {
+          updateFileHistoryById()
+        }
+      })
+    }
+  })
+}
+
+// 上传请求
+const uploadQuarterlyEvaluateFile: any = (file: any) => {
+  const fd = new FormData()
+  fd.append('multipartFile', file.file)
+  const loading = ElLoading.service({
+    lock: true,
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  UploadFile(fd).then((res) => {
+    if (res.code === 200) {
+      ElMessage.success('上传成功')
+      historyFileInfo.value.file = res.data[0]
+      loading.close()
+      basicFormRef.value.validate('file')
+    }
+  }).catch(() => {
+    loading.close()
+    ElMessage.error('上传失败')
+  })
+}
+
+// 预览文件
+const previewFileHistory = (url: string) => {
+  console.log(url)
+}
+
+const initDialog = (params: any) => {
+  // 从路由中获取参数
+  type.value = params.type
+  id.value = params.id !== undefined ? params.id : ''
+
+  switch (params.type) {
+    case 'create' :
+      title.value = '历史文件（新增）'
+
+      // 创建人和创建时间设置默认值
+      historyFileInfo.value.createUserId = userInfo.id
+      historyFileInfo.value.createUserName = userInfo.name
+      historyFileInfo.value.createTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+
+      break
+    case 'update':
+      title.value = '历史文件（编辑）'
+      id.value = params.id
+
+      historyFileInfo.value = JSON.parse(sessionStorage.getItem('historyFileInfo')!)
+
+      break
+    case 'detail':
+      title.value = '历史文件（详情）'
+      id.value = params.id
+
+      historyFileInfo.value = JSON.parse(sessionStorage.getItem('historyFileInfo')!)
+
+      break
+    default:
+      title.value = ''
+      break
+  }
+}
+
+// 监听 显示中文 立即监听
+watch(() => historyFileInfo.value.fileType, (newVal) => {
+  if (fileTypeDict.value.length === 0) {
+    fileTypeDict.value = JSON.parse(sessionStorage.getItem('bizFileType')!)
+  }
+  const targetList = fileTypeDict.value.filter(item => item.value === newVal)
+  if (targetList.length > 0) {
+    historyFileInfo.value.fileTypeName = targetList[0].name
+  }
+  else {
+    historyFileInfo.value.fileTypeName = ''
+  }
+}, { immediate: true })
+
+watch(() => historyFileInfo.value.file, (newVal) => {
+  if (newVal !== '') {
+    getPhotoUrl(newVal).then((res) => {
+      if (res.code === 200) {
+        minioFileUrl.value = res.data
+      }
+    })
+  }
+})
+
+onMounted(async () => {
+  initDialog(route.query)
+})
 </script>
 
 <template>
   <app-container>
-    历史文件详情
+    <detail-page :title="`${title}`">
+      <template #btns>
+        <el-button v-if="type !== 'detail'" type="primary" @click="saveForm()">
+          保存
+        </el-button>
+        <el-button type="info" @click="resetForm()">
+          关闭
+        </el-button>
+      </template>
+
+      <el-form ref="basicFormRef" :model="historyFileInfo" :rules="sysFileRules" label-position="right" label-width="110px" border stripe>
+        <el-row :gutter="24">
+          <!-- 第一行 第一列 -->
+          <el-col :span="6">
+            <el-form-item label="文件编号" prop="fileNo">
+              <el-input v-model="historyFileInfo.fileNo" placeholder="请输入文件编号" :clearable="true" :disabled="type === 'detail'" />
+            </el-form-item>
+
+            <el-form-item label="文件类别" prop="fileType">
+              <el-select v-model="historyFileInfo.fileType" placeholder="请选择文件类别" style="width: 100%;" :clearable="true" :disabled="type === 'detail'">
+                <el-option v-for="dict in fileTypeDict" :key="dict.id" :label="dict.name" :value="dict.value" />
+              </el-select>
+              <el-input v-model="historyFileInfo.fileTypeName" type="hidden" />
+            </el-form-item>
+          </el-col>
+
+          <!-- 第一行 第二列 -->
+          <el-col :span="6">
+            <el-form-item label="文件发放编号" prop="fileDistributeNo">
+              <el-input v-model="historyFileInfo.fileDistributeNo" :clearable="true" placeholder="请输入文件发放编号" :disabled="type === 'detail'" />
+            </el-form-item>
+
+            <el-form-item label="实施时间" prop="effectiveDate">
+              <el-date-picker
+                v-model="historyFileInfo.effectiveDate" type="date"
+                format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss"
+                placeholder="请选择实施时间" :disabled="type === 'detail'" style="width: 100%;"
+              />
+            </el-form-item>
+          </el-col>
+
+          <!-- 第一行 第三列 -->
+          <el-col :span="6">
+            <el-form-item label="文件名称" prop="fileName">
+              <el-input v-model="historyFileInfo.fileName" :clearable="true" placeholder="请输入文件名称" :disabled="type === 'detail'" />
+            </el-form-item>
+
+            <el-form-item label="创建人">
+              <el-input v-model="historyFileInfo.createUserName" :disabled="true" />
+            </el-form-item>
+          </el-col>
+
+          <!-- 第一行 第四列 -->
+          <el-col :span="6">
+            <el-form-item label="版本号" prop="versionNo">
+              <el-input v-model="historyFileInfo.versionNo" :clearable="true" placeholder="请输入文件版本号" :disabled="type === 'detail'" />
+            </el-form-item>
+
+            <el-form-item label="创建时间">
+              <el-input v-model="historyFileInfo.createTime" :disabled="true" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <!-- 第二行 -->
+        <el-row v-if="type === 'update'" :gutter="24">
+          <!-- 第一列 -->
+          <el-col :span="12">
+            <el-form-item label="文件更改申请单">
+              <el-input v-model="historyFileInfo.changeFormId" placeholder="请选择文件更改申请单" :clearable="true" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <!-- 第三行 -->
+        <el-row :gutter="24">
+          <el-col :span="12">
+            <el-form-item label="备注">
+              <el-input v-model="historyFileInfo.remark" placeholder="请输入备注信息" type="textarea" :clearable="true" :disabled="type === 'detail'" :rows="2" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <!-- 第四行 -->
+        <el-row :gutter="24">
+          <el-col :span="20">
+            <el-form-item label="文件附件" prop="file">
+              <el-input v-model="historyFileInfo.file" type="hidden" />
+              <el-link :href="minioFileUrl" :underline="false" target="_blank" @click="previewFileHistory(minioFileUrl)">
+                {{ historyFileInfo.file }}
+              </el-link>
+
+              <el-upload
+                :show-file-list="false"
+                :http-request="uploadQuarterlyEvaluateFile"
+                style="width: 50%; margin-left: 20px;"
+              >
+                <el-button v-if="type !== 'detail'" type="primary">
+                  上传
+                </el-button>
+              </el-upload>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </detail-page>
   </app-container>
 </template>
diff --git a/src/views/resource/system/historyDoc/historyDoc-interface.ts b/src/views/resource/system/historyDoc/historyDoc-interface.ts
index c9b9c2b..11b8069 100644
--- a/src/views/resource/system/historyDoc/historyDoc-interface.ts
+++ b/src/views/resource/system/historyDoc/historyDoc-interface.ts
@@ -27,7 +27,7 @@
   history: string
   versionNo: string
   effectiveDate: string
-  createUserId?: number
+  createUserId?: string
   createUserName?: string
   createTime?: string
   changeFormId?: string
diff --git a/src/views/resource/system/historyDoc/list.vue b/src/views/resource/system/historyDoc/list.vue
index 0702d70..d32d014 100644
--- a/src/views/resource/system/historyDoc/list.vue
+++ b/src/views/resource/system/historyDoc/list.vue
@@ -1,11 +1,13 @@
 <!-- 历史文件列表 -->
 <script name="HistoryDocList" lang="ts" setup>
 import dayjs from 'dayjs'
+import { ElMessage, ElMessageBox } from 'element-plus'
 import type { IDictType, IFileInfo, IListQuery } from './historyDoc-interface'
 import type { TableColumn } from '@/components/NormalTable/table_interface'
 import { getDictByCode } from '@/api/system/dict'
-import { getFileSystemList } from '@/api/resource/fileSystem'
+import { delFileSystem, getFileSystemList } from '@/api/resource/fileSystem'
 
+const { proxy } = getCurrentInstance() as any
 const router = useRouter()
 
 const fileTypeDict = ref<Array<IDictType>>([])
@@ -30,34 +32,11 @@
   { text: '文件名称', value: 'fileName', align: 'center' },
   { text: '版本号', value: 'versionNo', align: 'center', width: '140' },
   { text: '类别', value: 'fileTypeName', align: 'center', width: '140' },
-  { text: '实施时间', value: 'effectiveDate', align: 'center', width: '140' },
+  { text: '实施时间', value: 'effectiveDateStr', align: 'center', width: '140' },
 ])
 const hisFileList = ref<Array<IFileInfo>>([]) // 表格数据
 
 // 逻辑
-// 数据查询
-function fetchData(isNowPage = false) {
-  loadingTable.value = true
-  if (!isNowPage) {
-    // 是否显示当前页，否则跳转第一页
-    searchQuery.value.offset = 1
-  }
-  getFileSystemList(searchQuery.value).then((response) => {
-    if (response.code === 200) {
-      hisFileList.value = response.data.rows.map((item: { effectiveDate: string }) => {
-        return {
-          ...item,
-          effectiveDate: dayjs(item.effectiveDate).format('YYYY-MM-DD') !== 'Invalid Date' ? dayjs(item.effectiveDate).format('YYYY-MM-DD') : '',
-        }
-      })
-      total.value = parseInt(response.data.total)
-    }
-    loadingTable.value = false
-  }).catch(() => {
-    loadingTable.value = false
-  })
-}
-
 const searchList = () => {
   fetchData(true)
 }
@@ -87,6 +66,82 @@
   fetchData(true)
 }
 
+// 跳转到新建的页面
+const addSysFile = () => {
+  router.push({
+    query: {
+      type: 'create',
+    },
+    path: '/system/historyDoc/detail',
+  })
+}
+
+// 详情
+const detail = (row: IFileInfo) => {
+  sessionStorage.setItem('historyFileInfo', JSON.stringify(row))
+  router.push({
+    query: {
+      type: 'detail',
+      id: row.id,
+    },
+    path: '/system/historyDoc/detail',
+  })
+}
+
+// 编辑
+const updateById = (row: IFileInfo) => {
+  sessionStorage.setItem('historyFileInfo', JSON.stringify(row))
+  router.push({
+    query: {
+      type: 'update',
+      id: row.id,
+    },
+    path: '/system/historyDoc/detail',
+  })
+}
+
+// 删除
+const deleteById = (row: IFileInfo) => {
+  ElMessageBox.confirm(`是否删除文件 ${row.fileName}`, '提示', {
+    confirmButtonText: '确认',
+    cancelButtonText: '取消',
+    type: 'warning',
+  }).then(() => {
+    delFileSystem({ id: row.id }).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success(`文件 ${row.fileName} 删除成功`)
+        searchList()
+      }
+      else {
+        ElMessage.error(`文件 ${row.fileName} 删除失败: ${res.message}`)
+      }
+    })
+  })
+}
+
+// 数据查询
+function fetchData(isNowPage = false) {
+  loadingTable.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    searchQuery.value.offset = 1
+  }
+  getFileSystemList(searchQuery.value).then((response) => {
+    if (response.code === 200) {
+      hisFileList.value = response.data.rows.map((item: { effectiveDate: string }) => {
+        return {
+          ...item,
+          effectiveDateStr: dayjs(item.effectiveDate).format('YYYY-MM-DD') !== 'Invalid Date' ? dayjs(item.effectiveDate).format('YYYY-MM-DD') : '',
+        }
+      })
+      total.value = parseInt(response.data.total)
+    }
+    loadingTable.value = false
+  }).catch(() => {
+    loadingTable.value = false
+  })
+}
+
 // 获取文件类别字典值
 const getFileTypeDict = () => {
   getDictByCode('bizFileType').then((res) => {
@@ -102,6 +157,7 @@
 
 onMounted(async () => {
   await getDict()
+  searchList()
 })
 </script>
 
@@ -127,6 +183,11 @@
 
     <!-- 表格数据展示 -->
     <table-container>
+      <!-- 表头区域 -->
+      <template #btns-right>
+        <icon-button v-if="proxy.hasPerm(`/resource/system/historyDoc/add`)" icon="icon-add" title="新建" @click="addSysFile" />
+      </template>
+
       <!-- 表格区域 -->
       <normal-table
         id="supplierInfoTabel"
@@ -148,6 +209,12 @@
               <el-button size="small" type="primary" link @click="detail(row)">
                 查看
               </el-button>
+              <el-button v-if="proxy.hasPerm(`/resource/system/historyDoc/edit`)" size="small" type="primary" link @click="updateById(row)">
+                编辑
+              </el-button>
+              <el-button v-if="proxy.hasPerm(`/resource/system/historyDoc/del`)" size="small" type="danger" link @click="deleteById(row)">
+                删除
+              </el-button>
             </template>
           </el-table-column>
         </template>

diff --git a/src/router/modules/resource.ts b/src/router/modules/resource.ts
index 928a303..02e9deb 100644
--- a/src/router/modules/resource.ts
+++ b/src/router/modules/resource.ts
@@ -126,7 +126,7 @@
         },
       },
       {
-        path: ':type/:id?',
+        path: 'sysDoc/:type/:id?',
         name: 'SysDocDetail',
         component: () => import('@/views/resource/system/sysDoc/detail.vue'),
         meta: {
@@ -148,7 +148,7 @@
         },
       },
       {
-        path: ':type/:id?',
+        path: 'historyDoc/:type/:id?',
         name: 'HistoryDocDetail',
         component: () => import('@/views/resource/system/historyDoc/detail.vue'),
         meta: {
diff --git a/src/views/resource/system/historyDoc/detail.vue b/src/views/resource/system/historyDoc/detail.vue
index 62256b5..82c4ca3 100644
--- a/src/views/resource/system/historyDoc/detail.vue
+++ b/src/views/resource/system/historyDoc/detail.vue
@@ -1,10 +1,322 @@
-<!-- 历史文件列详情 -->
-<script name="HistoryDocDetail" lang="ts" setup>
+<!-- 历史文件详情 -->
+<script name="SysDocDetail" lang="ts" setup>
+import type { UploadProps } from 'element-plus'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import dayjs from 'dayjs'
+import type { IDictType, IFileInfo } from './historyDoc-interface'
+import useUserStore from '@/store/modules/user'
+import { UploadFile } from '@/api/file'
+import { addFileSystem, updateFileSystem } from '@/api/resource/fileSystem'
+import { getPhotoUrl, templateUpdate } from '@/api/system/tool'
+
+// 从路由中传过来的参数
+const type = ref<string>('')
+const id = ref<string>('')
+
+// 获取用户信息
+const userInfo = useUserStore()
+const route = useRoute()
+const router = useRouter()
+const title = ref('')
+
+const basicFormRef = ref()
+
+// 字典值
+const fileTypeDict = ref<Array<IDictType>>([])
+
+const historyFileInfo = ref<IFileInfo>({
+  id: '',
+  fileNo: '',
+  fileName: '',
+  fileDistributeNo: '',
+  fileType: '',
+  fileTypeName: '',
+  history: '1',
+  versionNo: '',
+  effectiveDate: '',
+  createUserId: '',
+  createUserName: '',
+  createTime: '',
+  changeFormId: '',
+  remark: '',
+  file: '',
+})
+
+const sysFileRules = ref({
+  fileNo: [{ required: true, message: '文件编号不能为空', trigger: 'blur' }],
+  fileName: [{ required: true, message: '文件名称不能为空', trigger: 'blur' }],
+  fileType: [{ required: true, message: '文件类别不能为空，请选择', trigger: ['change', 'blur'] }],
+  fileDistributeNo: [{ required: true, message: '文件发放编号不能为空', trigger: 'blur' }],
+  versionNo: [{ required: true, message: '版本号不能为空', trigger: 'blur' }],
+  effectiveDate: [{ required: true, message: '实施时间不能为空，请选择', trigger: 'blur' }],
+  file: [{ required: true, message: '文件附件不能为空，请选择一个文件上传', trigger: 'blur' }],
+}) // 表单验证规则
+
+const minioFileUrl = ref<string>('')
+
 // 逻辑
+
+const resetForm = () => {
+  sessionStorage.removeItem('historyFileInfo') // 返回列表时 将缓存中的数据删除
+  router.go(-1)
+}
+
+// 添加
+const saveFileHistoryForm = () => {
+  // 将创建时间改为提交的时间
+  historyFileInfo.value.createTime = dayjs(new Date()).format('YYYY-MM-DD HH:mm:ss')
+  addFileSystem(historyFileInfo.value).then((res) => {
+    if (res.code === 200) {
+      // 提示保存成功
+      ElMessage.success('保存成功')
+      type.value = 'detail'
+      title.value = '历史文件（详情）'
+    }
+    else {
+      // 提示失败信息
+      ElMessage.error(`保存失败：${res.message}`)
+    }
+  })
+}
+// 编辑
+const updateFileHistoryById = () => {
+  updateFileSystem(historyFileInfo.value).then((res) => {
+    if (res.code === 200) {
+      // 提示保存成功
+      ElMessage.success('保存成功')
+      type.value = 'detail'
+      title.value = '历史文件（详情）'
+    }
+    else {
+      // 提示失败信息
+      ElMessage.error(`保存失败：${res.message}`)
+    }
+  })
+}
+
+// 保存
+const saveForm = async () => {
+  if (!basicFormRef) { return }
+
+  await basicFormRef.value.validate((valid: boolean, fields: any) => {
+    if (valid === true) {
+      ElMessageBox.confirm(
+        '确认保存吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then(() => {
+        if (type.value === 'create') {
+          saveFileHistoryForm()
+        }
+        else if (type.value === 'update') {
+          updateFileHistoryById()
+        }
+      })
+    }
+  })
+}
+
+// 上传请求
+const uploadQuarterlyEvaluateFile: any = (file: any) => {
+  const fd = new FormData()
+  fd.append('multipartFile', file.file)
+  const loading = ElLoading.service({
+    lock: true,
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  UploadFile(fd).then((res) => {
+    if (res.code === 200) {
+      ElMessage.success('上传成功')
+      historyFileInfo.value.file = res.data[0]
+      loading.close()
+      basicFormRef.value.validate('file')
+    }
+  }).catch(() => {
+    loading.close()
+    ElMessage.error('上传失败')
+  })
+}
+
+// 预览文件
+const previewFileHistory = (url: string) => {
+  console.log(url)
+}
+
+const initDialog = (params: any) => {
+  // 从路由中获取参数
+  type.value = params.type
+  id.value = params.id !== undefined ? params.id : ''
+
+  switch (params.type) {
+    case 'create' :
+      title.value = '历史文件（新增）'
+
+      // 创建人和创建时间设置默认值
+      historyFileInfo.value.createUserId = userInfo.id
+      historyFileInfo.value.createUserName = userInfo.name
+      historyFileInfo.value.createTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+
+      break
+    case 'update':
+      title.value = '历史文件（编辑）'
+      id.value = params.id
+
+      historyFileInfo.value = JSON.parse(sessionStorage.getItem('historyFileInfo')!)
+
+      break
+    case 'detail':
+      title.value = '历史文件（详情）'
+      id.value = params.id
+
+      historyFileInfo.value = JSON.parse(sessionStorage.getItem('historyFileInfo')!)
+
+      break
+    default:
+      title.value = ''
+      break
+  }
+}
+
+// 监听 显示中文 立即监听
+watch(() => historyFileInfo.value.fileType, (newVal) => {
+  if (fileTypeDict.value.length === 0) {
+    fileTypeDict.value = JSON.parse(sessionStorage.getItem('bizFileType')!)
+  }
+  const targetList = fileTypeDict.value.filter(item => item.value === newVal)
+  if (targetList.length > 0) {
+    historyFileInfo.value.fileTypeName = targetList[0].name
+  }
+  else {
+    historyFileInfo.value.fileTypeName = ''
+  }
+}, { immediate: true })
+
+watch(() => historyFileInfo.value.file, (newVal) => {
+  if (newVal !== '') {
+    getPhotoUrl(newVal).then((res) => {
+      if (res.code === 200) {
+        minioFileUrl.value = res.data
+      }
+    })
+  }
+})
+
+onMounted(async () => {
+  initDialog(route.query)
+})
 </script>
 
 <template>
   <app-container>
-    历史文件详情
+    <detail-page :title="`${title}`">
+      <template #btns>
+        <el-button v-if="type !== 'detail'" type="primary" @click="saveForm()">
+          保存
+        </el-button>
+        <el-button type="info" @click="resetForm()">
+          关闭
+        </el-button>
+      </template>
+
+      <el-form ref="basicFormRef" :model="historyFileInfo" :rules="sysFileRules" label-position="right" label-width="110px" border stripe>
+        <el-row :gutter="24">
+          <!-- 第一行 第一列 -->
+          <el-col :span="6">
+            <el-form-item label="文件编号" prop="fileNo">
+              <el-input v-model="historyFileInfo.fileNo" placeholder="请输入文件编号" :clearable="true" :disabled="type === 'detail'" />
+            </el-form-item>
+
+            <el-form-item label="文件类别" prop="fileType">
+              <el-select v-model="historyFileInfo.fileType" placeholder="请选择文件类别" style="width: 100%;" :clearable="true" :disabled="type === 'detail'">
+                <el-option v-for="dict in fileTypeDict" :key="dict.id" :label="dict.name" :value="dict.value" />
+              </el-select>
+              <el-input v-model="historyFileInfo.fileTypeName" type="hidden" />
+            </el-form-item>
+          </el-col>
+
+          <!-- 第一行 第二列 -->
+          <el-col :span="6">
+            <el-form-item label="文件发放编号" prop="fileDistributeNo">
+              <el-input v-model="historyFileInfo.fileDistributeNo" :clearable="true" placeholder="请输入文件发放编号" :disabled="type === 'detail'" />
+            </el-form-item>
+
+            <el-form-item label="实施时间" prop="effectiveDate">
+              <el-date-picker
+                v-model="historyFileInfo.effectiveDate" type="date"
+                format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss"
+                placeholder="请选择实施时间" :disabled="type === 'detail'" style="width: 100%;"
+              />
+            </el-form-item>
+          </el-col>
+
+          <!-- 第一行 第三列 -->
+          <el-col :span="6">
+            <el-form-item label="文件名称" prop="fileName">
+              <el-input v-model="historyFileInfo.fileName" :clearable="true" placeholder="请输入文件名称" :disabled="type === 'detail'" />
+            </el-form-item>
+
+            <el-form-item label="创建人">
+              <el-input v-model="historyFileInfo.createUserName" :disabled="true" />
+            </el-form-item>
+          </el-col>
+
+          <!-- 第一行 第四列 -->
+          <el-col :span="6">
+            <el-form-item label="版本号" prop="versionNo">
+              <el-input v-model="historyFileInfo.versionNo" :clearable="true" placeholder="请输入文件版本号" :disabled="type === 'detail'" />
+            </el-form-item>
+
+            <el-form-item label="创建时间">
+              <el-input v-model="historyFileInfo.createTime" :disabled="true" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <!-- 第二行 -->
+        <el-row v-if="type === 'update'" :gutter="24">
+          <!-- 第一列 -->
+          <el-col :span="12">
+            <el-form-item label="文件更改申请单">
+              <el-input v-model="historyFileInfo.changeFormId" placeholder="请选择文件更改申请单" :clearable="true" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <!-- 第三行 -->
+        <el-row :gutter="24">
+          <el-col :span="12">
+            <el-form-item label="备注">
+              <el-input v-model="historyFileInfo.remark" placeholder="请输入备注信息" type="textarea" :clearable="true" :disabled="type === 'detail'" :rows="2" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <!-- 第四行 -->
+        <el-row :gutter="24">
+          <el-col :span="20">
+            <el-form-item label="文件附件" prop="file">
+              <el-input v-model="historyFileInfo.file" type="hidden" />
+              <el-link :href="minioFileUrl" :underline="false" target="_blank" @click="previewFileHistory(minioFileUrl)">
+                {{ historyFileInfo.file }}
+              </el-link>
+
+              <el-upload
+                :show-file-list="false"
+                :http-request="uploadQuarterlyEvaluateFile"
+                style="width: 50%; margin-left: 20px;"
+              >
+                <el-button v-if="type !== 'detail'" type="primary">
+                  上传
+                </el-button>
+              </el-upload>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </detail-page>
   </app-container>
 </template>
diff --git a/src/views/resource/system/historyDoc/historyDoc-interface.ts b/src/views/resource/system/historyDoc/historyDoc-interface.ts
index c9b9c2b..11b8069 100644
--- a/src/views/resource/system/historyDoc/historyDoc-interface.ts
+++ b/src/views/resource/system/historyDoc/historyDoc-interface.ts
@@ -27,7 +27,7 @@
   history: string
   versionNo: string
   effectiveDate: string
-  createUserId?: number
+  createUserId?: string
   createUserName?: string
   createTime?: string
   changeFormId?: string
diff --git a/src/views/resource/system/historyDoc/list.vue b/src/views/resource/system/historyDoc/list.vue
index 0702d70..d32d014 100644
--- a/src/views/resource/system/historyDoc/list.vue
+++ b/src/views/resource/system/historyDoc/list.vue
@@ -1,11 +1,13 @@
 <!-- 历史文件列表 -->
 <script name="HistoryDocList" lang="ts" setup>
 import dayjs from 'dayjs'
+import { ElMessage, ElMessageBox } from 'element-plus'
 import type { IDictType, IFileInfo, IListQuery } from './historyDoc-interface'
 import type { TableColumn } from '@/components/NormalTable/table_interface'
 import { getDictByCode } from '@/api/system/dict'
-import { getFileSystemList } from '@/api/resource/fileSystem'
+import { delFileSystem, getFileSystemList } from '@/api/resource/fileSystem'
 
+const { proxy } = getCurrentInstance() as any
 const router = useRouter()
 
 const fileTypeDict = ref<Array<IDictType>>([])
@@ -30,34 +32,11 @@
   { text: '文件名称', value: 'fileName', align: 'center' },
   { text: '版本号', value: 'versionNo', align: 'center', width: '140' },
   { text: '类别', value: 'fileTypeName', align: 'center', width: '140' },
-  { text: '实施时间', value: 'effectiveDate', align: 'center', width: '140' },
+  { text: '实施时间', value: 'effectiveDateStr', align: 'center', width: '140' },
 ])
 const hisFileList = ref<Array<IFileInfo>>([]) // 表格数据
 
 // 逻辑
-// 数据查询
-function fetchData(isNowPage = false) {
-  loadingTable.value = true
-  if (!isNowPage) {
-    // 是否显示当前页，否则跳转第一页
-    searchQuery.value.offset = 1
-  }
-  getFileSystemList(searchQuery.value).then((response) => {
-    if (response.code === 200) {
-      hisFileList.value = response.data.rows.map((item: { effectiveDate: string }) => {
-        return {
-          ...item,
-          effectiveDate: dayjs(item.effectiveDate).format('YYYY-MM-DD') !== 'Invalid Date' ? dayjs(item.effectiveDate).format('YYYY-MM-DD') : '',
-        }
-      })
-      total.value = parseInt(response.data.total)
-    }
-    loadingTable.value = false
-  }).catch(() => {
-    loadingTable.value = false
-  })
-}
-
 const searchList = () => {
   fetchData(true)
 }
@@ -87,6 +66,82 @@
   fetchData(true)
 }
 
+// 跳转到新建的页面
+const addSysFile = () => {
+  router.push({
+    query: {
+      type: 'create',
+    },
+    path: '/system/historyDoc/detail',
+  })
+}
+
+// 详情
+const detail = (row: IFileInfo) => {
+  sessionStorage.setItem('historyFileInfo', JSON.stringify(row))
+  router.push({
+    query: {
+      type: 'detail',
+      id: row.id,
+    },
+    path: '/system/historyDoc/detail',
+  })
+}
+
+// 编辑
+const updateById = (row: IFileInfo) => {
+  sessionStorage.setItem('historyFileInfo', JSON.stringify(row))
+  router.push({
+    query: {
+      type: 'update',
+      id: row.id,
+    },
+    path: '/system/historyDoc/detail',
+  })
+}
+
+// 删除
+const deleteById = (row: IFileInfo) => {
+  ElMessageBox.confirm(`是否删除文件 ${row.fileName}`, '提示', {
+    confirmButtonText: '确认',
+    cancelButtonText: '取消',
+    type: 'warning',
+  }).then(() => {
+    delFileSystem({ id: row.id }).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success(`文件 ${row.fileName} 删除成功`)
+        searchList()
+      }
+      else {
+        ElMessage.error(`文件 ${row.fileName} 删除失败: ${res.message}`)
+      }
+    })
+  })
+}
+
+// 数据查询
+function fetchData(isNowPage = false) {
+  loadingTable.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    searchQuery.value.offset = 1
+  }
+  getFileSystemList(searchQuery.value).then((response) => {
+    if (response.code === 200) {
+      hisFileList.value = response.data.rows.map((item: { effectiveDate: string }) => {
+        return {
+          ...item,
+          effectiveDateStr: dayjs(item.effectiveDate).format('YYYY-MM-DD') !== 'Invalid Date' ? dayjs(item.effectiveDate).format('YYYY-MM-DD') : '',
+        }
+      })
+      total.value = parseInt(response.data.total)
+    }
+    loadingTable.value = false
+  }).catch(() => {
+    loadingTable.value = false
+  })
+}
+
 // 获取文件类别字典值
 const getFileTypeDict = () => {
   getDictByCode('bizFileType').then((res) => {
@@ -102,6 +157,7 @@
 
 onMounted(async () => {
   await getDict()
+  searchList()
 })
 </script>
 
@@ -127,6 +183,11 @@
 
     <!-- 表格数据展示 -->
     <table-container>
+      <!-- 表头区域 -->
+      <template #btns-right>
+        <icon-button v-if="proxy.hasPerm(`/resource/system/historyDoc/add`)" icon="icon-add" title="新建" @click="addSysFile" />
+      </template>
+
       <!-- 表格区域 -->
       <normal-table
         id="supplierInfoTabel"
@@ -148,6 +209,12 @@
               <el-button size="small" type="primary" link @click="detail(row)">
                 查看
               </el-button>
+              <el-button v-if="proxy.hasPerm(`/resource/system/historyDoc/edit`)" size="small" type="primary" link @click="updateById(row)">
+                编辑
+              </el-button>
+              <el-button v-if="proxy.hasPerm(`/resource/system/historyDoc/del`)" size="small" type="danger" link @click="deleteById(row)">
+                删除
+              </el-button>
             </template>
           </el-table-column>
         </template>
diff --git a/src/views/resource/system/sysDoc/list.vue b/src/views/resource/system/sysDoc/list.vue
index d3a8e6d..7e33eaf 100644
--- a/src/views/resource/system/sysDoc/list.vue
+++ b/src/views/resource/system/sysDoc/list.vue
@@ -169,13 +169,13 @@
         <el-input v-model="searchQuery.fileNo" placeholder="文件编号" clearable />
       </search-item>
       <search-item>
-        <el-input v-model="searchQuery.fileDistributeNo" placeholder="供方名称" clearable />
+        <el-input v-model="searchQuery.fileDistributeNo" placeholder="文件发放编号" clearable />
       </search-item>
       <search-item>
-        <el-input v-model="searchQuery.fileName" placeholder="联系人" clearable />
+        <el-input v-model="searchQuery.fileName" placeholder="文件名称" clearable />
       </search-item>
       <search-item>
-        <el-select v-model="searchQuery.fileType" placeholder="供方类型" clearable>
+        <el-select v-model="searchQuery.fileType" placeholder="文件类别" clearable>
           <el-option v-for="item in fileTypeDict" :key="item.id" :value="item.value" :label="item.name" />
         </el-select>
       </search-item>