This commit is contained in:
itcast 2025-11-26 18:45:27 +08:00
parent de9e059c46
commit 4c4491dc2f
4 changed files with 60 additions and 38 deletions

View File

@ -244,7 +244,7 @@ export default {
onHandleExport() {
// this.downLo
this.download(
'material-mall/decChange/export',
'material-mall/decChange/exportR',
{
...this.queryParams
},

View File

@ -255,7 +255,7 @@ export default {
onHandleExport() {
// this.downLo
this.download(
'material-mall/decChange/export',
'material-mall/decChange/exportR',
{
...this.queryParams
},

View File

@ -116,7 +116,7 @@
<el-table-column align="center" label="工具类型" prop="grandparentTypeName"/>
<el-table-column align="center" label="工具名称" prop="parentTypeName"/>
<el-table-column align="center" label="规格型号" prop="typeName"/>
<el-table-column align="center" label="装备编码" prop="toolCode"/>
<el-table-column align="center" label="工具编码" prop="toolCode"/>
<el-table-column align="center" label="数量" prop="totalNum"/>

View File

@ -266,6 +266,7 @@
</div>
</el-form-item>
</div>
<!-- 附件区域仅修改这里的图标显示 -->
<el-form-item label="附件" prop="fileList">
<div class="custom-file-upload">
@ -292,40 +293,12 @@
</el-upload>
<!-- 文件列表图标统一靠左 -->
<transition-group class="upload-file-list" name="el-fade-in-linear" tag="ul">
<transition-group name="el-fade-in-linear" tag="ul">
<li
:key="file.uid"
class="file-item"
v-for="(file, index) in dialogForm.fileList"
>
<!-- 图标统一靠左 -->
<div class="file-icon-container">
<img
v-if="isPdfFile(file)"
src="@/assets/images/pdf.png"
class="file-type-icon"
alt="PDF文件"
/>
<img
v-else-if="isWordFile(file)"
src="@/assets/images/word.png"
class="file-type-icon"
alt="Word文件"
/>
<img
v-else-if="isExcelFile(file)"
src="@/assets/images/pdf.png"
class="file-type-icon"
alt="Excel文件"
/>
<img
v-else-if="isImageFile(file)"
src="@/assets/images/pdf.png"
class="file-type-icon"
alt="图片文件"
/>
<i v-else class="el-icon-file file-default-icon"></i>
</div>
<el-link
:href="file.url"
@ -333,7 +306,34 @@
target="_blank"
class="file-name-link"
>
{{ getFileName(file.name) }}
<!-- 图标统一靠左 -->
<div class="file-icon-container">
<img
v-if="isPdfFile(file)"
src="@/assets/images/pdf.png"
class="file-type-icon"
alt="PDF文件"
/>
<img
v-else-if="isWordFile(file)"
src="@/assets/images/word.png"
class="file-type-icon"
alt="Word文件"
/>
<img
v-else-if="isExcelFile(file)"
src="@/assets/images/pdf.png"
class="file-type-icon"
alt="Excel文件"
/>
<img
v-else-if="isImageFile(file)"
src="@/assets/images/pdf.png"
class="file-type-icon"
alt="图片文件"
/>
<i v-else class="el-icon-file file-default-icon"></i>
</div>
</el-link>
<div class="file-action">
@ -470,6 +470,28 @@ export default {
this.getSelectList()
},
methods: {
//
handleImageChange(files) {
this.form.mainFileList = files
this.$refs.formRef.validateField('mainFileList')
},
//
handleCertificateChange(files) {
this.form.certificateList = files
this.$refs.formRef.validateField('certificateList')
},
//
handleInspectionChange(files) {
this.form.inspectionList = files
this.$refs.formRef.validateField('inspectionList')
},
//
handlePurchaseInvoicesChange(files) {
this.form.purchaseInvoices = files
this.$refs.formRef.validateField('purchaseInvoices')
},
//
handleQuery() {
this.queryParams.pageNum = 1
@ -731,8 +753,8 @@ export default {
display: flex;
align-items: center;
padding: 8px 12px;
border: 1px solid #e4e7ed;
border-radius: 4px;
//border: 1px solid #e4e7ed;
//border-radius: 4px;
margin-bottom: 8px;
width: 100%;
box-sizing: border-box;
@ -740,7 +762,7 @@ export default {
//
.file-icon-container {
width: 24px; // 线
width: 140px; // 线
display: flex;
justify-content: flex-start; //
margin-right: 10px;
@ -748,8 +770,8 @@ export default {
//
.file-type-icon {
width: 18px;
height: 18px;
width: 120px;
height: 120px;
object-fit: contain;
}