文件名称回显

src/views/tentative/material/approach.vue

@@ -140,13 +140,13 @@
                     </el-form-item>
                 </div>
                 <el-form-item label="生产合格证">
-                    <FormItemUpload v-model="addEditFormModel.productionCertificate"/>
+                    <FormItemUpload v-model="addEditFormModel.productionCertificate" :fileName="productionCertificateName"/>
                 </el-form-item>
                 <el-form-item label="厂家质检报告">
-                    <FormItemUpload v-model="addEditFormModel.qualityInspectionReport"/>
+                    <FormItemUpload v-model="addEditFormModel.qualityInspectionReport" :fileName="qualityInspectionReportName"/>
                 </el-form-item>
                 <el-form-item label="其他附件">
-                    <FormItemUpload v-model="addEditFormModel.otherAccessories"/>
+                    <FormItemUpload v-model="addEditFormModel.otherAccessories" :fileName="otherAccessoriesName"/>
                 </el-form-item>
             </el-form>
         </HcDialog>
@@ -398,6 +398,9 @@ const editFormModalClick = () => {
         addEditFormModel.value.materialType = addEditFormModel.value.materialType + ''
         addEditFormModel.value.materialCount = addEditFormModel.value.materialCount === -1 ? '' : addEditFormModel.value.materialCount
         addEditFormModel.value.materialPrice = addEditFormModel.value.materialPrice === -1 ? '' : addEditFormModel.value.materialPrice
+        productionCertificateName.name=addEditFormModel.value?.productionCertificateName
+        otherAccessoriesName.name=addEditFormModel.value?.otherAccessoriesName
+        qualityInspectionReportName.name=addEditFormModel.value?.qualityInspectionReportName
         addEditFormModal.value = true
     } else if (keys.length > 1) {
         window?.$message?.warning('只能选择一条数据编辑')
@@ -411,6 +414,9 @@ const addEditFormModalClose = () => {
 //新增/编辑 表单
 const addEditFormRef = ref(null)
 const addEditFormModel = ref({})
+const otherAccessoriesName=ref('')
+const productionCertificateName=ref('')
+const qualityInspectionReportName=ref('')
 const addEditFormRules = {
     materialType: {
         required: true,

src/views/tentative/material/components/FormItemUpload.vue

@@ -61,6 +61,10 @@ const props = defineProps({
         type: String,
         default: "png/jpg/jpeg/excel/pdf/doc/docx"
     },
+    fileName:{
+        type: String,
+        default: ""
+    }
 })
 
 //变量
@@ -69,21 +73,26 @@ const uploadData = ref(props.datas)
 const uploadFileInfo = ref({})
 const uploadDisabled = ref(false)
 const uploadValue = ref(props.modelValue)
+const fileNameVal=ref(props.fileName)
 
 const api = '/api/blade-resource/oss/endpoint/';
 
 //监听
 watch(() => [
     props.datas,
-    props.modelValue
-], ([datas, val]) => {
+    props.modelValue,
+    props.fileName
+], ([datas, val,name]) => {
     uploadData.value = datas
     uploadValue.value = val
-    getFileName(val)
+    fileNameVal.value = name
+    // getFileName(val)
+    // fileNameValue.value=datas?.
 })
 
 onMounted(() => {
-    getFileName(props.modelValue)
+    // getFileName(props.modelValue)
+    fileNameValue.value=fileNameVal.value
 })
 
 //事件
@@ -151,7 +160,9 @@ const uploadSuccess = ({code, data}) => {
         uploadValue.value = pdfUrl
         window?.$message?.success('上传成功');
         importModal.value = false
-        getFileName(pdfUrl)
+        console.log(data,'data');
+        fileNameValue.value=data?.originalName
+        // getFileName(pdfUrl)
         //事件
         emit('update:modelValue', pdfUrl)
         emit('change', pdfUrl)