diff --git a/src/api/resource/fileSystem.ts b/src/api/resource/fileSystem.ts
index 82dc820..3efc02e 100644
--- a/src/api/resource/fileSystem.ts
+++ b/src/api/resource/fileSystem.ts
@@ -8,3 +8,27 @@
     data,
   })
 }
+
+export function addFileSystem(data: object) {
+  return request({
+    url: `${prefix}/system/add`,
+    method: 'post',
+    data,
+  })
+}
+
+export function delFileSystem(data: object) {
+  return request({
+    url: `${prefix}/system/delete`,
+    method: 'post',
+    data,
+  })
+}
+
+export function updateFileSystem(data: object) {
+  return request({
+    url: `${prefix}/system/update`,
+    method: 'post',
+    data,
+  })
+}

diff --git a/src/api/resource/fileSystem.ts b/src/api/resource/fileSystem.ts
index 82dc820..3efc02e 100644
--- a/src/api/resource/fileSystem.ts
+++ b/src/api/resource/fileSystem.ts
@@ -8,3 +8,27 @@
     data,
   })
 }
+
+export function addFileSystem(data: object) {
+  return request({
+    url: `${prefix}/system/add`,
+    method: 'post',
+    data,
+  })
+}
+
+export function delFileSystem(data: object) {
+  return request({
+    url: `${prefix}/system/delete`,
+    method: 'post',
+    data,
+  })
+}
+
+export function updateFileSystem(data: object) {
+  return request({
+    url: `${prefix}/system/update`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/views/resource/outsideService/supplier/basicForEdit.vue b/src/views/resource/outsideService/supplier/basicForEdit.vue
index ff0c7ee..e2d30cc 100644
--- a/src/views/resource/outsideService/supplier/basicForEdit.vue
+++ b/src/views/resource/outsideService/supplier/basicForEdit.vue
@@ -1,6 +1,7 @@
 <!-- 供方名录 可编辑基本信息 -->
 <script name="SupplierInfoBasicForEdit" lang="ts" setup>
-import { ElMessage, ElMessageBox } from 'element-plus'
+import type { UploadProps } from 'element-plus'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import type { IDictType, ISupplierInfo } from './supplier-interface'
 import { mailboxValidator, phoneValidator, postalCodeValidator, websiteValidator } from './supplier-interface'
 import { UploadFile } from '@/api/file'
@@ -171,6 +172,39 @@
   })
 }
 
+// 上传请求
+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('上传成功')
+      supplierInfo.value.minioFileName = res.data[0]
+      loading.close()
+    }
+  }).catch(() => {
+    loading.close()
+    ElMessage.error('上传失败')
+  })
+}
+
+// 上传之前的验证
+const beforeAvatarUpload: UploadProps['beforeUpload'] = (rawFile) => {
+  if (rawFile.type !== 'image/jpeg' && rawFile.type !== 'image/png' && rawFile.type !== 'image/jpg') {
+    ElMessage.error('只能上传png/jpeg/jpg格式的图片')
+    return false
+  }
+  else if (rawFile.size / 1024 / 1024 > 2) {
+    ElMessage.error('图片不能大于2MB')
+    return false
+  }
+  return true
+}
+
 // 监听 显示中文 立即监听
 watch(() => supplierInfo.value.supplierType, (newVal) => {
   if (supplierTypeDictInChild.value.length === 0) {
@@ -291,7 +325,11 @@
       <el-row :gutter="24">
         <el-col :span="12">
           <el-form-item label="附件">
-            <el-upload>
+            <el-upload
+              :http-request="uploadQuarterlyEvaluateFile"
+              :before-upload="beforeAvatarUpload"
+              accept="image/png, image/jpeg,image/jpg"
+            >
               <el-button type="primary">
                 上传
               </el-button>

diff --git a/src/api/resource/fileSystem.ts b/src/api/resource/fileSystem.ts
index 82dc820..3efc02e 100644
--- a/src/api/resource/fileSystem.ts
+++ b/src/api/resource/fileSystem.ts
@@ -8,3 +8,27 @@
     data,
   })
 }
+
+export function addFileSystem(data: object) {
+  return request({
+    url: `${prefix}/system/add`,
+    method: 'post',
+    data,
+  })
+}
+
+export function delFileSystem(data: object) {
+  return request({
+    url: `${prefix}/system/delete`,
+    method: 'post',
+    data,
+  })
+}
+
+export function updateFileSystem(data: object) {
+  return request({
+    url: `${prefix}/system/update`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/views/resource/outsideService/supplier/basicForEdit.vue b/src/views/resource/outsideService/supplier/basicForEdit.vue
index ff0c7ee..e2d30cc 100644
--- a/src/views/resource/outsideService/supplier/basicForEdit.vue
+++ b/src/views/resource/outsideService/supplier/basicForEdit.vue
@@ -1,6 +1,7 @@
 <!-- 供方名录 可编辑基本信息 -->
 <script name="SupplierInfoBasicForEdit" lang="ts" setup>
-import { ElMessage, ElMessageBox } from 'element-plus'
+import type { UploadProps } from 'element-plus'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import type { IDictType, ISupplierInfo } from './supplier-interface'
 import { mailboxValidator, phoneValidator, postalCodeValidator, websiteValidator } from './supplier-interface'
 import { UploadFile } from '@/api/file'
@@ -171,6 +172,39 @@
   })
 }
 
