新增预算附件上传

oa-ui/src/views/flowable/form/budget/addBudget.vue

  * @Author: ysh
  * @Date: 2024-06-21 18:51:51
  * @LastEditors: Please set LastEditors
- * @LastEditTime: 2025-04-03 16:58:09
+ * @LastEditTime: 2025-04-21 09:34:14
 -->
 <template>
   <div class="app-container">
     <h2 class="text-center">项目直接生产成本预算表</h2>
-    <p style="text-align: center;">编制人：{{ $store.getters.name }}</p>
+    <p style="text-align: center">编制人：{{ $store.getters.name }}</p>
     <el-divider></el-divider>
     <div class="mt20 mb20" v-if="showAlter">
       <el-alert title="任务被退回，请修改后重新提交" type="error" :closable="false">
       </el-alert>
     </div>
     <el-descriptions title="项目信息" labelClassName="mylabel">
-      <el-descriptions-item label="项目编号">{{ project.projectNumber }}</el-descriptions-item>
-      <el-descriptions-item label="项目名称">{{ project.projectName }}</el-descriptions-item>
-      <el-descriptions-item label="项目负责人">{{ getUserName(project.projectLeader) }}</el-descriptions-item>
-      <el-descriptions-item label="项目类型">{{ project.projectType }}</el-descriptions-item>
-      <el-descriptions-item label="承担部门">{{ getDeptNames(project.undertakingDept) }}</el-descriptions-item>
-      <el-descriptions-item label="甲方单位">{{ project.partyA ? project.partyA.partyAName : "" }}</el-descriptions-item>
+      <el-descriptions-item label="项目编号">{{
+        project.projectNumber
+      }}</el-descriptions-item>
+      <el-descriptions-item label="项目名称">{{
+        project.projectName
+      }}</el-descriptions-item>
+      <el-descriptions-item label="项目负责人">{{
+        getUserName(project.projectLeader)
+      }}</el-descriptions-item>
+      <el-descriptions-item label="项目类型">{{
+        project.projectType
+      }}</el-descriptions-item>
+      <el-descriptions-item label="承担部门">{{
+        getDeptNames(project.undertakingDept)
+      }}</el-descriptions-item>
+      <el-descriptions-item label="甲方单位">{{
+        project.partyA ? project.partyA.partyAName : ""
+      }}</el-descriptions-item>
     </el-descriptions>
     <el-divider><b>间接成本</b></el-divider>
     <!-- 选择人员 -->
       <el-form-item label="预算表单备注" label-width="100px">
         <el-input type="textarea" v-model="budgetForm.remark" placeholder="请输入预算备注" :rows="4"></el-input>
       </el-form-item>
+      <el-form-item label="附件上传" label-width="100px">
+        <FileUpload v-if="budgetForm.document == null || budgetForm.document == ''" :disabled="taskName != '预算编制'"
+          :limit="1" :filePathName="'预算编制/附件上传'" :fileType="['doc', 'docx', 'xls', 'xlsx', 'pdf', 'rar', 'zip']"
+          @input="getDocumentPath"></FileUpload>
+        <div v-if="budgetForm.document">
+          <el-link type="primary" @click="reviewWord(`${baseUrl}${'/profile/upload' + budgetForm.document}`)">
+            {{ getFileName(budgetForm.document) }}
+          </el-link>
+          <el-link class="ml20" type="warning" :href="`${baseUrl}${'/profile/upload' + budgetForm.document}`"
+            :underline="false" target="_blank">
+            <span class="el-icon-download">下载文件</span>
+          </el-link>
+          <FileUpload v-if="taskName == '预算编制'" :limit="1" :filePathName="'预算编制/附件上传'"
+            :fileType="['doc', 'docx', 'xls', 'xlsx', 'pdf', 'rar', 'zip']" @input="getDocumentPath"></FileUpload>
+        </div>
+      </el-form-item>
     </el-form>
     <!-- 统计 -->
     <div class="text-center">
       <el-tag class="ml10 mr10" type="success">间接成本：{{ isNaN(budgetForm.fixCost) ? 0 : budgetForm.fixCost }}</el-tag>
