修改增加预算里的项目编号为自动填写

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

@@ -2,11 +2,11 @@
  * @Author: ysh
  * @Date: 2024-03-25 15:05:59
  * @LastEditors: Please set LastEditors
- * @LastEditTime: 2024-04-03 16:34:02
+ * @LastEditTime: 2024-04-03 17:29:25
 -->
 <template>
   <div>
-    <div v-if="taskName == '预算编制'">
+    <div>
       <div class="header">
         <!-- <div class="back">
         <el-button type="primary" plain @click="goBack">返回</el-button>
@@ -45,7 +45,6 @@
                   disabled
                   style="width: 300px"
                 />
-                <el-button @click="openProject = true">选择</el-button>
               </div>
             </el-form-item>
             <el-form-item label="项目名称：" prop="projectName">
@@ -486,14 +485,14 @@
         <chooseDevice @chooseList="getChooseDevice"></chooseDevice>
       </el-dialog>
     </div>
-    <div>
-      
-    </div>
+    <!-- <div v-if="taskName != '预算编制'">
+      <budgetForm></budgetForm>
+    </div> -->
   </div>
 </template>
 
 <script>
-import { listProject } from "@/api/oa/project/project";
+import { getProject } from "@/api/oa/project/project";
 import { getSalary } from "@/api/oa/staff/salary";
 import choosePeople from "./components/choosePeople.vue";
 import chooseCar from "./components/chooseCar.vue";
@@ -506,6 +505,7 @@ import { addBudgetCar } from "@/api/oa/budget/budgetCar.js";
 import { addBudgetDevice } from "@/api/oa/budget/budgetDevice.js";
 import { addBudgetSettle } from "@/api/oa/budget/budgetSettle.js";
 import { Snowflake } from "@/utils/snowFlake.js";