+// 上传请求
+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('上传成功')
+      supplierInfo.value.minioFileName = res.data[0]
+      loading.close()
+    }
+  }).catch(() => {
+    loading.close()
+    ElMessage.error('上传失败')
+  })
+}
+
+// 上传之前的验证
+const beforeAvatarUpload: UploadProps['beforeUpload'] = (rawFile) => {
+  if (rawFile.type !== 'image/jpeg' && rawFile.type !== 'image/png' && rawFile.type !== 'image/jpg') {
+    ElMessage.error('只能上传png/jpeg/jpg格式的图片')
+    return false
+  }
+  else if (rawFile.size / 1024 / 1024 > 2) {
+    ElMessage.error('图片不能大于2MB')
+    return false
+  }
+  return true
+}
+
 // 监听 显示中文 立即监听
 watch(() => supplierInfo.value.supplierType, (newVal) => {
   if (supplierTypeDictInChild.value.length === 0) {
@@ -291,7 +325,11 @@
       <el-row :gutter="24">
         <el-col :span="12">
           <el-form-item label="附件">
-            <el-upload>
+            <el-upload
+              :http-request="uploadQuarterlyEvaluateFile"
+              :before-upload="beforeAvatarUpload"
+              accept="image/png, image/jpeg,image/jpg"
+            >
               <el-button type="primary">
                 上传
               </el-button>
diff --git a/src/views/resource/system/sysDoc/detail.vue b/src/views/resource/system/sysDoc/detail.vue
index 93735e0..015d361 100644
--- a/src/views/resource/system/sysDoc/detail.vue
+++ b/src/views/resource/system/sysDoc/detail.vue
@@ -1,10 +1,321 @@
 <!-- 体系文件详情 -->
 <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 './sysDoc-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 sysFileInfo = ref<IFileInfo>({
+  id: '',
+  fileNo: '',
+  fileName: '',
+  fileDistributeNo: '',
+  fileType: '',
+  fileTypeName: '',
+  history: '0',
+  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('sysFileInfo') // 返回列表时 将缓存中的数据删除
+  router.go(-1)
+}
+
+// 添加
+const saveFileSystemForm = () => {
+  // 将创建时间改为提交的时间
+  sysFileInfo.value.createTime = dayjs(new Date()).format('YYYY-MM-DD HH:mm:ss')
+  addFileSystem(sysFileInfo.value).then((res) => {
+    if (res.code === 200) {
+      // 提示保存成功
+      ElMessage.success('保存成功')
+      type.value = 'detail'
+      title.value = '体系文件（详情）'
+    }
+    else {
+      // 提示失败信息
+      ElMessage.error(`保存失败：${res.message}`)
+    }
+  })
+}
+// 编辑
+const updateFileSystemById = () => {
+  updateFileSystem(sysFileInfo.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') {
+          saveFileSystemForm()
+        }
+        else if (type.value === 'update') {
+          updateFileSystemById()
+        }
+      })
+    }
+  })
+}
+
+// 上传请求
+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('上传成功')
+      sysFileInfo.value.file = res.data[0]
+      loading.close()
+    }
+  }).catch(() => {
+    loading.close()
+    ElMessage.error('上传失败')
+  })
+}
+
+// 预览文件
+const previewFileSystem = (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 = '体系文件（新增）'
+
+      // 创建人和创建时间设置默认值
+      sysFileInfo.value.createUserId = userInfo.id
+      sysFileInfo.value.createUserName = userInfo.name
+      sysFileInfo.value.createTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+
+      break
+    case 'update':
+      title.value = '体系文件（编辑）'
+      id.value = params.id
+
+      sysFileInfo.value = JSON.parse(sessionStorage.getItem('sysFileInfo')!)
+
+      break
+    case 'detail':
+      title.value = '体系文件（详情）'
+      id.value = params.id
+
+      sysFileInfo.value = JSON.parse(sessionStorage.getItem('sysFileInfo')!)
+
+      break
+    default:
+      title.value = ''
+      break
+  }
+}
+
+// 监听 显示中文 立即监听
+watch(() => sysFileInfo.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) {
+    sysFileInfo.value.fileTypeName = targetList[0].name
+  }
+  else {
+    sysFileInfo.value.fileTypeName = ''
+  }
+}, { immediate: true })
+
+watch(() => sysFileInfo.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="sysFileInfo" :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="sysFileInfo.fileNo" placeholder="请输入文件编号" :clearable="true" :disabled="type === 'detail'" />
+            </el-form-item>
+
+            <el-form-item label="文件类别" prop="fileType">
+              <el-select v-model="sysFileInfo.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="sysFileInfo.fileTypeName" type="hidden" />
+            </el-form-item>
+          </el-col>
+
+          <!-- 第一行 第二列 -->
+          <el-col :span="6">
+            <el-form-item label="文件发放编号" prop="fileDistributeNo">
+              <el-input v-model="sysFileInfo.fileDistributeNo" :clearable="true" placeholder="请输入文件发放编号" :disabled="type === 'detail'" />
+            </el-form-item>
+
+            <el-form-item label="实施时间" prop="effectiveDate">
+              <el-date-picker
+                v-model="sysFileInfo.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="sysFileInfo.fileName" :clearable="true" placeholder="请输入文件名称" :disabled="type === 'detail'" />
+            </el-form-item>
+
+            <el-form-item label="创建人">
+              <el-input v-model="sysFileInfo.createUserName" :disabled="true" />
+            </el-form-item>
+          </el-col>
+
+          <!-- 第一行 第四列 -->
+          <el-col :span="6">
+            <el-form-item label="版本号" prop="versionNo">
+              <el-input v-model="sysFileInfo.versionNo" :clearable="true" placeholder="请输入文件版本号" :disabled="type === 'detail'" />
+            </el-form-item>
+
+            <el-form-item label="创建时间">
+              <el-input v-model="sysFileInfo.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="sysFileInfo.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="sysFileInfo.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="sysFileInfo.file" type="hidden" />
+              <el-link :href="minioFileUrl" :underline="false" target="_blank" @click="previewFileSystem(minioFileUrl)">
+                {{ sysFileInfo.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/api/resource/fileSystem.ts b/src/api/resource/fileSystem.ts
index 82dc820..3efc02e 100644
--- a/src/api/resource/fileSystem.ts
+++ b/src/api/resource/fileSystem.ts
@@ -8,3 +8,27 @@
     data,
   })
 }
