fix : 上传文件表格滚动时, 表头固定

2024-07-13 14:18:47 +08:00
parent 3e1db9c1a4
commit b1309fae57
11 changed files with 11 additions and 23 deletions
--- a/src/components/AttachmentUpload.vue
+++ b/src/components/AttachmentUpload.vue
@@ -15,7 +15,7 @@
            <file-upload @getFile="getAttachment" :multiple="false"
                         :disabled="isSingleFile" ref="fileUploadRef"/>
            <!--           :showFileList="showFileList" @delete="deleteAttachment"-->
-            <fvTable style="width: 100%;max-height: 80px;" v-if="showSingleTable" :tableConfig="singleTableConfig"
+            <fvTable style="width: 100%;max-height: 80px;" v-if="showSingleTable"  height="80"   :tableConfig="singleTableConfig"
                     :data="singleFileList" :isSettingCol="false" :pagination="false">
              <template #empty>
                <el-empty :image-size="90" description="暂无数据" style="padding: 0"/>
@@ -28,7 +28,7 @@
        <el-form-item label="其他文件" label-width="125">
          <file-upload @getFile="getOtherFile"/>
          <!--          <el-card style="width: 100%;box-shadow: none">-->
-          <fvTable style="width: 100%;max-height: 300px;" v-if="showTable" :tableConfig="tableConfig"
+          <fvTable style="width: 100%;max-height: 300px;" v-if="showTable" height="300"  :tableConfig="tableConfig"
                   :data="allFileList" :isSettingCol="false" :pagination="false">
            <template #empty>
              <el-empty :image-size="90" description="暂无数据" style="padding: 0"/>