+import budgetForm from "./components/budgetForm.vue";
 import {
   complete,
   rejectTask,
@@ -523,6 +523,7 @@ export default {
     chooseDevice,
     chooseMoney,
     budgetTable,
+    budgetForm,
   },
   props: {
     taskForm: {
@@ -609,10 +610,11 @@ export default {
     },
     // 查询项目列表
     getProjectList() {
-      listProject(this.queryParams).then(response => {
-        console.log(response.rows);
-        this.projectList = response.rows;
-        this.projectTotal = response.total;
+      getProject(this.taskForm.formId).then(response => {
+        // console.log(response.rows);
+        // this.projectList = response.rows;
+        // this.projectTotal = response.total;
+        this.projectForm = response.data;
       });
     },
     // 选择项目

oa-ui/src/views/oa/budget/components/budgetForm.vue

@@ -0,0 +1,168 @@
+<!--
+ * @Author: ysh
+ * @Date: 2024-04-03 16:28:09
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2024-04-03 17:17:48
+-->
+<template>
+  <div>
+    <h2 style="text-align: center">项目直接生产成本预算表</h2>
+    <table border="1" class="table">
+      <tr>
+        <td class="head">项目名称</td>
+        <td colspan="3">{{ projectForm.projectName }}</td>
+        <td class="head">项目编号</td>
+        <td colspan="2">{{ projectForm.projectNumber }}</td>
+      </tr>
+      <tr>
+        <td :rowspan="userLen" class="head">人员</td>
+        <td class="head">姓名</td>
+        <td class="head">岗位工资</td>
+        <td class="head">人员成本（天）</td>
+        <td class="head">进出场单价</td>
+        <td class="head">预算天数</td>
+        <td class="head">金额</td>
+      </tr>
+      <tr v-for="user in chooseUser" :key="'user' + user.userId">
+        <td>{{ user.nickName }}</td>
+        <td>{{ user.salary.salary }}</td>
+        <td>{{ parseFloat(user.salary.salary / 31).toFixed(2) }}</td>
+        <td>{{ user.inOutPrice }}</td>
+        <td>{{ user.days }}</td>
+        <td>{{ user.staffCost }}</td>
+      </tr>
+      <tr>
+        <td :rowspan="carLen" class="head">车辆</td>
+        <td class="head">车牌号</td>
+        <td class="head">油耗</td>
+        <td class="head">总里程</td>
+        <td class="head">折旧成天（天）</td>
+        <td class="head">预算天数</td>
+        <td class="head">金额</td>
+      </tr>
+      <tr v-for="car in chooseCar" :key="'car' + car.carId">
+        <td>{{ car.licensePlate }}</td>
+        <td>{{ car.mileage }}</td>
+        <td>{{ car.distance }}</td>
+        <td>{{ car.dayCost }}</td>
+        <td>{{ car.days }}</td>
+        <td>{{ car.expense }}</td>
+      </tr>
+      <tr>
+        <td :rowspan="deviceLen" class="head">设备</td>
+        <td class="head">设备名称</td>
+        <td class="head">规格型号</td>
+        <td class="head">品牌</td>
+        <td class="head">折旧成本（天）</td>
+        <td class="head">预算天数</td>
+        <td class="head">金额</td>
+      </tr>
+      <tr v-for="device in chooseDevice" :key="'device' + device.deviceId">
+        <td>{{ device.name }}</td>
+        <td>{{ device.series }}</td>
+        <td>{{ device.brand }}</td>
+        <td>{{ device.dayCost }}</td>
+        <td>{{ device.days }}</td>
+        <td>{{ device.depreciation }}</td>
+      </tr>
+      <tr>
+        <td colspan="6" class="head">固定成本小计</td>
+        <td>{{ budgetForm.fixCost }}</td>
+      </tr>
+      <tr>
+        <td :rowspan="workLen" class="head">预计结算金额</td>
+        <td class="head">工作内容</td>
+        <td class="head">比例尺</td>
+        <td class="head">总工作量</td>
+        <td class="head">单价</td>
+        <td class="head">系数</td>
+        <td class="head">金额</td>
+      </tr>
+      <tr v-for="(work, index) in workList" :key="'work' + index">
+        <td>{{ work.content }}</td>
+        <td>{{ work.scale }}</td>
+        <td>{{ work.workLoad }}</td>
+        <td>{{ work.price }}</td>
+        <td>{{ work.coefficient }}</td>
+        <td>{{ work.total }}</td>
+      </tr>
+      <tr>
+        <td colspan="5" class="head">外协费用</td>
+        <td>{{ budgetForm.outExpense }}</td>
+      </tr>
+      <tr>
+        <td colspan="5" class="head">商务费用</td>
+        <td>{{ budgetForm.businessExpense }}</td>
+      </tr>
+      <tr>
+        <td colspan="5" class="head">车船租赁</td>
+        <td>{{ budgetForm.rentExpense }}</td>
+      </tr>
+      <tr>
+        <td colspan="5" class="head">其他费用</td>
+        <td>{{ budgetForm.otherExpense }}</td>
+      </tr>
+      <tr>
+        <td colspan="6" class="head">直接成本小计</td>
+        <td>{{ budgetForm.directExpense }}</td>
+      </tr>
+      <tr>
+        <td colspan="6" class="head">总成本=（固定成本+直接成本）*120%</td>
+        <td>{{ totalBudget }}</td>
+      </tr>
+      <!-- <tr>
+        <td class="head">编制人</td>
+        <td colspan="2">{{  }}</td>
+        <td class="head">审核人</td>
+        <td colspan="3"></td>
+      </tr> -->
+    </table>
+  </div>
+</template>
+
+<script>
+import { listBudget } from "@/api/oa/budget/budget";
+import { listBudgetCar, getBudgetCar } from "@/api/oa/budget/budgetCar";
+import { listBudgetDevice, getBudgetDevice } from "@/api/oa/budget/budgetDevice";
+import { listBudgetSettle, getBudgetSettle } from "@/api/oa/budget/budgetSettle";
+import { listBudgetStaff, getBudgetStaff } from "@/api/oa/budget/budgetStaff";
+export default {
+  data() {
+    return {
+      projectId: "103",
+      budgetForm: {},
+      projectForm: {},
+      userLen: 1,
+      carLen: 1,
+      deviceLen: 1,
+      workLen: 1,
+      totalBudget: 0,
+      chooseCar: [],
+      chooseDevice: [],
+      chooseUser: [],
+      workList:[]
+    };
+  },
+  created() {
+    this.initBudgetForm();
+    this.userLen = this.chooseUser.length + 1;
+    this.carLen = this.chooseCar.length + 1;
+    this.deviceLen = this.chooseDevice.length + 1;
+    this.workLen = this.workList.length + 5;
+    this.totalBudget = (
+      (Number(this.budgetForm.directExpense) + Number(this.budgetForm.fixCost)) *
+      1.2
+    ).toFixed(2);
+  },
+  methods: {
+    initBudgetForm() {
+      listBudget({ pageNum: 1, pageSize: 20, projectId: this.projectId }).then(res => {
+        console.log(res);
+        this.budgetForm = res.rows[0];
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped></style>