style(mobile): 优化附件文件列表的展示效果

This commit is contained in:
dj
2025-04-11 14:08:02 +08:00
parent af593b08da
commit 65a4c72fd0
7 changed files with 16 additions and 9 deletions

View File

@@ -5,7 +5,7 @@
<el-form :model="formData" label-width="auto">
<file-component
:title="getTagName(type)+'附件'"
:fileNameTableWidth="300"
:fileNameTableWidth="150"
:tag="getTagName(type)"
v-model:value="formData.fileList"
:processViewer="processViewer"

View File

@@ -52,7 +52,7 @@
<el-row>
<el-col :span="24">
<baseTitle v-if="fileListShow === 'READ' || fileListShow === 'EDIT'" title="附件文件"></baseTitle>
<file-component title="" tag="需求征集" :fullscreen="true" :fileNameTableWidth="300"
<file-component title="" tag="需求征集" :fullscreen="true" :fileNameTableWidth="150"
v-model:value="formData.fileList" :processViewer="processViewer"
:file-list-show="fileListShow"/>
</el-col>

View File

@@ -42,7 +42,7 @@
<baseTitle title="关联项目"></baseTitle>
<el-col :span="24">
<el-form-item>
<fvTable style="width: 100%;max-height:160px" height="160" v-if="showTable" :tableConfig="projectTable"
<fvTable style="width: 100%;max-height:160px" height="160" v-if="showTable" :scrollbar-always-on="true" :tableConfig="projectTable"
:data="formData.projects" :isSettingCol="false" :pagination="false">
<template #empty>
<el-empty :image-size="55" description="暂无数据" style="padding: 0"/>
@@ -55,7 +55,7 @@
<baseTitle title="附件文件"></baseTitle>
<el-col :span="24">
<el-form-item>
<fvTable style="width: 100%;max-height: 160px;" height="160" v-if="showTable" :tableConfig="fileTable"
<fvTable style="width: 100%;max-height: 160px;" height="160" v-if="showTable":scrollbar-always-on="true" :tableConfig="fileTable"
:data="formData.files" :isSettingCol="false" :pagination="false">
<template #empty>
<el-empty :image-size="55" description="暂无数据" style="padding: 0"/>
@@ -134,12 +134,15 @@ const projectTable = reactive({
prop: 'projectName',
label: '项目名称',
align: 'center',
showOverflowTooltip: false,
width: 200,
},
{
prop: 'specialFundAmount',
label: '项目金额',
align: 'center',
minWidth: 120,
showOverflowTooltip: false,
currentRender:({row})=>{
return <span>{toThousands(row.specialFundAmount)}</span>
}

View File

@@ -74,7 +74,7 @@
<!-- </el-col>-->
<el-col :span="24">
<file-component
tag="需求上报" :fileNameTableWidth="300" :fullscreen="true"
tag="需求上报" :fileNameTableWidth="150" :fullscreen="true"
v-model:value="localFormData.fileList"
:processViewer="processViewer"
:file-list-show="fileListShow"

View File

@@ -26,7 +26,7 @@
:preProcessShow="preProcessShow"
v-model:value="auditOpinion"/>
<div v-if="showActive == '30'">
<project-attachment fileNameTableWidth="300" :isLineBtn="true"/>
<project-attachment fileNameTableWidth="200" :isLineBtn="true"/>
</div>
<ApprovalDetail type="execute"
v-if="showActive == '40'"