-      <el-tag class="ml10 mr10">直接成本：{{ isNaN(budgetForm.directExpense) ? 0 : budgetForm.directExpense }}</el-tag>
-      <el-tag class="ml10 mr10" type="danger">预算总成本：{{ isNaN(budgetForm.totalBudget) ? 0 : budgetForm.totalBudget
-        }}</el-tag>
+      <el-tag class="ml10 mr10">直接成本：{{
+        isNaN(budgetForm.directExpense) ? 0 : budgetForm.directExpense
+      }}</el-tag>
+      <el-tag class="ml10 mr10" type="danger">预算总成本：{{
+        isNaN(budgetForm.totalBudget) ? 0 : budgetForm.totalBudget
+      }}</el-tag>
     </div>
-    <div class="mt20 text-center" style="color:#909399;font-size:12px;">
+    <div class="mt20 text-center" style="color: #909399; font-size: 12px">
       tips:预览表单，请先保存之后刷新再查看
     </div>
     <el-divider></el-divider>
 <script>
 import { Snowflake } from "@/utils/snowFlake.js";
 import { getProject } from "@/api/oa/project/project";
-import { listBudget, addBudget, updateBudget, delBudget } from "@/api/oa/budget/budget.js";
+import {
+  listBudget,
+  addBudget,
+  updateBudget,
+  delBudget,
+} from "@/api/oa/budget/budget.js";
 import { listBudgetCar, addBudgetCar, delBudgetCar } from "@/api/oa/budget/budgetCar.js";
-import { listBudgetStaff, addBudgetStaff, delBudgetStaff } from "@/api/oa/budget/budgetStaff.js";
-import { listBudgetDevice, addBudgetDevice, delBudgetDevice } from "@/api/oa/budget/budgetDevice.js";
-import { listBudgetSettle, addBudgetSettle, delBudgetSettle } from "@/api/oa/budget/budgetSettle.js";
+import {
+  listBudgetStaff,
+  addBudgetStaff,
+  delBudgetStaff,
+} from "@/api/oa/budget/budgetStaff.js";
+import {
+  listBudgetDevice,
+  addBudgetDevice,
+  delBudgetDevice,
+} from "@/api/oa/budget/budgetDevice.js";
+import {
+  listBudgetSettle,
+  addBudgetSettle,
+  delBudgetSettle,
+} from "@/api/oa/budget/budgetSettle.js";
 import { getUsersDeptLeaderByDept, getUsersManageLeaderByDept } from "@/api/system/post";
 import { complete, getNextFlowNode } from "@/api/flowable/todo";
 import budgetInfo from "./budgetInfo.vue";
-import ReturnComment from '@/views/flowable/form/components/flowBtn/returnComment.vue';
-import ReturnBtn from '@/views/flowable/form/components/flowBtn/returnBtn.vue';
-import CarTable from './carTable.vue';
-import MoneyTable from './moneyTable.vue';
+import ReturnComment from "@/views/flowable/form/components/flowBtn/returnComment.vue";
+import ReturnBtn from "@/views/flowable/form/components/flowBtn/returnBtn.vue";
+import CarTable from "./carTable.vue";
+import MoneyTable from "./moneyTable.vue";
 import PeopleTable from "./staffTable.vue";