+
+export function addFileSystem(data: object) {
+  return request({
+    url: `${prefix}/system/add`,
+    method: 'post',
+    data,
+  })
+}
+
+export function delFileSystem(data: object) {
+  return request({
+    url: `${prefix}/system/delete`,
+    method: 'post',
+    data,
+  })
+}
+
+export function updateFileSystem(data: object) {
+  return request({
+    url: `${prefix}/system/update`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/views/resource/outsideService/supplier/basicForEdit.vue b/src/views/resource/outsideService/supplier/basicForEdit.vue
index ff0c7ee..e2d30cc 100644
--- a/src/views/resource/outsideService/supplier/basicForEdit.vue
+++ b/src/views/resource/outsideService/supplier/basicForEdit.vue
@@ -1,6 +1,7 @@
 <!-- 供方名录 可编辑基本信息 -->
 <script name="SupplierInfoBasicForEdit" lang="ts" setup>
-import { ElMessage, ElMessageBox } from 'element-plus'
+import type { UploadProps } from 'element-plus'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import type { IDictType, ISupplierInfo } from './supplier-interface'
 import { mailboxValidator, phoneValidator, postalCodeValidator, websiteValidator } from './supplier-interface'
 import { UploadFile } from '@/api/file'
@@ -171,6 +172,39 @@
   })
 }
 
