diff --git a/src/api/resource/fileSystem.ts b/src/api/resource/fileSystem.ts
new file mode 100644
index 0000000..82dc820
--- /dev/null
+++ b/src/api/resource/fileSystem.ts
@@ -0,0 +1,10 @@
+import request from '../index'
+const prefix = 'resource/file'
+
+export function getFileSystemList(data: object) {
+  return request({
+    url: `${prefix}/system/listPage`,
+    method: 'post',
+    data,
+  })
+}

diff --git a/src/api/resource/fileSystem.ts b/src/api/resource/fileSystem.ts
new file mode 100644
index 0000000..82dc820
--- /dev/null
+++ b/src/api/resource/fileSystem.ts
@@ -0,0 +1,10 @@
+import request from '../index'
+const prefix = 'resource/file'
+
+export function getFileSystemList(data: object) {
+  return request({
+    url: `${prefix}/system/listPage`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/views/resource/system/historyDoc/historyDoc-interface.ts b/src/views/resource/system/historyDoc/historyDoc-interface.ts
index aed5f57..c9b9c2b 100644
--- a/src/views/resource/system/historyDoc/historyDoc-interface.ts
+++ b/src/views/resource/system/historyDoc/historyDoc-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?: number
+  createUserName?: string
+  createTime?: string
+  changeFormId?: string
+  remark?: string
+  file: string
 }

diff --git a/src/api/resource/fileSystem.ts b/src/api/resource/fileSystem.ts
new file mode 100644
index 0000000..82dc820
--- /dev/null
+++ b/src/api/resource/fileSystem.ts
@@ -0,0 +1,10 @@
+import request from '../index'
+const prefix = 'resource/file'
+
+export function getFileSystemList(data: object) {
+  return request({
+    url: `${prefix}/system/listPage`,
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/views/resource/system/historyDoc/historyDoc-interface.ts b/src/views/resource/system/historyDoc/historyDoc-interface.ts
index aed5f57..c9b9c2b 100644
--- a/src/views/resource/system/historyDoc/historyDoc-interface.ts
+++ b/src/views/resource/system/historyDoc/historyDoc-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?: number
+  createUserName?: string
+  createTime?: string
+  changeFormId?: string
+  remark?: string
+  file: string
 }
diff --git a/src/views/resource/system/historyDoc/list.vue b/src/views/resource/system/historyDoc/list.vue
index e70fdd7..0702d70 100644
--- a/src/views/resource/system/historyDoc/list.vue
+++ b/src/views/resource/system/historyDoc/list.vue
@@ -1,10 +1,157 @@
 <!-- 历史文件列表 -->
 <script name="HistoryDocList" lang="ts" setup>
+import dayjs from 'dayjs'
+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'
+
+const router = useRouter()
+
+const fileTypeDict = ref<Array<IDictType>>([])
+
+// 查询条件
+const searchQuery = ref<IListQuery>({
+  fileNo: '', // 文件编号
+  fileName: '', // 文件名
+  fileDistributeNo: '', // 文件发放号
+  fileType: '', // 文件类别
+  history: '1', // 历史文件
+  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: 'effectiveDate', 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)
+}
+
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+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: '1', // 历史文件
+    offset: 1,
+    limit: 20,
+  }
+  fetchData(true)
+}
+
+// 获取文件类别字典值
+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()
+})
 </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>
+      <!-- 表格区域 -->
+      <normal-table
+        id="supplierInfoTabel"
+        :data="hisFileList" :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>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
   </app-container>
 </template>