-import DeviceTable from './deviceTable.vue';
-import OtherTable from './otherTable.vue';
+import DeviceTable from "./deviceTable.vue";
+import OtherTable from "./otherTable.vue";
 export default {
   components: {
     ReturnComment,
     DeviceTable,
     MoneyTable,
     OtherTable,
-    budgetInfo
+    budgetInfo,
   },
   data() {
     return {
+      baseUrl: process.env.VUE_APP_BASE_API,
       budgetForm: {
         budgetId: new Snowflake(1n, 1n, 0n).nextId().toString(),
-        projectId: '',
+        projectId: "",
         fixCost: 0,
         directExpense: 0,
         totalBudget: 0,
       showAlter: true,
       returnOpen: false,
       viewOpen: false,
-    }
+    };
   },
   props: {
     taskForm: {
         }
       },
       immediate: true, // 立即生效
-      deep: true  //监听对象或数组的时候，要用到深度监听
-    }
+      deep: true, //监听对象或数组的时候，要用到深度监听
+    },
   },
   created() {
     this.getProjectInfo();
   },
   methods: {
     initBudgetForm() {
-      listBudget({ pageNum: 1, pageSize: 20, projectId: this.taskForm.formId }).then(res => {
-        if (res.rows[0] && res.rows[0].budgetId) {
-          this.flag = true
-          this.budgetForm = res.rows[0];
-          this.budgetId = res.rows[0].budgetId
-        } else {
-          this.flag = false
-          this.budgetForm.projectId = this.taskForm.formId
-
+      listBudget({ pageNum: 1, pageSize: 20, projectId: this.taskForm.formId }).then(
+        res => {
+          if (res.rows[0] && res.rows[0].budgetId) {
+            this.flag = true;
+            this.budgetForm = res.rows[0];
+            this.budgetId = res.rows[0].budgetId;
+          } else {
+            this.flag = false;
+            this.budgetForm.projectId = this.taskForm.formId;
+          }
         }
-      })
+      );
     },
     getProjectInfo() {
       getProject(this.taskForm.formId).then(response => {
     // 保存
     preserve() {
       if (!this.flag) {
-        this.addBudgetForm(this.budgetForm)
+        this.addBudgetForm(this.budgetForm);
         this.flag = true;
       } else {
-        this.updateBudgetForm(this.budgetForm)
+        this.updateBudgetForm(this.budgetForm);
       }
-      this.$message.success('保存成功');
+      this.$message.success("保存成功");
     },
     viewForm() {
       this.viewOpen = true;
     },
     // 提交下一个流程
     async submitNextFlow() {
-      if (this.taskName == '预算编制') {
+      if (this.taskName == "预算编制") {
         this.preserve();
       }
       const params = { taskId: this.taskForm.taskId };
       const deptIdsStr = this.project.undertakingDept;
-      const deptIdsArr = (deptIdsStr.split(',')).map(Number);
-      let approvalList = []
+      const deptIdsArr = deptIdsStr.split(",").map(Number);
+      let approvalList = [];
       for (let deptId of deptIdsArr) {
-        let res = await getUsersManageLeaderByDept({ deptId })
+        let res = await getUsersManageLeaderByDept({ deptId });
         if (res.code == 200 && res.data) {
           res.data.forEach(element => {
-            approvalList.push(element.userId)
+            approvalList.push(element.userId);
           });
         }
       }
       for (let work of form.contentList) {
         work.budgetId = form.budgetId;
         addBudgetSettle(work).then(res => {
-          this.$message.success('预算添加成功')
-        })
+          this.$message.success("预算添加成功");
+        });
       }
     },
     updateBudgetForm(form) {
           car.budgetId = form.budgetId;
           addBudgetCar(car);
         }
-      })
+      });
       delBudgetDevice(form.budgetId).then(res => {
         for (let device of form.chooseDevice) {
           device.budgetId = form.budgetId;
           addBudgetDevice(device);
         }
-      })
+      });
       delBudgetSettle(form.budgetId).then(res => {
         for (let work of form.contentList) {
           work.budgetId = form.budgetId;
-          addBudgetSettle(work)
+          addBudgetSettle(work);
         }
-        this.$message.success('预算添加成功')
-      })
+        this.$message.success("预算添加成功");
+      });
     },
     getChooseUser(val) {
-      this.$set(this.budgetForm, 'chooseUser', val);
+      this.$set(this.budgetForm, "chooseUser", val);
     },
     getStaffCost(val) {
-      this.$set(this.budgetForm, 'staffCost', val);
+      this.$set(this.budgetForm, "staffCost", val);
     },
     getChooseCar(val) {
-      this.$set(this.budgetForm, 'chooseCar', val);
+      this.$set(this.budgetForm, "chooseCar", val);
     },
     getCarCost(val) {
-      this.$set(this.budgetForm, 'carCost', val);
+      this.$set(this.budgetForm, "carCost", val);
     },
     getChooseDevice(val) {
-      this.$set(this.budgetForm, 'chooseDevice', val);
+      this.$set(this.budgetForm, "chooseDevice", val);
     },
     getDeviceCost(val) {
-      this.$set(this.budgetForm, 'deviceCost', val);
+      this.$set(this.budgetForm, "deviceCost", val);
     },
     getContentList(val) {
-      this.$set(this.budgetForm, 'contentList', val);
+      this.$set(this.budgetForm, "contentList", val);
     },
     getSettleExpense(val) {
-      this.$set(this.budgetForm, 'settleExpense', val);
+      this.$set(this.budgetForm, "settleExpense", val);
     },
     getOtherCost(val) {
-      this.$set(this.budgetForm, 'outExpense', val.outExpense);
-      this.$set(this.budgetForm, 'rentExpense', val.rentExpense);
-      this.$set(this.budgetForm, 'otherExpense', val.otherExpense);
-      this.$set(this.budgetForm, 'taxExpense', val.taxExpense);
-      this.$set(this.budgetForm, 'businessExpense', val.businessExpense);
+      this.$set(this.budgetForm, "outExpense", val.outExpense);
+      this.$set(this.budgetForm, "rentExpense", val.rentExpense);
+      this.$set(this.budgetForm, "otherExpense", val.otherExpense);
+      this.$set(this.budgetForm, "taxExpense", val.taxExpense);
+      this.$set(this.budgetForm, "businessExpense", val.businessExpense);
     },
     getFixCost() {
       const staffCost = this.safeNumber(this.budgetForm.staffCost);
       const taxExpense = this.safeNumber(this.budgetForm.taxExpense);
       const businessExpense = this.safeNumber(this.budgetForm.businessExpense);
       const otherExpense = this.safeNumber(this.budgetForm.otherExpense);
-      const sum = settleExpense + outExpense + rentExpense + taxExpense + businessExpense + otherExpense;
+      const sum =
+        settleExpense +
+        outExpense +
+        rentExpense +
+        taxExpense +
+        businessExpense +
+        otherExpense;
       this.budgetForm.directExpense = sum.toFixed(2);
     },
     getTotalBudget() {
-      this.budgetForm.totalBudget = (Number(this.budgetForm.fixCost) + Number(this.budgetForm.directExpense)).toFixed(2);
+      this.budgetForm.totalBudget = (
+        Number(this.budgetForm.fixCost) + Number(this.budgetForm.directExpense)
+      ).toFixed(2);
     },
     isReturn(val) {
-      this.showAlter = val
+      this.showAlter = val;
     },
     commentByRole() {
-      if (this.taskName == '分管审核') {
-        return this.form.managerComment
-      } else if (this.taskName == '总经理审批') {
-        return this.form.gmComment
+      if (this.taskName == "分管审核") {
+        return this.form.managerComment;
+      } else if (this.taskName == "总经理审批") {
+        return this.form.gmComment;
+      }
+    },
+    getDocumentPath(val) {
+      let arr = val.split('/upload')
+      this.budgetForm.document = arr[1]
+      if (val == "") {
+        this.budgetForm.document = ""
       }
     }
   },
