no message

src/views/business/financial/collection/form.vue

@@ -569,6 +569,70 @@
             placeholder="请输入审核意见"
           />
         </el-form-item>
+        <el-form-item label="附件" required>
+          <el-upload
+            action="#"
+            :http-request="upload2"
+            :with-credentials="true"
+            :show-file-list="false"
+            multiple
+            :limit="5"
+          >
+            <el-button size="small" type="primary" icon="Upload"
+              >点击上传</el-button
+            >
+          </el-upload>
+          <el-table
+            ref="dbTable"
+            :data="form.evidenceFiles"
+            size="small"
+            border
+            header-row-class-name="list-header-row"
+            row-class-name="list-row"
+          >
+            <el-table-column
+              label="文件名"
+              prop="originalFileName"
+              align="center"
+              show-overflow-tooltip
+            >
+              <template #default="scope">
+                <el-button
+                  size="small"
+                  type="text"
+                  @click="openFile(scope.row)"
+                  >{{
+                    scope.row.originalFileName == ""
+                      ? "打开文件"
+                      : scope.row.originalFileName
+                  }}</el-button
+                >
+              </template>
+            </el-table-column>
+            <!-- <el-table-column
+              label="文件类型"
+              width="80"
+              prop="fileType"
+              align="center"
+            /> -->
+            <el-table-column
+              label="操作"
+              width="80"
+              prop="fileType"
+              align="center"
+            >
+              <template #default="scope">
+                <el-button
+                  size="small"
+                  link
+                  type="danger"
+                  @click="handlerEportFilesDel(scope.row, scope.$index)"
+                  >删除</el-button
+                >
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-form-item>
       </el-form>
       <template #footer>
         <div class="dialog-footer">
@@ -612,6 +676,7 @@ import { listUser } from "@/api/system/user";
 import CustomerFormCom from "@/components/CustomerFormCom";
 import { formatDate } from "@/utils/index";
 import { ref } from "vue";
+
 import useUserStore from "@/store/modules/user";
 const { proxy } = getCurrentInstance();
 const baseUrl = import.meta.env.VITE_APP_BASE_API;
@@ -827,6 +892,13 @@ function verifyUpload() {
     proxy.$modal.msgError("请输入审核意见");
     return;
   }
+  if (
+    form.value.evidenceFiles == null ||
+    form.value.evidenceFiles.length === 0 || form.value.evidenceFiles.length>5
+  ) {
+    proxy.$modal.msgError("请上传凭证并至多上传5个");
+    return;
+  }
   form.value.arriveStatus = form.value.status === 1 ? 1 : 0;
   verifyCollection(form.value).then((res) => {
     open(form.value.id);
@@ -847,10 +919,31 @@ function upload(param) {
       file.url = res.url;
       file.originalFileName = res.originalFilename;
       file.fileUrl = res.fileName;
+      console.log(11212,form.value.files);
       form.value.files.push(file);
     }
   });
 }