@@ -97,7 +97,6 @@ const tableConfig = reactive({
      label: '序号',
      align: 'center',
      width: '80',
-      fixed:true
    },
    {
      prop: 'originalFileName',
@@ -160,7 +159,6 @@ const singleTableConfig = reactive({
      label: '序号',
      align: 'center',
      width: '80',
-      fixed:true
    },
    {
      prop: 'originalFileName',
--- a/src/components/DetailComponent/FileComponent.vue
+++ b/src/components/DetailComponent/FileComponent.vue
@@ -2,7 +2,7 @@
  <el-form :label-position="labelAlign">
    <el-form-item :label="title?'其他文件':''" v-if="fileListShow === 'READ' || fileListShow === 'EDIT'" :label-position="labelAlign" :label-width="title?95:''">
      <file-upload @getFile="getOtherFile" v-if="fileListShow === 'EDIT'"/>
-      <fvTable style="width: 100%;max-height: 300px;" v-if="processViewer" :tableConfig="tableConfig"
+      <fvTable style="width: 100%;max-height: 300px;" v-if="processViewer"  height="300" :tableConfig="tableConfig"
              :data="_value" :isSettingCol="false" :pagination="false">
        <template #empty>
          <el-empty :image-size="90" description="暂无数据" style="padding: 0"/>
@@ -51,7 +51,6 @@ const tableConfig = reactive({
      label: '序号',
      align: 'center',
      width: 85,
-      fixed:true
    },
    {
      prop: 'originalFileName',
--- a/src/components/DetailComponent/SpecialFundDetail.vue
+++ b/src/components/DetailComponent/SpecialFundDetail.vue
@@ -41,7 +41,7 @@
        <baseTitle title="附件列表"></baseTitle>
        <el-col :span="24">
          <el-form-item>
-            <fvTable style="width: 100%;max-height: 300px;" v-if="showTable" :tableConfig="fileTable"
+            <fvTable style="width: 100%;max-height: 300px;"  height="300"  v-if="showTable" :tableConfig="fileTable"
                     :data="formData.files" :isSettingCol="false" :pagination="false">
              <template #empty>
                <el-empty :image-size="90" description="暂无数据" style="padding: 0"/>
@@ -166,7 +166,6 @@ const fileTable = reactive({
      label: '序号',
      align: 'center',
      width: '80',
-      fixed:true
    },
    {
      prop: 'originalFileName',
--- a/src/components/SearchFilesByTag.vue
+++ b/src/components/SearchFilesByTag.vue
@@ -21,7 +21,7 @@
      </el-form-item>
    </el-form>
    <el-card style="width: 100%">
-      <fvTable style="width: 100%;max-height: 250px" v-if="showTable" :tableConfig="tableConfig"
+      <fvTable style="width: 100%;max-height: 250px" v-if="showTable" height="250"  :tableConfig="tableConfig"
               :data="fileList" :isSettingCol="false" :pagination="false">
        <template #empty>
          <el-empty :image-size="90" description="暂无数据" style="padding: 0"/>
@@ -66,7 +66,6 @@ const tableConfig = reactive({
      prop: 'originalFileName',
      label: '附件名称',
      align: 'center',
-      fixed:true
    },
    {
      prop: 'tag',
--- a/src/components/TagAndFileUpload.vue
+++ b/src/components/TagAndFileUpload.vue
@@ -16,7 +16,7 @@
  <baseTitle title="其他文件"></baseTitle>
  <el-card style="width: 100%;margin: 15px 0">
    <file-upload @getFile="getFiles"/>
-    <fvTable style="width: 100%;max-height: 250px;height: 250px" v-if="showTable" :tableConfig="tableConfig"
+    <fvTable style="width: 100%;max-height: 250px;height: 250px"  height="250"  v-if="showTable" :tableConfig="tableConfig"
             :data="fileList" :isSettingCol="false" :pagination="false">
      <template #empty>
        <el-empty :image-size="90" description="暂无数据" style="padding: 0"/>
@@ -56,7 +56,6 @@ const tableConfig = reactive({
      label: '序号',
      align: 'center',
      width: '80',
-      fixed:true
    },
    {
      prop: 'originalFileName',
--- a/src/views/project-demand/requirement/add.vue
+++ b/src/views/project-demand/requirement/add.vue
@@ -183,7 +183,6 @@ const tableConfig = reactive({
      label: '序号',
      align: 'center',
      width: '80',
-      fixed:true
    },
    {
      prop: 'originalFileName',
--- a/src/views/project-management/filing/upload.vue
+++ b/src/views/project-management/filing/upload.vue
@@ -4,7 +4,7 @@
  <baseTitle :title="getName()+'-上传附件'"></baseTitle>
  <el-card style="width: 100%;margin: 15px 0">
    <file-upload @getFile="getFile" />
-    <fvTable style="width: 100%;max-height: 300px;" v-if="showTable" :tableConfig="tableConfig"
+    <fvTable style="width: 100%;max-height: 300px;" v-if="showTable" height="300"  :tableConfig="tableConfig"
             :data="fileList" :isSettingCol="false" :pagination="false">
      <template #empty>
        <el-empty :image-size="90" description="暂无数据" style="padding: 0"/>
@@ -71,7 +71,6 @@ const tableConfig = reactive({
      label: '序号',
      align: 'center',
      width: '80',
-      fixed:true
    },
    {
      prop: 'originalFileName',
--- a/src/views/project-management/implementation/attachment.vue
+++ b/src/views/project-management/implementation/attachment.vue
@@ -18,7 +18,7 @@
    </el-form-item>
  </el-form>
  <el-card style="width: 100%">
-    <fvTable style="width: 100%;max-height: 250px" v-if="showTable" :tableConfig="tableConfig"
+    <fvTable style="width: 100%;max-height: 250px" v-if="showTable" height="250"  :tableConfig="tableConfig"
             :data="otherFileList" :isSettingCol="false" :pagination="false">
      <template #empty>
        <el-empty :image-size="90" description="暂无数据" style="padding: 0"/>
@@ -82,7 +82,6 @@ const tableConfig = reactive({
      label: '序号',
      align: 'center',
      width: '80',
-      fixed:true
    },
    {
      prop: 'originalFileName',
--- a/src/views/project-management/implementation/upload.vue
+++ b/src/views/project-management/implementation/upload.vue
@@ -19,7 +19,7 @@
  <baseTitle title="其他文件"></baseTitle>
  <el-card style="width: 100%;margin: 15px 0">
    <file-upload @getFile="getFile" :disabled="!formData.tagName" :title="!formData.tagName?'请先选择/输入标签！':''"/>
-    <fvTable style="width: 100%;max-height: 300px;" v-if="showTable" :tableConfig="tableConfig"
+    <fvTable style="width: 100%;max-height: 300px;" v-if="showTable" height="300"  :tableConfig="tableConfig"
             :data="fileList" :isSettingCol="false" :pagination="false">
      <template #empty>
        <el-empty :image-size="90" description="暂无数据" style="padding: 0"/>
@@ -90,7 +90,6 @@ const tableConfig = reactive({
      label: '序号',
      align: 'center',
      width: '80',
-      fixed:true
    },
    {
      prop: 'originalFileName',
--- a/src/views/project-management/mobledetail/SpecialFundDetailMobile.vue
+++ b/src/views/project-management/mobledetail/SpecialFundDetailMobile.vue
@@ -44,7 +44,7 @@
        <baseTitle title="附件列表"></baseTitle>
        <el-col :span="24">
          <el-form-item>
-            <fvTable style="width: 100%;max-height: 300px;" v-if="showTable" :tableConfig="fileTable"
+            <fvTable style="width: 100%;max-height: 300px;" height="300"  v-if="showTable" :tableConfig="fileTable"
                     :data="formData.files" :isSettingCol="false" :pagination="false">
              <template #empty>
                <el-empty :image-size="90" description="暂无数据" style="padding: 0"/>
@@ -154,7 +154,6 @@ const fileTable = reactive({
      label: '序号',
      align: 'center',
      width: 85,
-      fixed:true
    },
    {
      prop: 'originalFileName',
--- a/src/views/special-fund/add.vue
+++ b/src/views/special-fund/add.vue
@@ -20,7 +20,7 @@
    <baseTitle title="申请文件"></baseTitle>
    <file-upload @getFile="getFile"/>
    <fvTable style="width: 100%;max-height: 300px;" v-if="showTable"
-             :tableConfig="tableConfig" :data="formData.files"
+             :tableConfig="tableConfig" height="300"  :data="formData.files"
             :isSettingCol="false" :pagination="false">
      <template #empty>
        <el-empty :image-size="90" description="暂无数据" style="padding: 0"/>
@@ -77,7 +77,6 @@ const tableConfig = reactive({
      label: '序号',
      align: 'center',
      width: '80',
-      fixed:true
    },
    {
      prop: 'originalFileName',