-}
+};
 </script>
 
 <style lang="scss" scoped>
 .mylabel {
   font-weight: bold;
 }
-</style>
+</style>

oa-ui/src/views/flowable/form/budget/budgetInfo.vue

  * @Author: ysh
  * @Date: 2024-04-03 16:28:09
  * @LastEditors: Please set LastEditors
- * @LastEditTime: 2025-04-17 10:21:51
+ * @LastEditTime: 2025-04-21 09:47:55
 -->
 <template>
   <div class="main">
         <el-descriptions-item label="备注" :span="1">
           {{ budgetForm.businessRemark }}
         </el-descriptions-item>
+        <el-descriptions-item label="预算附件" :span="3">
+          <el-link type="primary" @click="reviewWord(`${baseUrl}${'/profile/upload' + budgetForm.document}`)">
+            {{ getFileName(budgetForm.document) }}
+          </el-link>
+          <el-link class="ml20" type="warning" :href="`${baseUrl}${'/profile/upload' + budgetForm.document}`"
+            :underline="false" target="_blank">
+            <span class="el-icon-download">下载文件</span>
+          </el-link>
+        </el-descriptions-item>
         <el-descriptions-item label="预算成本合计" :span="3">
           <div class="text-center" style="font-weight:bold;font-size:18px;color:orange">
             {{ budgetForm.totalBudget }}
   },
   data() {
     return {
+      baseUrl: process.env.VUE_APP_BASE_API,
       projectId: '',
       managerList: [],
       budgetForm: {