+// 上传请求
+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('上传成功')
+      supplierInfo.value.minioFileName = res.data[0]
+      loading.close()
+    }
+  }).catch(() => {
+    loading.close()
+    ElMessage.error('上传失败')
+  })
+}
+
+// 上传之前的验证
+const beforeAvatarUpload: UploadProps['beforeUpload'] = (rawFile) => {
+  if (rawFile.type !== 'image/jpeg' && rawFile.type !== 'image/png' && rawFile.type !== 'image/jpg') {
+    ElMessage.error('只能上传png/jpeg/jpg格式的图片')
+    return false
+  }
+  else if (rawFile.size / 1024 / 1024 > 2) {
+    ElMessage.error('图片不能大于2MB')
+    return false
+  }
+  return true
+}
+
 // 监听 显示中文 立即监听
 watch(() => supplierInfo.value.supplierType, (newVal) => {
   if (supplierTypeDictInChild.value.length === 0) {
@@ -291,7 +325,11 @@
       <el-row :gutter="24">
         <el-col :span="12">
           <el-form-item label="附件">
-            <el-upload>
+            <el-upload
+              :http-request="uploadQuarterlyEvaluateFile"
+              :before-upload="beforeAvatarUpload"
+              accept="image/png, image/jpeg,image/jpg"
+            >
               <el-button type="primary">
                 上传
               </el-button>
diff --git a/src/views/resource/system/sysDoc/detail.vue b/src/views/resource/system/sysDoc/detail.vue
index 93735e0..015d361 100644
--- a/src/views/resource/system/sysDoc/detail.vue
+++ b/src/views/resource/system/sysDoc/detail.vue
@@ -1,10 +1,321 @@
 <!-- 体系文件详情 -->
 <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 './sysDoc-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 sysFileInfo = ref<IFileInfo>({
+  id: '',
+  fileNo: '',
+  fileName: '',
+  fileDistributeNo: '',
+  fileType: '',
+  fileTypeName: '',
+  history: '0',
+  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('sysFileInfo') // 返回列表时 将缓存中的数据删除
+  router.go(-1)
+}
+
+// 添加
+const saveFileSystemForm = () => {
+  // 将创建时间改为提交的时间
+  sysFileInfo.value.createTime = dayjs(new Date()).format('YYYY-MM-DD HH:mm:ss')
+  addFileSystem(sysFileInfo.value).then((res) => {
+    if (res.code === 200) {
+      // 提示保存成功
+      ElMessage.success('保存成功')
+      type.value = 'detail'
+      title.value = '体系文件（详情）'
+    }
+    else {
+      // 提示失败信息
+      ElMessage.error(`保存失败：${res.message}`)
+    }
+  })
+}
+// 编辑
+const updateFileSystemById = () => {
+  updateFileSystem(sysFileInfo.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') {
+          saveFileSystemForm()
+        }
+        else if (type.value === 'update') {
+          updateFileSystemById()
+        }
+      })
+    }
+  })
+}
+
+// 上传请求
+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('上传成功')
+      sysFileInfo.value.file = res.data[0]
+      loading.close()
+    }
+  }).catch(() => {
+    loading.close()
+    ElMessage.error('上传失败')
+  })
+}
+
+// 预览文件
+const previewFileSystem = (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 = '体系文件（新增）'
+
+      // 创建人和创建时间设置默认值
+      sysFileInfo.value.createUserId = userInfo.id
+      sysFileInfo.value.createUserName = userInfo.name
+      sysFileInfo.value.createTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+
+      break
+    case 'update':
+      title.value = '体系文件（编辑）'
+      id.value = params.id
+
+      sysFileInfo.value = JSON.parse(sessionStorage.getItem('sysFileInfo')!)
+
+      break
+    case 'detail':
+      title.value = '体系文件（详情）'
+      id.value = params.id
+
+      sysFileInfo.value = JSON.parse(sessionStorage.getItem('sysFileInfo')!)
+
+      break
+    default:
+      title.value = ''
+      break
+  }
+}
+
+// 监听 显示中文 立即监听
+watch(() => sysFileInfo.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) {
+    sysFileInfo.value.fileTypeName = targetList[0].name
+  }
+  else {
+    sysFileInfo.value.fileTypeName = ''
+  }
+}, { immediate: true })
+
+watch(() => sysFileInfo.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="sysFileInfo" :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="sysFileInfo.fileNo" placeholder="请输入文件编号" :clearable="true" :disabled="type === 'detail'" />
+            </el-form-item>
+
+            <el-form-item label="文件类别" prop="fileType">
+              <el-select v-model="sysFileInfo.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="sysFileInfo.fileTypeName" type="hidden" />
+            </el-form-item>
+          </el-col>
+
+          <!-- 第一行 第二列 -->
+          <el-col :span="6">
+            <el-form-item label="文件发放编号" prop="fileDistributeNo">
+              <el-input v-model="sysFileInfo.fileDistributeNo" :clearable="true" placeholder="请输入文件发放编号" :disabled="type === 'detail'" />
+            </el-form-item>
+
+            <el-form-item label="实施时间" prop="effectiveDate">
+              <el-date-picker
+                v-model="sysFileInfo.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="sysFileInfo.fileName" :clearable="true" placeholder="请输入文件名称" :disabled="type === 'detail'" />
+            </el-form-item>
+
+            <el-form-item label="创建人">
+              <el-input v-model="sysFileInfo.createUserName" :disabled="true" />
+            </el-form-item>
+          </el-col>
+
+          <!-- 第一行 第四列 -->
+          <el-col :span="6">
+            <el-form-item label="版本号" prop="versionNo">
+              <el-input v-model="sysFileInfo.versionNo" :clearable="true" placeholder="请输入文件版本号" :disabled="type === 'detail'" />
+            </el-form-item>
+
+            <el-form-item label="创建时间">
+              <el-input v-model="sysFileInfo.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="sysFileInfo.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="sysFileInfo.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="sysFileInfo.file" type="hidden" />
+              <el-link :href="minioFileUrl" :underline="false" target="_blank" @click="previewFileSystem(minioFileUrl)">
+                {{ sysFileInfo.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/sysDoc/list.vue b/src/views/resource/system/sysDoc/list.vue
index 91d6d5c..d3a8e6d 100644
--- a/src/views/resource/system/sysDoc/list.vue
+++ b/src/views/resource/system/sysDoc/list.vue
@@ -1,10 +1,224 @@
 <!-- 体系文件列表 -->
-<script name="SysDocList" lang="ts" setup>
+<script name="HistoryDocList" lang="ts" setup>
+import dayjs from 'dayjs'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { IDictType, IFileInfo, IListQuery } from './sysDoc-interface'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { getDictByCode } from '@/api/system/dict'
+import { delFileSystem, getFileSystemList } from '@/api/resource/fileSystem'
+
+const { proxy } = getCurrentInstance() as any
+const router = useRouter()
+
+const fileTypeDict = ref<Array<IDictType>>([])
+
+// 查询条件
+const searchQuery = ref<IListQuery>({
+  fileNo: '', // 文件编号
+  fileName: '', // 文件名
+  fileDistributeNo: '', // 文件发放号
+  fileType: '', // 文件类别
+  history: '0', // 体系文件
+  offset: 1,
+  limit: 20,
+})
+const total = ref(0) // 数据条数
+const loadingTable = ref(false) // 表格loading
+
+// 表头
+const columns = ref<TableColumn[]>([
+  { text: '文件编号', value: 'fileNo', align: 'center', width: '180' },
+  { text: '文件发放号', value: 'fileDistributeNo', align: 'center' },
+  { text: '文件名称', value: 'fileName', align: 'center' },
+  { text: '版本号', value: 'versionNo', align: 'center', width: '140' },
+  { text: '类别', value: 'fileTypeName', align: 'center', width: '140' },
+  { text: '实施时间', value: 'effectiveDateStr', align: 'center', width: '140' },
+])
+const sysFileList = ref<Array<IFileInfo>>([]) // 表格数据
+
 // 逻辑
+// 跳转到新建的页面
+const addSysFile = () => {
+  router.push({
+    query: {
+      type: 'create',
+    },
+    path: '/system/sysDoc/detail',
+  })
+}
+
+// 详情
+const detail = (row: IFileInfo) => {
+  sessionStorage.setItem('sysFileInfo', JSON.stringify(row))
+  router.push({
+    query: {
+      type: 'detail',
+      id: row.id,
+    },
+    path: '/system/sysDoc/detail',
+  })
+}
+
+// 编辑
+const updateById = (row: IFileInfo) => {
+  sessionStorage.setItem('sysFileInfo', JSON.stringify(row))
+  router.push({
+    query: {
+      type: 'update',
+      id: row.id,
+    },
+    path: '/system/sysDoc/detail',
+  })
+}
+
+// 数据查询
+function fetchData(isNowPage = false) {
+  loadingTable.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    searchQuery.value.offset = 1
+  }
+  getFileSystemList(searchQuery.value).then((response) => {
+    if (response.code === 200) {
+      sysFileList.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 searchList = () => {
+  fetchData(true)
+}
+
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    searchQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    searchQuery.value.offset = val.page
+  }
+  fetchData()
+}
+
+// 重置
+const reset = () => {
+  searchQuery.value = {
+    fileNo: '', // 文件编号
+    fileName: '', // 文件名
+    fileDistributeNo: '', // 文件发放号
+    fileType: '', // 文件类别
+    history: '0', // 体系文件
+    offset: 1,
+    limit: 20,
+  }
+  fetchData(true)
+}
+
+// 删除
+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}`)
+      }
+    })
+  })
+}
+
+// 获取文件类别字典值
+const getFileTypeDict = () => {
+  getDictByCode('bizFileType').then((res) => {
+    if (res.code === 200) {
+      fileTypeDict.value = res.data
+      sessionStorage.setItem('bizFileType', JSON.stringify(fileTypeDict.value))
+    }
+  })
+}
+const getDict = async () => {
+  getFileTypeDict()
+}
+
+onMounted(async () => {
+  await getDict()
+  searchList()
+})
 </script>
 
 <template>
   <app-container>
-    体系文件列表
+    <!-- 筛选条件 -->
+    <search-area :need-clear="true" @search="searchList" @clear="reset">
+      <search-item>
+        <el-input v-model="searchQuery.fileNo" placeholder="文件编号" clearable />
+      </search-item>
+      <search-item>
+        <el-input v-model="searchQuery.fileDistributeNo" placeholder="供方名称" clearable />
+      </search-item>
+      <search-item>
+        <el-input v-model="searchQuery.fileName" placeholder="联系人" clearable />
+      </search-item>
+      <search-item>
+        <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>
+    </search-area>
+
+    <!-- 表格数据展示 -->
+    <table-container>
+      <!-- 表头区域 -->
+      <template #btns-right>
+        <icon-button v-if="proxy.hasPerm(`/resource/system/sysDoc/add`)" icon="icon-add" title="新建" @click="addSysFile" />
+      </template>
+
+      <!-- 表格区域 -->
+      <normal-table
+        id="supplierInfoTabel"
+        :data="sysFileList" :total="total" :columns="columns"
+        :query="{ limit: searchQuery.limit, offset: searchQuery.offset }"
+        :list-loading="loadingTable"
+        @change="changePage"
+      >
+        <template #preColumns>
+          <el-table-column label="序号" width="55" align="center">
+            <template #default="scope">
+              {{ (searchQuery.offset - 1) * searchQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column fixed="right" label="操作" align="center" width="130">
+            <template #default="{ row }">
+              <el-button size="small" type="primary" link @click="detail(row)">
+                查看
+              </el-button>
+              <el-button v-if="proxy.hasPerm(`/resource/system/sysDoc/edit`)" size="small" type="primary" link @click="updateById(row)">
+                编辑
+              </el-button>
+              <el-button v-if="proxy.hasPerm(`/resource/system/sysDoc/del`)" size="small" type="danger" link @click="deleteById(row)">
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
   </app-container>
 </template>

diff --git a/src/api/resource/fileSystem.ts b/src/api/resource/fileSystem.ts
index 82dc820..3efc02e 100644
--- a/src/api/resource/fileSystem.ts
+++ b/src/api/resource/fileSystem.ts
@@ -8,3 +8,27 @@
     data,
   })
 }
+
+export function addFileSystem(data: object) {
+  return request({
+    url: `${prefix}/system/add`,
+    method: 'post',
+    data,
+  })
+}
+
+export function delFileSystem(data: object) {
+  return request({
+    url: `${prefix}/system/delete`,
+    method: 'post',
+    data,
+  })
+}
+
+export function updateFileSystem(data: object) {
+  return request({
+    url: `${prefix}/system/update`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/views/resource/outsideService/supplier/basicForEdit.vue b/src/views/resource/outsideService/supplier/basicForEdit.vue
index ff0c7ee..e2d30cc 100644
--- a/src/views/resource/outsideService/supplier/basicForEdit.vue
+++ b/src/views/resource/outsideService/supplier/basicForEdit.vue
@@ -1,6 +1,7 @@
 <!-- 供方名录 可编辑基本信息 -->
 <script name="SupplierInfoBasicForEdit" lang="ts" setup>
-import { ElMessage, ElMessageBox } from 'element-plus'
+import type { UploadProps } from 'element-plus'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import type { IDictType, ISupplierInfo } from './supplier-interface'
 import { mailboxValidator, phoneValidator, postalCodeValidator, websiteValidator } from './supplier-interface'
 import { UploadFile } from '@/api/file'
@@ -171,6 +172,39 @@
   })
 }
 
+// 上传请求
+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('上传成功')
+      supplierInfo.value.minioFileName = res.data[0]
+      loading.close()
+    }
+  }).catch(() => {
+    loading.close()
+    ElMessage.error('上传失败')
+  })
+}
+
+// 上传之前的验证
+const beforeAvatarUpload: UploadProps['beforeUpload'] = (rawFile) => {
+  if (rawFile.type !== 'image/jpeg' && rawFile.type !== 'image/png' && rawFile.type !== 'image/jpg') {
+    ElMessage.error('只能上传png/jpeg/jpg格式的图片')
+    return false
+  }
+  else if (rawFile.size / 1024 / 1024 > 2) {
+    ElMessage.error('图片不能大于2MB')
+    return false
+  }
+  return true
+}
+
 // 监听 显示中文 立即监听
 watch(() => supplierInfo.value.supplierType, (newVal) => {
   if (supplierTypeDictInChild.value.length === 0) {
@@ -291,7 +325,11 @@
       <el-row :gutter="24">
         <el-col :span="12">
           <el-form-item label="附件">
-            <el-upload>
+            <el-upload
+              :http-request="uploadQuarterlyEvaluateFile"
+              :before-upload="beforeAvatarUpload"
+              accept="image/png, image/jpeg,image/jpg"
+            >
               <el-button type="primary">
                 上传
               </el-button>
diff --git a/src/views/resource/system/sysDoc/detail.vue b/src/views/resource/system/sysDoc/detail.vue
index 93735e0..015d361 100644
--- a/src/views/resource/system/sysDoc/detail.vue
+++ b/src/views/resource/system/sysDoc/detail.vue
@@ -1,10 +1,321 @@
 <!-- 体系文件详情 -->
 <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 './sysDoc-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 sysFileInfo = ref<IFileInfo>({
+  id: '',
+  fileNo: '',
+  fileName: '',
+  fileDistributeNo: '',
+  fileType: '',
+  fileTypeName: '',
+  history: '0',
+  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('sysFileInfo') // 返回列表时 将缓存中的数据删除
+  router.go(-1)
+}
+
+// 添加
+const saveFileSystemForm = () => {
+  // 将创建时间改为提交的时间
+  sysFileInfo.value.createTime = dayjs(new Date()).format('YYYY-MM-DD HH:mm:ss')
+  addFileSystem(sysFileInfo.value).then((res) => {
+    if (res.code === 200) {
+      // 提示保存成功
+      ElMessage.success('保存成功')
+      type.value = 'detail'
+      title.value = '体系文件（详情）'
+    }
+    else {
+      // 提示失败信息
+      ElMessage.error(`保存失败：${res.message}`)
+    }
+  })
+}
+// 编辑
+const updateFileSystemById = () => {
+  updateFileSystem(sysFileInfo.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') {
+          saveFileSystemForm()
+        }
+        else if (type.value === 'update') {
+          updateFileSystemById()
+        }
+      })
+    }
+  })
+}
+
+// 上传请求
+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('上传成功')
+      sysFileInfo.value.file = res.data[0]
+      loading.close()
+    }
+  }).catch(() => {
+    loading.close()
+    ElMessage.error('上传失败')
+  })
+}
+
+// 预览文件
+const previewFileSystem = (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 = '体系文件（新增）'
+
+      // 创建人和创建时间设置默认值
+      sysFileInfo.value.createUserId = userInfo.id
+      sysFileInfo.value.createUserName = userInfo.name
+      sysFileInfo.value.createTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+
+      break
+    case 'update':
+      title.value = '体系文件（编辑）'
+      id.value = params.id
+
+      sysFileInfo.value = JSON.parse(sessionStorage.getItem('sysFileInfo')!)
+
+      break
+    case 'detail':
+      title.value = '体系文件（详情）'
+      id.value = params.id
+
+      sysFileInfo.value = JSON.parse(sessionStorage.getItem('sysFileInfo')!)
+
+      break
+    default:
+      title.value = ''
+      break
+  }
+}
+
+// 监听 显示中文 立即监听
+watch(() => sysFileInfo.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) {
+    sysFileInfo.value.fileTypeName = targetList[0].name
+  }
+  else {
+    sysFileInfo.value.fileTypeName = ''
+  }
+}, { immediate: true })
+
+watch(() => sysFileInfo.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="sysFileInfo" :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="sysFileInfo.fileNo" placeholder="请输入文件编号" :clearable="true" :disabled="type === 'detail'" />
+            </el-form-item>
+
+            <el-form-item label="文件类别" prop="fileType">
+              <el-select v-model="sysFileInfo.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="sysFileInfo.fileTypeName" type="hidden" />
+            </el-form-item>
+          </el-col>
+
+          <!-- 第一行 第二列 -->
+          <el-col :span="6">
+            <el-form-item label="文件发放编号" prop="fileDistributeNo">
+              <el-input v-model="sysFileInfo.fileDistributeNo" :clearable="true" placeholder="请输入文件发放编号" :disabled="type === 'detail'" />
+            </el-form-item>
+
+            <el-form-item label="实施时间" prop="effectiveDate">
+              <el-date-picker
+                v-model="sysFileInfo.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="sysFileInfo.fileName" :clearable="true" placeholder="请输入文件名称" :disabled="type === 'detail'" />
+            </el-form-item>
+
+            <el-form-item label="创建人">
+              <el-input v-model="sysFileInfo.createUserName" :disabled="true" />
+            </el-form-item>
+          </el-col>
+
+          <!-- 第一行 第四列 -->
+          <el-col :span="6">
+            <el-form-item label="版本号" prop="versionNo">
+              <el-input v-model="sysFileInfo.versionNo" :clearable="true" placeholder="请输入文件版本号" :disabled="type === 'detail'" />
+            </el-form-item>
+
+            <el-form-item label="创建时间">
+              <el-input v-model="sysFileInfo.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="sysFileInfo.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="sysFileInfo.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="sysFileInfo.file" type="hidden" />
+              <el-link :href="minioFileUrl" :underline="false" target="_blank" @click="previewFileSystem(minioFileUrl)">
+                {{ sysFileInfo.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/sysDoc/list.vue b/src/views/resource/system/sysDoc/list.vue
index 91d6d5c..d3a8e6d 100644
--- a/src/views/resource/system/sysDoc/list.vue
+++ b/src/views/resource/system/sysDoc/list.vue
@@ -1,10 +1,224 @@
 <!-- 体系文件列表 -->
-<script name="SysDocList" lang="ts" setup>
+<script name="HistoryDocList" lang="ts" setup>
+import dayjs from 'dayjs'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { IDictType, IFileInfo, IListQuery } from './sysDoc-interface'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { getDictByCode } from '@/api/system/dict'
+import { delFileSystem, getFileSystemList } from '@/api/resource/fileSystem'
+
+const { proxy } = getCurrentInstance() as any
+const router = useRouter()
+
+const fileTypeDict = ref<Array<IDictType>>([])
+
+// 查询条件
+const searchQuery = ref<IListQuery>({
+  fileNo: '', // 文件编号
+  fileName: '', // 文件名
+  fileDistributeNo: '', // 文件发放号
+  fileType: '', // 文件类别
+  history: '0', // 体系文件
+  offset: 1,
+  limit: 20,
+})
+const total = ref(0) // 数据条数
+const loadingTable = ref(false) // 表格loading
+
+// 表头
+const columns = ref<TableColumn[]>([
+  { text: '文件编号', value: 'fileNo', align: 'center', width: '180' },
+  { text: '文件发放号', value: 'fileDistributeNo', align: 'center' },
+  { text: '文件名称', value: 'fileName', align: 'center' },
+  { text: '版本号', value: 'versionNo', align: 'center', width: '140' },
+  { text: '类别', value: 'fileTypeName', align: 'center', width: '140' },
+  { text: '实施时间', value: 'effectiveDateStr', align: 'center', width: '140' },
+])
+const sysFileList = ref<Array<IFileInfo>>([]) // 表格数据
+
 // 逻辑
+// 跳转到新建的页面
+const addSysFile = () => {
+  router.push({
+    query: {
+      type: 'create',
+    },
+    path: '/system/sysDoc/detail',
+  })
+}
+
+// 详情
+const detail = (row: IFileInfo) => {
+  sessionStorage.setItem('sysFileInfo', JSON.stringify(row))
+  router.push({
+    query: {
+      type: 'detail',
+      id: row.id,
+    },
+    path: '/system/sysDoc/detail',
+  })
+}
+
+// 编辑
+const updateById = (row: IFileInfo) => {
+  sessionStorage.setItem('sysFileInfo', JSON.stringify(row))
+  router.push({
+    query: {
+      type: 'update',
+      id: row.id,
+    },
+    path: '/system/sysDoc/detail',
+  })
+}
+
+// 数据查询
+function fetchData(isNowPage = false) {
+  loadingTable.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    searchQuery.value.offset = 1
+  }
+  getFileSystemList(searchQuery.value).then((response) => {
+    if (response.code === 200) {
+      sysFileList.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 searchList = () => {
+  fetchData(true)
+}
+
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    searchQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    searchQuery.value.offset = val.page
+  }
+  fetchData()
+}
+
+// 重置
+const reset = () => {
+  searchQuery.value = {
+    fileNo: '', // 文件编号
+    fileName: '', // 文件名
+    fileDistributeNo: '', // 文件发放号
+    fileType: '', // 文件类别
+    history: '0', // 体系文件
+    offset: 1,
+    limit: 20,
+  }
+  fetchData(true)
+}
+
+// 删除
+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}`)
+      }
+    })
+  })
+}
+
+// 获取文件类别字典值
+const getFileTypeDict = () => {
+  getDictByCode('bizFileType').then((res) => {
+    if (res.code === 200) {
+      fileTypeDict.value = res.data
+      sessionStorage.setItem('bizFileType', JSON.stringify(fileTypeDict.value))
+    }
+  })
+}
+const getDict = async () => {
+  getFileTypeDict()
+}
+
+onMounted(async () => {
+  await getDict()
+  searchList()
+})
 </script>
 
 <template>
   <app-container>
