yys 协同审批增加附件上传，预览

maven

2025-08-12 33b66bff619f997d5f64f6f75d97dcaf910a06bd

 src/views/collaborativeApproval/approvalProcess/index.vue

@@ -11,6 +11,14 @@
            clearable
            :prefix-icon="Search"
        />
        <span class="search_title ml10">审批状态：</span>
            <el-select v-model="searchForm.approveStatus" clearable @change="handleQuery" style="width: 240px">
               <el-option label="待审核" :value="0" />
               <el-option label="审核中" :value="1" />
               <el-option label="审核完成" :value="2" />
               <el-option label="审核未通过" :value="3" />
               <el-option label="已重新提交" :value="4" />
            </el-select>
        <el-button type="primary" @click="handleQuery" style="margin-left: 10px"
        >搜索</el-button
        >
@@ -36,22 +44,26 @@
    </div>
    <info-form-dia ref="infoFormDia" @close="handleQuery"></info-form-dia>
    <approval-dia ref="approvalDia" @close="handleQuery"></approval-dia>
    <FileList ref="fileListRef" />
  </div>
</template>

<script setup>
import FileList from "./fileList.vue";
import { Search } from "@element-plus/icons-vue";
import {onMounted, ref} from "vue";
import {ElMessageBox} from "element-plus";
import InfoFormDia from "@/views/collaborativeApproval/approvalProcess/components/infoFormDia.vue";
import ApprovalDia from "@/views/collaborativeApproval/approvalProcess/components/approvalDia.vue";
import {approveProcessDelete, approveProcessListPage} from "../../../api/collaborativeApproval/approvalProcess.js";
import {approveProcessDelete, approveProcessListPage} from "@/api/collaborativeApproval/approvalProcess.js";
import useUserStore from "@/store/modules/user";
const userStore = useUserStore();


const data = reactive({
  searchForm: {
      approveId: "",
      approveStatus: "",
  },
});
const { searchForm } = toRefs(data);
@@ -68,6 +80,8 @@
        return "审核中";
      } else if (params == 2) {
        return "审核完成";
      } else if (params == 4) {
        return "已重新提交";
      } else {
        return '不通过';
      }
@@ -77,8 +91,10 @@
        return "warning";
      } else if (params == 1) {
        return "primary";
      }  else if (params == 2) {
      } else if (params == 2) {
        return "success";
      } else if (params == 4) {
        return "";
      } else {
        return 'danger';
      }
@@ -102,11 +118,12 @@
  {
    label: "申请人",
    prop: "approveUserName",
    width: 120
  },
  {
    label: "申请日期",
    prop: "approveTime",
      width: 120
      width: 200
  },
  {
    label: "结束日期",
@@ -123,7 +140,7 @@
    label: "操作",
    align: "center",
    fixed: "right",
    width: 150,
    width: 230,
    operation: [
      {
        name: "编辑",
@@ -131,7 +148,7 @@
        clickFun: (row) => {
          openForm("edit", row);
        },
            disabled: (row) => row.approveStatus == 2 || row.approveStatus == 1
            disabled: (row) => row.approveStatus == 2 || row.approveStatus == 1 || row.approveStatus == 4
      },
      {
        name: "审核",
@@ -139,13 +156,20 @@
        clickFun: (row) => {
          openApprovalDia("approval", row);
        },
            disabled: (row) => row.approveUserCurrentId == null || row.approveStatus == 2
            disabled: (row) => row.approveUserCurrentId == null || row.approveStatus == 2 || row.approveStatus == 3 || row.approveStatus == 4 || row.approveUserCurrentId !== userStore.id
      },
      {
        name: "详情",
        type: "text",
        clickFun: (row) => {
          openApprovalDia('view', row);
        },
      },
      {
        name: "附件",
        type: "text",
        clickFun: (row) => {
          downLoadFile(row);
        },
      },
    ],
@@ -169,6 +193,11 @@
  page.current = 1;
  getList();
};
const fileListRef = ref(null)
const downLoadFile = (row) => {
  fileListRef.value.open(row.commonFileList)

}
const pagination = (obj) => {
  page.current = obj.page;
  page.size = obj.limit;