文件名称回显

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

@@ -12,7 +12,7 @@
                    :before-upload="beforeUpload" :data="uploadData" :disabled="uploadDisabled"
                    :headers="getTokenHeader()" :limit="1"
                    :on-change="uploadChange"
-                   :on-error="uploadError" :on-exceed="uploadExceed" :on-progress="uploadprogress"
+                   :on-error="uploadError" :on-exceed="uploadExceed" :on-progress="uploadprogress" 
                    :on-success="uploadSuccess" :show-file-list="false" class="hc-upload-border approach" drag>
             <div v-loading="uploadDisabled" class="hc-upload-loading upload-file-info" element-loading-text="上传中...">
                 <template v-if="uploadFileInfo?.name">
@@ -64,8 +64,9 @@ const props = defineProps({
     },
     fileName:{
         type: String,
-        default: ""
+        default: ''
     }
+
 })
 
 //变量
@@ -80,7 +81,9 @@ const api = '/api/blade-resource/oss/endpoint/';
 //监听
 watch(() => [
     props.datas,
-    props.modelValue
+    props.modelValue,
+    props.fileName
+  
 ], ([datas, val,name]) => {
     uploadData.value = datas
     uploadValue.value = val
@@ -90,6 +93,7 @@ watch(() => [
 
 onMounted(() => {
     // getFileName(props.modelValue)
+  
     fileNameValue.value=fileNameVal.value
 })
 
@@ -162,8 +166,9 @@ const uploadSuccess = ({code, data}) => {
         // getFileName(pdfUrl)
         fileNameValue.value=data?.originalName
         //事件
-        emit('update:modelValue', pdfUrl)
-        emit('change', pdfUrl)
+        emit('update:modelValue',  data?.pdfUrl)
+        emit('change', data?.pdfUrl)
+       
     } else {
         window?.$message?.error('上传失败');
     }

src/views/tentative/detect/outside.vue

@@ -202,13 +202,13 @@
                     </el-form-item>
                 </div>
                 <el-form-item label="委托单附件">
-                    <FormItemUpload v-model="addEditFormModel.delegationOrderUrl" :action="'upload-file'" :flieName="addEditFormModel?.delegationOrderUrlName"/>
+                    <FormItemUpload v-model="addEditFormModel.delegationOrderUrl" :action="'upload-file'" :fileName="addEditFormModel.delegationOrderUrlName"/>
                 </el-form-item>
                 <el-form-item label="记录表附件">
-                    <FormItemUpload v-model="addEditFormModel.recordTableUrl" :action="'upload-file'" :flieName="addEditFormModel?.recordTableUrlName"/>
+                    <FormItemUpload v-model="addEditFormModel.recordTableUrl" :action="'upload-file'"  :fileName="addEditFormModel.recordTableUrlName"/>
                 </el-form-item>
                 <el-form-item label="报告单附件">
-                    <FormItemUpload v-model="addEditFormModel.reportAttachmentUrl" :action="'upload-file'" :flieName="addEditFormModel?.reportAttachmentUrlName"/>
+                    <FormItemUpload v-model="addEditFormModel.reportAttachmentUrl" :action="'upload-file'"   :fileName="addEditFormModel.reportAttachmentUrlName"/>
                 </el-form-item>
             </el-form>
             <el-form v-if="tabTypeKey === 'tab2'" :model="addEditFormModel" :rules="addEditFormRules" ref="addEditFormRef"
@@ -439,6 +439,7 @@ const tableSelection = (rows) => {
 
 //新增/编辑
 const addEditFormModal = ref(false)
+
 const formModalTitle = ref('新增')
 const addFormModalClick = () => {
     const {data} = nodeItemInfo.value
@@ -458,6 +459,7 @@ const editFormModalClick = () => {
     const keys = tableCheckedKeys.value
     if (keys.length === 1) {
         addEditFormModel.value = keys[0]
+     
         formModalTitle.value = '编辑'
         addEditFormModal.value = true
     } else if (keys.length > 1) {

src/views/tentative/detect/third.vue

@@ -204,13 +204,14 @@
                     </el-form-item>
                 </div>
                 <el-form-item label="委托单附件">
-                    <FormItemUpload v-model="addEditFormModel.delegationOrderUrl" :action="'upload-file'" :flieName="addEditFormModel?.delegationOrderUrlName"/>
+                        <FormItemUpload v-model="addEditFormModel.delegationOrderUrl" :action="'upload-file'"  :fileName="addEditFormModel.delegationOrderUrlName"/>
                 </el-form-item>
                 <el-form-item label="记录表附件">
-                    <FormItemUpload v-model="addEditFormModel.recordTableUrl" :action="'upload-file'" :flieName="addEditFormModel?.delegationOrderUrlName"/>
+                    <FormItemUpload v-model="addEditFormModel.recordTableUrl" :action="'upload-file'" :fileName="addEditFormModel.recordTableUrlName"/>
                 </el-form-item>
                 <el-form-item label="报告单附件">
-                    <FormItemUpload v-model="addEditFormModel.reportAttachmentUrl" :action="'upload-file2'" :flieName="addEditFormModel?.delegationOrderUrlName"/>
+                        <FormItemUpload v-model="addEditFormModel.reportAttachmentUrl" :action="'upload-file'" :fileName="addEditFormModel.reportAttachmentUrlName"/>
+             
                 </el-form-item>
             </el-form>
             <el-form v-if="tabTypeKey === 'tab2'" :model="addEditFormModel" label-position="top" label-width="auto" ref="addEditFormRef"
@@ -527,6 +528,7 @@ const addEditFormClick = async () => {
 //新增、编辑 提交保存
 const submitFormApi = async () => {
     addEditFormLoading.value = true
+    console.log(addEditFormModel.value,'addEditFormModel.value');
     const {error, code} = await dataApi.submitForm({
         ...addEditFormModel.value,
         projectId: projectId.value,
@@ -558,7 +560,9 @@ const copyTableModalClick = () => {
         batchCopyFormApi(ids)
     }
 }
-
+const changepdf=(pdf)=>{
+    console.log(pdf,'pdf');
+}
 //复制提交保存
 const copyFormApi = async () => {
     addEditFormLoading.value = true