+function upload2(param) {
+  const formData = new FormData();
+  formData.append("file", param.file);
+  uploadFile(formData).then((res) => {
+    if (res.code === 200) {
+      const file = {};
+      file.fileName = res.newFileName;
+      file.url = res.url;
+      file.fileType =
+        res.newFileName.split(".")[res.newFileName.split(".").length - 1];
+      file.originalFileName = res.originalFilename;
+      file.fileUrl = res.fileName;
+      console.log(11212,file);
+      if(form.value.evidenceFiles == null){
+        form.value.evidenceFiles = [];
+      }
+      form.value.evidenceFiles.push(file);
+    }
+  });
+}
 
 function handleDelFile(index) {
   form.value.files.splice(index, 1);
@@ -859,6 +952,16 @@ function handleDelFile(index) {
 function amountChangeHandler(arg, row, field) {
   computeTotalAmount();
 }
+function handlerEportFilesDel(row, index) {
+  proxy.$modal
+    .confirm("确定删除吗？")
+    .then((_) => {
+      form.value.evidenceFiles.splice(index, 1);
+    })
+    .catch((_) => {
+      proxy.$modal.msg("已取消删除");
+    });
+}
 
 function computeTotalAmount() {
   let amount = 0;

src/views/business/financial/payment/form.vue

@@ -524,6 +524,66 @@
             placeholder="请输入审核意见"
           />
         </el-form-item>
+
+        <el-form-item label="附件" required>
+          <el-upload
+            action="#"
+            :http-request="upload2"
+            :with-credentials="true"
+            :show-file-list="false"
+            multiple
+            :limit="5"
+          >
+            <el-button size="small" type="primary" icon="Upload"
+              >点击上传</el-button
+            >
+          </el-upload>
+          <el-table
+            ref="dbTable"
+            :data="rejectForm.evidenceFiles"
+            size="small"
+            border
+            header-row-class-name="list-header-row"
+            row-class-name="list-row"
+          >
+            <el-table-column
+              label="文件名"
+              prop="originalFileName"
+              align="center"
+              show-overflow-tooltip
+            >
+              <template #default="scope">
+                <el-button
+                  size="small"
+                  type="text"
+                  @click="openFile(scope.row)"
+                  >{{
+                    scope.row.originalFileName == ""
+                      ? "打开文件"
+                      : scope.row.originalFileName
+                  }}</el-button
+                >
+              </template>
+            </el-table-column>
+
+            <el-table-column
+              label="操作"
+              width="80"
+              prop="fileType"
+              align="center"
+            >
+              <template #default="scope">
+                <el-button
+                  size="small"
+                  link
+                  type="danger"
+                  @click="handlerEportFilesDel(scope.row, scope.$index)"
+                  >删除</el-button
+                >
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-form-item>
       </el-form>
       <template #footer>
         <div class="dialog-footer">
@@ -574,6 +634,7 @@
             placeholder="实际付款时间"
           />
         </el-form-item>
+
         <!-- <el-form-item label="支出附件上传" required>
         </el-form-item> -->
         <el-form-item
@@ -589,6 +650,65 @@
             placeholder="请输入审核意见"
           />
         </el-form-item>
+        <el-form-item label="附件" required>
+          <el-upload
+            action="#"
+            :http-request="upload3"
+            :with-credentials="true"
+            :show-file-list="false"
+            multiple
+            :limit="5"
+          >
+            <el-button size="small" type="primary" icon="Upload"
+              >点击上传</el-button
+            >
+          </el-upload>
+          <el-table
+            ref="dbTable"
+            :data="cashierForm.evidenceFiles"
+            size="small"
+            border
+            header-row-class-name="list-header-row"
+            row-class-name="list-row"
+          >
+            <el-table-column
+              label="文件名"
+              prop="originalFileName"
+              align="center"
+              show-overflow-tooltip
+            >
+              <template #default="scope">
+                <el-button
+                  size="small"
+                  type="text"
+                  @click="openFile(scope.row)"
+                  >{{
+                    scope.row.originalFileName == ""
+                      ? "打开文件"
+                      : scope.row.originalFileName
+                  }}</el-button
+                >
+              </template>
+            </el-table-column>
+
+            <el-table-column
+              label="操作"
+              width="80"
+              prop="fileType"
+              align="center"
+            >
+              <template #default="scope">
+                <el-button
+                  size="small"
+                  link
+                  type="danger"
+                  @click="handlerEportFilesDel(scope.row, scope.$index)"
+                  >删除</el-button
+                >
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-form-item>
       </el-form>
       <template #footer>
         <div class="dialog-footer">
@@ -869,7 +989,49 @@ function cashierVerifyCancel() {
   cashierOpen.value = false;
   cashierForm.value = {};
 }
-
+function upload2(param) {
+  const formData = new FormData();
+  formData.append("file", param.file);
+  uploadFile(formData).then((res) => {
+    if (res.code === 200) {
+      const file = {};
+      file.fileName = res.newFileName;
+      file.url = res.url;
+      file.fileType =
+        res.newFileName.split(".")[res.newFileName.split(".").length - 1];
+      file.originalFileName = res.originalFilename;
+      file.fileUrl = res.fileName;
+      console.log(11212,file);
+      if(rejectForm.value.evidenceFiles == null){
+        rejectForm.value.evidenceFiles = [];
+      }
+      rejectForm.value.evidenceFiles.push(file);
+    }
+  });
+}
+function upload3(param) {
+  const formData = new FormData();
+  formData.append("file", param.file);
+  uploadFile(formData).then((res) => {
+    if (res.code === 200) {
+      const file = {};
+      file.fileName = res.newFileName;
+      file.url = res.url;
+      file.fileType =
+        res.newFileName.split(".")[res.newFileName.split(".").length - 1];
+      file.originalFileName = res.originalFilename;
+      file.fileUrl = res.fileName;
+      console.log(11212,file);
+      if(cashierForm.value.evidenceFiles == null){
+        cashierForm.value.evidenceFiles = [];
+      }
+      cashierForm.value.evidenceFiles.push(file);
+    }
+  });
+}
+function handleDelFile2(index) {
+  rejectForm.value.files.splice(index, 1);
+}
 function rejectSubmitHandler() {
   if (form.value.verifyRemark === "" || form.value.verifyRemark == null) {
     proxy.$modal.msgError("请填写驳回原因");
@@ -890,6 +1052,15 @@ function verifyUpload() {
     proxy.$modal.msgError("请输入审核意见");
     return;
   }
+
+
+  if (
+    rejectForm.value.evidenceFiles == null ||
+    rejectForm.value.evidenceFiles.length === 0 || rejectForm.value.evidenceFiles.length>5
+  ) {
+    proxy.$modal.msgError("请上传附件并至多上传5个");
+    return;
+  }
   verifyPayment(rejectForm.value).then((res) => {
     open(form.value.id);
     getList.value();
@@ -910,7 +1081,13 @@ function cashierVerifyUpload() {
     proxy.$modal.msgError("请选择支出时间");
     return;
   }
-
+  if (
+    cashierForm.value.evidenceFiles == null ||
+    cashierForm.value.evidenceFiles.length === 0 || cashierForm.value.evidenceFiles.length>5
+  ) {
+    proxy.$modal.msgError("请上传附件并至多上传5个");
+    return;
+  }
   if (
     cashierForm.value.verifyStatus === 4 &&
     (cashierForm.value.verifyComment == null ||
@@ -961,7 +1138,26 @@ function computeTotalAmount() {
   }
   form.value.amount = amount;
 }
-
+function handlerEportFilesDel(row, index) {
+  proxy.$modal
+    .confirm("确定删除吗？")
+    .then((_) => {
+      rejectForm.value.evidenceFiles.splice(index, 1);
+    })
+    .catch((_) => {
+      proxy.$modal.msg("已取消删除");
+    });
+}
+function handlerEportFilesDel2(row, index) {
+  proxy.$modal
+    .confirm("确定删除吗？")
+    .then((_) => {
+      cashierForm.value.evidenceFiles.splice(index, 1);
+    })
+    .catch((_) => {
+      proxy.$modal.msg("已取消删除");
+    });
+}
 function amountChange() {
   let amount = 0;
   if (form.value.details.length > 0) {