-
-
- {{ getFileName(file.name) }}
+
+
@@ -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;
}