-    体系文件列表
+    <!-- 筛选条件 -->
+    <search-area :need-clear="true" @search="searchList" @clear="reset">
+      <search-item>
+        <el-input v-model="searchQuery.fileNo" placeholder="文件编号" clearable />
+      </search-item>
+      <search-item>
+        <el-input v-model="searchQuery.fileDistributeNo" placeholder="供方名称" clearable />
+      </search-item>
+      <search-item>
+        <el-input v-model="searchQuery.fileName" placeholder="联系人" clearable />
+      </search-item>
+      <search-item>
+        <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>
+    </search-area>
+
+    <!-- 表格数据展示 -->
+    <table-container>
+      <!-- 表头区域 -->
+      <template #btns-right>
+        <icon-button v-if="proxy.hasPerm(`/resource/system/sysDoc/add`)" icon="icon-add" title="新建" @click="addSysFile" />
+      </template>
+
+      <!-- 表格区域 -->
+      <normal-table
+        id="supplierInfoTabel"
+        :data="sysFileList" :total="total" :columns="columns"
+        :query="{ limit: searchQuery.limit, offset: searchQuery.offset }"
+        :list-loading="loadingTable"
+        @change="changePage"
+      >
+        <template #preColumns>
+          <el-table-column label="序号" width="55" align="center">
+            <template #default="scope">
+              {{ (searchQuery.offset - 1) * searchQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+        <template #columns>
+          <el-table-column fixed="right" label="操作" align="center" width="130">
+            <template #default="{ row }">
+              <el-button size="small" type="primary" link @click="detail(row)">
+                查看
+              </el-button>
+              <el-button v-if="proxy.hasPerm(`/resource/system/sysDoc/edit`)" size="small" type="primary" link @click="updateById(row)">
+                编辑
+              </el-button>
+              <el-button v-if="proxy.hasPerm(`/resource/system/sysDoc/del`)" size="small" type="danger" link @click="deleteById(row)">
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
   </app-container>
 </template>
diff --git a/src/views/resource/system/sysDoc/sysDoc-interface.ts b/src/views/resource/system/sysDoc/sysDoc-interface.ts
index aed5f57..11b8069 100644
--- a/src/views/resource/system/sysDoc/sysDoc-interface.ts
+++ b/src/views/resource/system/sysDoc/sysDoc-interface.ts
@@ -1,4 +1,36 @@
 // 列表查询参数接口
 export interface IListQuery {
-  //
+  fileNo: string // 文件编号
+  fileName: string // 文件名
+  fileDistributeNo: string // 文件发放号
+  fileType: string // 文件类别（字典值）
+  history: string // 历史文件(1历史文件0体系文件)
+  offset: number
+  limit: number
+  sort?: string
+  order?: string
+}
+
+export interface IDictType {
+  name: string
+  id: string
+  value: string
+}
+
+export interface IFileInfo {
+  id: string
+  fileNo: string
+  fileName: string
+  fileDistributeNo: string
+  fileType: string
+  fileTypeName: string
+  history: string
+  versionNo: string
+  effectiveDate: string
+  createUserId?: string
+  createUserName?: string
+  createTime?: string
+  changeFormId?: string
+  remark?: string
+  file: string
 }