附件删除修复

src/views/upkeep/report/detail.vue

@@ -124,8 +124,8 @@
                 :on-preview="handlePreview"
                 multiple
                 :on-remove="handleRemove"
-                :before-remove="beforeRemove"
-                :on-success="(response, file, index) => getFileInfo(response, file, scope.$index)"
+                :before-remove="(response:any, file:any, index:number) => beforeRemove(response, file, scope.$index)"
+                :on-success="(response:any, file:any, index:number) => getFileInfo(response, file, scope.$index)"
                 :on-error="errorUpload"
                 :before-upload="beforeUpload"
                 :limit="1"
@@ -166,28 +166,7 @@
       </el-table-column>
       <el-table-column prop="fileName" :label="props.type == 'look' ? '附件' : '附件上传'" align="center">
         <template #default="scope">
-          <el-form-item v-if="props.type != 'look'" :prop="'materialMaintenanceStatuses.' + scope.$index + '.fileName'">
-            <el-upload
-              :disabled="props.type == 'look'"
-              v-model:file-list="scope.row.filePartList"
-              class="upload-demo"
-              style="width: 100%"
-              :action="fileUrl"
-              :data="paramsData"
-              :headers="myHeader"
-              multiple
-              :on-remove="handleRemove"
-              :before-remove="beforeRemove"
-              :on-success="(response, file, index) => getFileInfo(response, file, scope.$index)"
-              :on-error="errorUpload"
-              :before-upload="beforeUpload"
-              :limit="1"
-              :on-exceed="handleExceed"
-            >
-              <el-button v-if="props.type != 'look'" size="small" type="primary">选择文件</el-button>
-            </el-upload>
-          </el-form-item>
-          <p v-else @click="handlePreviewDetail(scope.row.filePart)" style="cursor: pointer; color: #409eff">
+          <p @click="handlePreviewDetail(scope.row.filePart)" style="cursor: pointer; color: #409eff">
             {{ scope.row.fileName }}
           </p>
         </template>
@@ -457,11 +436,9 @@ const handlePreviewDetail = (url: string) => {
 const handleExceed = (files: any, uploadFiles: any) => {
   ElMessage.warning(`限制上传一个文件`);
 };
-const beforeRemove = (uploadFile: any, uploadFiles: any) => {
-  // return ElMessageBox.confirm(`确定移除 ${uploadFile.name} ?`).then(
-  //   () => true,
-  //   () => false
-  // );
+const beforeRemove = (uploadFile: any, uploadFiles: any, index: number) => {
+  formData.tableData[index].filePart = "";
+  formData.tableData[index].fileName = "";
 };
 const errorUpload = (err: any, file: any, fileList: any) => {
   ElMessage.error("文件上传失败，UploadAjaxError：" + JSON.parse(JSON.stringify(err)).status);

src/views/upkeep/statistics/detail.vue

@@ -33,7 +33,7 @@
               :on-preview="handlePreview"
               multiple
               :on-remove="handleRemove"
-              :before-remove="beforeRemove"
+              :before-remove="(response:any, file:any, index:number) => beforeRemove(response, file, scope.$index)"
               :on-success="(response, file, index) => getFileInfo(response, file, scope.$index)"
               :on-error="errorUpload"
               :before-upload="beforeUpload"
@@ -96,9 +96,9 @@ let paramsData = reactive({
 });
 const myHeader = { Authorization: "Bearer " + access_token.value };
 // 附件相关
-const getFileInfo = (res: any, file: any) => {
-  formData.filePart = res.data.fileName;
-  formData.fileName = file.name;
+const getFileInfo = (res: any, file: any, index: number) => {
+  tableData.value[index].filePart = res.data.fileName;
+  tableData.value[index].fileName = file.name;
 };
 const handleRemove = (file: any, uploadFiles: any) => {
   console.log(file, uploadFiles);
@@ -123,11 +123,9 @@ const handlePreviewDetail = (url: string) => {
 const handleExceed = (files: any, uploadFiles: any) => {
   ElMessage.warning(`限制上传一个文件`);
 };
-const beforeRemove = (uploadFile: any, uploadFiles: any) => {
-  // return ElMessageBox.confirm(`确定移除 ${uploadFile.name} ?`).then(
-  //   () => true,
-  //   () => false
-  // );
+const beforeRemove = (uploadFile: any, uploadFiles: any, index: number) => {
+  tableData.value[index].filePart = "";
+  tableData.value[index].fileName = "";
 };
 const errorUpload = (err: any, file: any, fileList: any) => {
   ElMessage.error("文件上传失败，UploadAjaxError：" + JSON.parse(JSON.stringify(err)).status);