修改预算整体页面，新增预算退回功能

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

@@ -2,7 +2,7 @@
  * @Author: ysh
  * @Date: 2024-04-08 16:08:33
  * @LastEditors: Please set LastEditors
- * @LastEditTime: 2024-10-08 15:23:50
+ * @LastEditTime: 2024-12-16 09:20:14
 -->
 <template>
   <div>

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

@@ -1,8 +1,8 @@
 <!--
  * @Author: ysh
  * @Date: 2024-04-03 16:28:09
- * @LastEditors: wrh
- * @LastEditTime: 2024-09-20 13:52:12
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2024-12-16 09:46:32
 -->
 <template>
   <div class="main">
@@ -25,7 +25,7 @@
         <el-descriptions-item label="项目备注" :span="3">
           {{ projectForm.remark }}
         </el-descriptions-item>
-        <el-descriptions-item label="项目概况" :span="3">
+        <el-descriptions-item label="项目计划工作量" :span="3">
           <div>
             <table border="1" style="width: 100%;">
               <tr style="background-color:#f8f8f9">
@@ -59,7 +59,7 @@
             </table>
           </div>
         </el-descriptions-item>
-        <el-descriptions-item label="直接成本" :span="3">
+        <el-descriptions-item label="预结算额" :span="3">
           <table border="1" style="width:100%">
             <tr style="background-color:#f8f8f9" v-if="workList.length != 0">
               <td>工作简述</td>
@@ -76,7 +76,7 @@
               <td>{{ work.content }}</td>
               <td>{{ work.cmcPrice ? work.cmcPrice.workItem : '' }}</td>
               <td>
-                {{ work.scaleGrade  }}
+                {{ work.scaleGrade }}
               </td>
               <td v-if="taskName == '分管审核' || taskName == '总经理审核'">
                 <el-input-number :controls="false" style="width:100px;" v-model="work.workload"
@@ -99,7 +99,7 @@
               <td>{{ work.remark ? work.remark : '' }}</td>
             </tr>
             <tr>
-              <td :colspan="7" class="head">直接成本合计</td>
+              <td :colspan="7" class="head">预结算额合计</td>
               <td :colspan="1" class="head">{{ budgetForm.settleExpense }}</td>
               <td></td>
             </tr>
@@ -121,9 +121,19 @@
             <tr v-for="user in chooseUser" :key="'user' + user.userId">
               <td>{{ user.user ? user.user.nickName : '' }}</td>
               <td>1780</td>
-              <td>{{ user.salary.salary }}</td>
-              <td>{{ parseFloat((user.salary.salary + 1780) / 21.75).toFixed(2) }}</td>
-              <td v-if="taskName == '分管审核' || taskName == '总经理审核'">
+              <td>
+                <span v-if="taskName == '分管审核' || taskName == '总经理审核' || taskName == '预算批准'">
+                  {{ user.salary.salary }}
+                </span>
+                <span v-else>/</span>
+              </td>
+              <td>
+                <span v-if="taskName == '分管审核' || taskName == '总经理审核' || taskName == '预算批准'">
+                  {{ parseFloat((user.salary.salary + 1780) / 21.75).toFixed(2) }}
+                </span>
+                <span v-else>/</span>
+              </td>
+              <td v-if="taskName == '分管审核' || taskName == '总经理审核' || taskName == '预算批准'">
                 <el-input-number :controls="false" style="width:100px;" v-model="user.days"
                   @blur="computedFixCostSettle(user, 'user')"></el-input-number>
               </td>
@@ -322,8 +332,13 @@
     </div>
 
     <el-row v-if="taskName == '分管审核' || taskName == '总经理审核' || taskName == '预算批准'" class="text-center mt20 mb20">
+      <el-button type="danger" @click="returnOpen = true">退 回</el-button>
       <el-button type="success" @click="confirmSucess(taskName)">提 交</el-button>
     </el-row>
+    <el-dialog title="退回" :visible.sync="returnOpen" width="40%" append-to-body>
+      <return-btn :taskForm="taskForm" :comment="commentByRole()" @goBack="$emit('goBack')" @saves=""
+        @cancel="returnOpen = false"></return-btn>
+    </el-dialog>
   </div>
 </template>
 
@@ -343,7 +358,13 @@ import { getUser } from '@/api/system/user'
 import { getUsersManageLeaderByDept } from '@/api/system/post'
 import { getPriceRemarkByWorkType } from '@/api/oa/price/price'
 import { getUserByPost } from "@/api/system/post";
+import ReturnComment from '@/views/flowable/form/components/flowBtn/returnComment.vue';
+import ReturnBtn from '@/views/flowable/form/components/flowBtn/returnBtn.vue';
 export default {
+  components: {
+    ReturnComment,
+    ReturnBtn
+  },
   computed: {
     ...mapGetters(["name", "userId"]),
   },
@@ -382,7 +403,8 @@ export default {
       workList: [],
       workContentList: [],
       contract: {},
-      profit: 0
+      profit: 0,
+      returnOpen: false,
     };
   },
   created() {
@@ -394,11 +416,11 @@ export default {
         this.budgetForm = res.rows[0];
         this.setSignName();
         if (this.budgetForm) {
-          listBudgetDevice({ pageSize:100, budgetId: this.budgetForm.budgetId }).then(res => {
+          listBudgetDevice({ pageSize: 100, budgetId: this.budgetForm.budgetId }).then(res => {
             this.chooseDevice = res.rows;
             this.deviceLen = res.rows.length + 1;
           })
-          listBudgetStaff({ pageSize:100, budgetId: this.budgetForm.budgetId }).then(res => {
+          listBudgetStaff({ pageSize: 100, budgetId: this.budgetForm.budgetId }).then(res => {
             this.chooseUser = res.rows;
             this.userLen = res.rows.length + 1;
             let days = 0;
@@ -407,11 +429,11 @@ export default {
             }
             this.budgetForm.inOutPriceSum = Number(days) * Number(this.chooseUser[0].inOutPrice)
           })
-          listBudgetCar({  pageSize:100,budgetId: this.budgetForm.budgetId }).then(res => {
+          listBudgetCar({ pageSize: 100, budgetId: this.budgetForm.budgetId }).then(res => {
             this.chooseCar = res.rows;
             this.carLen = res.rows.length + 1;
           })
-          listBudgetSettle({  pageSize:100,budgetId: this.budgetForm.budgetId }).then(res => {
+          listBudgetSettle({ pageSize: 100, budgetId: this.budgetForm.budgetId }).then(res => {
             this.workList = res.rows;
             this.workLen = res.rows.length;
 
@@ -467,7 +489,12 @@ export default {
     },
     confirmSucess(taskName) {
       const params = { taskId: this.taskForm.taskId };
+      debugger
       if (taskName == '分管审核') {
+        if (this.budgetForm.managerComment == '' || this.budgetForm.managerComment == null) {
+          this.$modal.msgError('请填写审核意见');
+          return
+        }
         this.updateBudgetForm();
         getNextFlowNode(params).then(res => {
           getUserByPost({ postName: "总经理" }).then(res => {
@@ -481,6 +508,10 @@ export default {
 
         })
       } else if (taskName == '总经理审核') {
+        if (this.budgetForm.zjlComment == '' || this.budgetForm.zjlComment == null) {
+          this.$modal.msgError('请填写审核意见');
+          return
+        }
         this.updateBudgetForm();
         getNextFlowNode(params).then(res => {
           getUserByPost({ postName: "董事长" }).then(res => {
@@ -493,6 +524,10 @@ export default {
           })
         })
       } else {
+        if (this.budgetForm.dszComment == '' || this.budgetForm.dszComment == null) {
+          this.$modal.msgError('请填写审核意见');
+          return
+        }
         this.updateBudgetForm();
         getNextFlowNode(params).then(res => {
           complete(this.taskForm).then(response => {
@@ -630,6 +665,15 @@ export default {
         }
       })
     },
+    commentByRole() {
+      if (this.taskName == '分管审核') {
+        return this.budgetForm.managerComment
+      } else if (this.taskName == '总经理审核') {
+        return this.budgetForm.zjlComment
+      } else if (this.taskName == '董事长批准') {
+        return this.budgetForm.dszComment
+      }
+    }
   },
 };
 </script>
@@ -638,7 +682,7 @@ export default {
 @import "@/assets/styles/element-reset.scss";
 
 .main {
-  width: 100%;
+  width: 85%;
   margin: 0 auto;
   text-align: center;
 }

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

@@ -0,0 +1,183 @@
+<template>
+  <div>
+    <el-form ref="form" :model="form" style="padding: 20px 100px 0">
+      <el-form-item label="选择车辆：">
+        <span v-if="chooseCar.length != 0">
+          <el-tag effect="plain" type="success" v-for="item in chooseCar" style="margin: 5px; font-size: 14px"
+            :key="item.licensePlate">
+            {{ item.licensePlate + item.brand }}
+          </el-tag>
+        </span>
+        <el-button type="success" plain icon="el-icon-plus" @click="openCar = true" size="mini">选择</el-button>
+      </el-form-item>
+      <el-form-item  v-if="chooseCar.length != 0">
+        <table border="1">
+          <tr>
+            <td :colspan="7" class="head">车辆成本预算</td>
+          </tr>
+          <tr>
+            <td style="width: 120px">车牌号</td>
+            <td style="width: 100px">油耗（元/km）</td>
+            <td style="width: 100px">总里程</td>
+            <td style="width: 110px">折旧成本（天）</td>
+            <td style="width: 110px">预算天数</td>
+            <td style="width: 110px">过路费</td>
+            <td style="width: 100px">总额</td>
+          </tr>
+          <tr v-for="car in chooseCar" :key="car.carId">
+            <td>{{ car.licensePlate + car.brand }}</td>
+            <td>
+              {{ car.mileage }}
+            </td>
+            <td>
+              <el-input v-model="car.distance" placeholder="请输入总里程" @blur="calculateCarTotal(car)"></el-input>
+            </td>
+            <td>
+              {{ car.dayCost }}
+            </td>
+            <td>
+              <el-input v-model="car.days" placeholder="请输入天数" @blur="calculateCarTotal(car)"></el-input>
+            </td>
+            <td>
+              <el-input v-model="car.toll" placeholder="请输入过路费" @blur="calculateCarTotal(car)"></el-input>
+            </td>
+            <td class="carCost">{{ car.expense }}</td>
+          </tr>
+          <tr>
+            <td colspan="6">车辆成本合计</td>
+            <td>{{ form.carCost }}</td>
+          </tr>
+        </table>
+      </el-form-item>
+    </el-form>
+    <!-- 选择车辆对话框 -->
+    <el-dialog title="选择车辆" :visible.sync="openCar" width="700px" append-to-body>
+      <chooseCar @chooseList="getChooseCar"></chooseCar>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import chooseCar from './components/chooseCar'
+import { listBudgetCar, addBudgetCar, delBudgetCar } from "@/api/oa/budget/budgetCar.js";
+export default {
+  components: {
+    chooseCar
+  },
+  props: {
+    budgetId: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      form: {
+        carCost: 0
+      },
+      chooseCar: [],
+      openCar: false,
+    }
+  },
+  watch: {
+    'form.carCost'(newval) {
+      if (!isNaN(newval)) {
+        this.$emit('carCost', newval);
+      }
+    },
+    budgetId() {
+      this.initForm()
+    },
+    chooseCar: {
+      handler(newVal) {
+        this.$emit('chooseCar', newVal)
+      },
+      immediate: true, // 立即生效
+      deep: true  //监听对象或数组的时候，要用到深度监听
+    }
+  },
+  created() {
+    this.initForm();
+  },
+  methods: {
+    initForm() {
+      if (this.budgetId != '') {
+        listBudgetCar({ pageSize: 100, budgetId:this.budgetId }).then((res) => {
+          this.chooseCar = res.rows
+          for (let car of this.chooseCar) {
+            car.licensePlate = car.car.licensePlate
+            car.dayCost = car.car.dayCost
+            car.brand = car.car.brand
+          }
+          this.initCarCost();
+        })
+      }
+    },
+    initCarCost(){
+      let carCost = 0;
+      for (let car of this.chooseCar) {
+        carCost = carCost + Number(car.expense);
+      }
+      this.form.carCost = carCost
+    },
+    getChooseCar(val) {
+      this.chooseCar = val;
+      for (let car of this.chooseCar) {
+        car.mileage = 1.0
+      }
+      this.openCar = false;
+      this.recalculateCost(val, 'expense', 'carCost');
+    },
+    calculateCarTotal(car) {
+      let total1 = Number(car.mileage) * Number(car.distance);
+      let total2 = Number(car.dayCost) * Number(car.days);
+      let sum = (total1 + total2 + Number(car.toll)).toFixed(2);
+      this.$set(car, "depreciation", total2.toFixed(2));
+      this.$set(car, "expense", sum);
+      this.getCost("expense", "carCost", this.chooseCar);
+    },
+    recalculateCost(arr, name, formName) {
+      let sum = arr.reduce((accumulator, item) => {
+        // 检查 carCost 属性是否存在且为数字（或可转换为数字）  
+        if (item[name] != null && !isNaN(Number(item[name]))) {
+          return accumulator + Number(item[name]);
+        }
+        return accumulator;
+      }, 0);
+      this.$set(this.form, formName, sum.toFixed(2));
+    },
+    getCost(name1, name2, list) {
+      let sum = 0;
+      for (let user of list) {
+        sum = sum + Number(user[name1]);
+      }
+      this.form[name2] = sum.toFixed(2);
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+table {
+  width: 100%;
+  /*居中*/
+  // margin: 0 auto;
+  /*边框*/
+  /* border: 1px solid black; */
+  text-align: center;
+  border-collapse: collapse;
+  border: 1px solid #DCDFE6;
+
+  /*设置背景颜色*/
+  /* background-color: #bfa; */
+  td {
+    padding: 1px;
+  }
+
+  .head {
+    background-color: #e7f6f3;
+    font-family: '微软雅黑';
+    font-size: 18;
+  }
+}
+</style>

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

@@ -0,0 +1,170 @@
+<template>
+  <div>
+    <el-form ref="form" :model="form" style="padding: 20px 100px 0">
+      <el-form-item label="选择设备：">
+        <span v-if="chooseDevice.length != 0">
+          <el-tag effect="plain" type="success" v-for="item in chooseDevice" style="margin: 5px; font-size: 14px"
+            :key="item.code">
+            {{ item.name + "-" + item.series + "-" + item.brand }}
+          </el-tag>
+        </span>
+        <el-button type="success" plain icon="el-icon-plus" @click="openDevice = true" size="mini">选择</el-button>
+      </el-form-item>
+      <el-form-item v-if="chooseDevice.length != 0">
+        <table border="1">
+          <tr>
+            <td :colspan="6" class="head">设备成本预算</td>
+          </tr>
+          <tr>
+            <td style="width: 120px">设备名称</td>
+            <td style="width: 120px">规格型号</td>
+            <td style="width: 120px">品牌</td>
+            <td>折旧成本（天）</td>
+            <td style="width: 100px">预算天数</td>
+            <td style="width: 100px">总额</td>
+          </tr>
+          <tr v-for="device in chooseDevice" :key="device.deviceId">
+            <td>{{ device.name }}</td>
+            <td>{{ device.series }}</td>
+            <td>{{ device.brand }}</td>
+            <td>
+              {{ device.dayCost }}
+            </td>
+            <td>
+              <el-input v-model="device.days" placeholder="请输入天数" @blur="calculateDeviceTotal(device)"></el-input>
+            </td>
+            <td class="deviceCost">{{ device.depreciation }}</td>
+          </tr>
+          <tr>
+            <td colspan="5">设备成本合计</td>
+            <td>{{ form.deviceCost }}</td>
+          </tr>
+        </table>
+      </el-form-item>
+    </el-form>
+    <!-- 选择设备对话框 -->
+    <el-dialog title="选择设备" :visible.sync="openDevice" width="750px" append-to-body>
+      <chooseDevice @chooseList="getChooseDevice"></chooseDevice>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import chooseDevice from './components/chooseDevice'
+import { listBudgetDevice, addBudgetDevice, delBudgetDevice } from "@/api/oa/budget/budgetDevice.js";
+export default {
+  components: {
+    chooseDevice
+  },
+  props: {
+    budgetId: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      form: {
+        deviceCost: 0
+      },
+      chooseDevice: [],
+      openDevice: false,
+    }
+  },
+  watch: {
+    'form.deviceCost'(newval) {
+      if (!isNaN(newval)) {
+        this.$emit('deviceCost', newval);
+      }
+    },
+    budgetId() {
+      this.initForm()
+    },
+    chooseDevice: {
+      handler(newVal) {
+        this.$emit('chooseDevice', newVal)
+      },
+      immediate: true, // 立即生效
+      deep: true  //监听对象或数组的时候，要用到深度监听
+    }
+  },
+  created() {
+    this.initForm();
+  },
+  methods: {
+    initForm() {
+      if (this.budgetId != '') {
+        listBudgetDevice({ pageSize: 100, budgetId:this.budgetId }).then((res) => {
+          this.chooseDevice = res.rows;
+          for (let device of this.chooseDevice) {
+            device.brand = device.device.brand
+            device.dayCost = device.device.dayCost
+            device.name = device.device.name
+            device.series = device.device.series
+          }
+          this.initDeviceCost();
+        })
+      }
+    },
+    initDeviceCost(){
+      let deviceCost = 0;
+      for (let device of this.chooseDevice) {
+        deviceCost = deviceCost + Number(device.depreciation);
+      }
+      this.form.deviceCost = deviceCost
+    },
+    getChooseDevice(val) {
+      this.chooseDevice = val;
+      this.openDevice = false;
+      this.recalculateCost(val, 'depreciation', 'deviceCost');
+    },
+    calculateDeviceTotal(device) {
+      let total = Number(device.dayCost) * Number(device.days);
+      this.$set(device, "depreciation", total.toFixed(2));
+      this.getCost("depreciation", "deviceCost", this.chooseDevice);
+    },
+    recalculateCost(arr, name, formName) {
+      let sum = arr.reduce((accumulator, item) => {
+        // 检查 carCost 属性是否存在且为数字（或可转换为数字）  
+        if (item[name] != null && !isNaN(Number(item[name]))) {
+          return accumulator + Number(item[name]);
+        }
+        return accumulator;
+      }, 0);
+      this.$set(this.form, formName, sum.toFixed(2));
+    },
+    getCost(name1, name2, list) {
+      let sum = 0;
+      for (let user of list) {
+        sum = sum + Number(user[name1]);
+      }
+      this.form[name2] = sum.toFixed(2);
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+table {
+  width: 100%;
+  /*居中*/
+  // margin: 0 auto;
+  /*边框*/
+  /* border: 1px solid black; */
+  text-align: center;
+  border-collapse: collapse;
+  border: 1px solid #DCDFE6;
+
+  /*设置背景颜色*/
+  /* background-color: #bfa; */
+  td {
+    padding: 1px;
+  }
+
+  .head {
+    background-color: #e7f6f3;
+    font-family: '微软雅黑';
+    font-size: 18;
+  }
+}
+</style>

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

@@ -0,0 +1,463 @@
+<template>
+  <div style="padding: 0 20px;">
+    <el-form :model="form">
+      <el-form-item>
+        <table class="mb20" border="1">
+          <tr class="head">
+            <td colspan="11">项目计划工作量</td>
+          </tr>
+          <tr class="content-head">
+            <td>序号</td>
+            <td colspan="2">工作内容</td>
+            <td>等级或比例尺</td>
+            <td>单位</td>
+            <td>工作量</td>
+            <td>要求完成时间</td>
+            <td colspan="4">备注</td>
+          </tr>
+          <tr v-for="(work, index) in workList" :key="index">
+            <td>
+              {{ index + 1 }}
+            </td>
+            <td colspan="2">
+              {{ work.content }}
+            </td>
+            <td>
+              {{ work.scale }}
+            </td>
+            <td>
+              {{ work.unit }}
+            </td>
+            <td>
+              {{ work.workload }}
+            </td>
+            <td>
+              {{ work.deadline }}
+            </td>
+            <td colspan="4">
+              {{ work.remark }}
+            </td>
+          </tr>
+        </table>
+      </el-form-item>
+      <el-form-item>
+        <table border="1">
+          <tr class="head">
+            <td colspan="11">项目预结算</td>
+          </tr>
+          <tr class="content-head">
+            <td style="width: 100px;">工作简述</td>
+            <td style="width: 100px;">工作类别</td>
+            <td style="width: 100px;">工作项目</td>
+            <td style="width: 80px;">比例尺/等级</td>
+            <td style="width: 80px;">地类类型</td>
+            <td style="width: 50px;">单价</td>
+            <td style="width: 50px;">单位</td>
+            <td style="width: 50px;">数量</td>
+            <td style="width: 50px;">系数</td>
+            <td style="width: 100px;">备注</td>
+            <td style="width: 50px;">金额</td>
+          </tr>
+          <tr v-for="(work, index) in contentList" :key="index">
+            <!-- 工作简述 -->
+            <td style="position:relative;">
+              <div class="delete-btn" @click="deletWorkItem(index)">
+                <i class="el-icon-circle-close"></i>
+              </div>
+              <el-input type="textarea" v-model="work.content"></el-input>
+            </td>
+            <!-- 选择工作类别 -->
+            <td>
+              <el-select v-model="work.workType" :style="{ width: '100%' }"
+                @change="getWorkItemList(work, work.workType)">
+                <el-option v-for="item in workTypeList" :key="item.value" :label="item.label" :value="item.value">
+                </el-option>
+              </el-select>
+            </td>
+            <!-- 选择工作项目 -->
+            <td>
+              <el-select v-model="work.workItem" :style="{ width: '100%' }" :remote="true"
+                @change="getScaleGradeList(work, work.workItem)">
+                <el-option v-for="item in work.workSelect.workItemList" :key="item.value" :label="item.label"
+                  :value="item.value">
+                </el-option>
+              </el-select>
+            </td>
+            <!-- 选择比例尺/等级 -->
+            <td>
+              <el-select v-model="work.scaleGrade" :style="{ width: '100%' }"
+                @change="getUnitPrice(work, work.workItem, work.subItem, work.scaleGrade, work.groundType)">
+                <el-option v-for="item in work.workSelect.scaleGradeList" :key="item.value" :label="item.label"
+                  :value="item.value">
+                </el-option>
+              </el-select>
+            </td>
+            <!-- 选择地类 -->
+            <td>
+              <el-select v-model="work.groundType" :style="{ width: '100%' }"
+                @change="getUnitPrice(work, work.workItem, work.subItem, work.scaleGrade, work.groundType)">
+                <el-option key="一般地类" label="一般地类" value="0">
+                </el-option>
+                <el-option key="复杂地类" label="复杂地类" value="1">
+                </el-option>
+              </el-select>
+            </td>
+            <!-- 单价 -->
+            <td>
+              {{ work.price }}
+            </td>
+            <!-- 单位 -->
+            <td>
+              {{ work.unit }}
+            </td>
+            <!-- 数量 -->
+            <td>
+              <el-input-number :controls="false" :style="{ width: '100%' }" v-model="work.workload"
+                @change="getTotal(work)"></el-input-number>
+            </td>
+            <!-- 系数 -->
+            <td>
+              <el-input-number v-model="work.coefficient" :controls="false" :precision="2" :step="0.01" :max="10"
+                @blur="getTotal(work)" style="width:60px;">
+              </el-input-number>
+              <el-tooltip content="系数备注" placement="right-start">
+                <el-button icon="el-icon-info" type="text" @click="getCoefficientRemark(work.workType)"></el-button>
+              </el-tooltip>
+
+            </td>
+            <!-- 备注 -->
+            <td>
+              <el-input type="textarea" v-model="work.remark"></el-input>
+            </td>
+            <!-- 总额 -->
+            <td>
+              {{ work.settle }}
+            </td>
+          </tr>
+          <tr>
+            <td colspan="10">预结算合计</td>
+            <td colspan="1">{{ Number(settle).toFixed(2) }}</td>
+          </tr>
+        </table>
+        <el-button icon="el-icon-plus" plain type="primary" size="mini" @click="addWorkList"></el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { listProjectWork } from "@/api/oa/project/projectWork";
+import { getPriceRemarkByWorkType } from '@/api/oa/price/price'
+import { listBudgetSettle, addBudgetSettle, delBudgetSettle } from "@/api/oa/budget/budgetSettle.js";
+import { getWorkTypeList, getWorkItemList, getSubItemList, getScaleGradeList, getUnitPrice } from '@/api/oa/price/price'
+export default {
+  props: {
+    projectId: {
+      type: String,
+      default: ''
+    },
+    budgetId: {
+      type: String,
+      default: ''
+    },
+  },
+  data() {
+    return {
+      form: {},
+      workList: [],//项目概况工作列表
+      workTypeList: [],
+      contentList: [
+        {
+          content: '',
+          workType: '',
+          workItem: '',
+          scaleGrade: '',
+          groundType: '0',
+          price: '',
+          unit: '',
+          workload: '',
+          coefficient: 1,
+          settle: 0,
+          workSelect: {
+            // 项目列表
+            projectList: [],
+            // 工作类别列表
+            workTypeList: [],
+            // 工作项目
+            workItemList: [],
+            // 项目细项
+            subItemList: [],
+            // 比例尺
+            scaleGradeList: [],
+          }
+        }
+      ],
+      settle: 0,
+    }
+  },
+  watch: {
+    budgetId() {
+      this.initTable();
+    },
+    settle(newval){
+      this.$emit('settleExpense',newval)
+    },
+    contentList:{
+      handler(newVal) {
+        this.$emit('contentList', newVal)
+      },
+      immediate: true, // 立即生效
+      deep: true  //监听对象或数组的时候，要用到深度监听
+    }
+  },
+  created() {
+    this.initTable();
+    this.initWorkTypeList();
+  },
+  methods: {
+    initTable() {
+      if (this.projectId != '') {
+        listProjectWork({ projectId: this.projectId }).then(res => {
+          this.workList = res.rows;
+        })
+      }
+      if (this.budgetId != '') {
+        listBudgetSettle({ pageSize: 100, budgetId: this.budgetId }).then(res => {
+          if (res.total != 0) {
+            this.contentList = res.rows;
+            this.initContenList();
+            this.getSettleSum();
+          }
+        })
+      }
+    },
+    initContenList() {
+      for (let c of this.contentList) {
+        this.$set(c, 'workSelect', {
+          // 项目列表
+          projectList: [],
+          // 工作类别列表
+          workTypeList: [],
+          // 工作项目
+          workItemList: [],
+          // 项目细项
+          subItemList: [],
+          // 比例尺
+          scaleGradeList: [],
+          workTypeLoading: true,
+          subItemLoading: true,
+          scaleGradeLoading: true,
+        })
+        this.$set(c, 'workType', c.cmcPrice.workType)
+        this.$set(c, 'scaleGrade', c.cmcPrice.scaleGrade)
+        this.$set(c, 'workItem', c.cmcPrice.workItem)
+        this.$set(c, 'unit', c.cmcPrice.unit)
+        if (c.groundType == '0') {
+          this.$set(c, 'price', c.cmcPrice.commonPrice)
+        } else {
+          this.$set(c, 'price', c.cmcPrice.complexPrice)
+        }
+        this.getTotal(c)
+      }
+    },
+    /* 获取工作类别 */
+    initWorkTypeList() {
+      getWorkTypeList().then(res => {
+        if (res) {
+          this.workTypeList = this.setArray(res);
+        }
+      });
+    },
+    /* 获取工作项目 */
+    getWorkItemList(work, workType) {
+      getWorkItemList({ workType: workType }).then(res => {
+        if (res) {
+          let workItemList = this.setArray(res);
+          work.workSelect.workItemList = workItemList;
+          work.workItem = workItemList[0].label;
+          work.subItem = '';
+          this.getScaleGradeList(work, work.workItem);
+        }
+      })
+    },
+    /* 获取比例尺 */
+    getScaleGradeList(work, workItem) {
+      if (work.scale) {
+        this.$set(work, 'scaleGrade', work.scale);
+        if (work.groundType == undefined) {
+          this.$set(work, 'groundType', '0');
+        }
+        this.getUnitPrice(work, work.workItem, work.subItem, work.scaleGrade, work.groundType);
+      } else {
+        getScaleGradeList({ workItem }).then(res => {
+          if (res) {
+            let scaleGradeList = this.setArray(res);
+            work.workSelect.scaleGradeLoading = false;
+            work.workSelect.scaleGradeList = scaleGradeList;
+            this.$set(work, 'scaleGrade', scaleGradeList[0].label)
+            // work.scaleGrade = scaleGradeList[0].label;
+            if (work.scaleGrade == undefined) {
+              this.$set(work, 'scaleGrade', '无');
+            }
+            if (work.groundType == undefined) {
+              this.$set(work, 'groundType', '0');
+            }
+            this.getUnitPrice(work, work.workItem, work.subItem, work.scaleGrade, work.groundType);
+          }
+        })
+      }
+    },
+    /* 获取单价 */
+    getUnitPrice(work, workItem, subItem, scaleGrade, groundType) {
+      getUnitPrice({ workItem, subItem, scaleGrade, groundType: groundType }).then(res => {
+        if (res.length != 0) {
+          work.priceId = res.data.id;
+          this.$set(work, 'price', res.data.price)
+          this.$set(work, 'unit', res.data.unit)
+          this.$set(work, 'coefficient', 1)
+          if (work.workload != undefined || work.workload != '') {
+
+            this.getTotal(work);
+          }
+        }
+      })
+    },
+    /* 获取总额 */
+    getTotal(work) {
+      let total = this.calculateTotal(work.price, work.coefficient, work.workload, 1);
+      if (total < 600) {
+        total = 600
+        this.$message.warning('不足600，按600算')
+      }
+      this.$set(work, 'settle', total)
+      this.getSettleSum();
+    },
+    /* 计算总额 */
+    calculateTotal(price, coefficient, workload, percent) {
+      return ((parseFloat(price) * parseFloat(coefficient) * parseFloat(workload)) * percent).toFixed(2);
+    },
+
+    getSettleSum() {
+      let sum = 0;
+      for (let work of this.contentList) {
+        sum = sum + Number(work.settle)
+      }
+      this.settle = sum.toFixed(2);
+      let obj = {}
+      obj.workList = this.contentList;
+      obj.settle = this.settle;
+      this.$emit('getSettle', obj);
+      this.$emit('getWorkList', this.contentList)
+    },
+
+    getCoefficientRemark(workType) {
+      getPriceRemarkByWorkType({ workType }).then(res => {
+        if (res.code == 200) {
+          if (workType != undefined)
+            this.$notify({
+              title: workType,
+              dangerouslyUseHTMLString: true,
+              message: res.msg,
+              duration: 0
+            });
+        }
+
+      })
+    },
+    addWorkList() {
+      this.contentList.push({
+        content: '',
+        workType: '',
+        workItem: '',
+        scaleGrade: '',
+        groundType: '0',
+        price: '',
+        unit: '',
+        workload: '',
+        coefficient: 1,
+        settle: 0,
+        workSelect: {
+          // 项目列表
+          projectList: [],
+          // 工作类别列表
+          workTypeList: [],
+          // 工作项目
+          workItemList: [],
+          // 项目细项
+          subItemList: [],
+          // 比例尺
+          scaleGradeList: [],
+          workTypeLoading: true,
+          workItemLoading: true,
+          subItemLoading: true,
+          scaleGradeLoading: true,
+        }
+      });
+    },
+    deletWorkItem(index) {
+      let arr = this.contentList;
+      if (arr.length == 1) {
+        return;
+      }
+      if (index >= 0 && index < arr.length) {
+        arr.splice(index, 1);
+      }
+      this.getSettleSum();
+    },
+    // 数组去重，并格式化为label、value形式
+    setArray(arr) {
+      if (arr != [] && arr != undefined) {
+        let datalist = [...new Set(arr)];
+        let list = [];
+        for (let i of datalist) {
+          let obj = new Object();
+          obj.label = i;
+          obj.value = i;
+          list.push(obj);
+        }
+        return list;
+      } else {
+        return [];
+      }
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.delete-btn {
+  position: absolute;
+  left: -30px;
+  top: 50%;
+  transform: translate(0, -50%);
+  color: #F56C6C;
+  cursor: pointer;
+
+  i {
+    font-size: 25px;
+  }
+}
+
+table {
+  width: 100%;
+  /*居中*/
+  // margin: 0 auto;
+  /*边框*/
+  /* border: 1px solid black; */
+  text-align: center;
+  border-collapse: collapse;
+  border: 1px solid #DCDFE6;
+
+  /*设置背景颜色*/
+  /* background-color: #bfa; */
+  td {
+    padding: 1px;
+  }
+
+  .head {
+    background-color: #e7f6f3;
+    font-family: '微软雅黑';
+    font-size: 18;
+  }
+}
+</style>

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

@@ -0,0 +1,141 @@
+<!--
+ * @Author: ysh
+ * @Date: 2024-12-11 17:21:00
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2024-12-12 13:52:17
+-->
+<template>
+  <div>
+    <el-form :model="form">
+      <el-form-item>
+        <table border="1">
+          <tr class="head">
+            <td>内容</td>
+            <td>费用金额</td>
+            <td>备注</td>
+          </tr>
+          <tr>
+            <td>外协费用</td>
+            <td>
+              <el-input-number :controls="false" style="width:100%;" v-model="form.outExpense"
+                @blur="computedDirectExpense()"></el-input-number>
+            </td>
+            <td>
+              <el-input type="textarea" v-model="form.outRemark"></el-input>
+            </td>
+          </tr>
+          <tr>
+            <td>车船租赁</td>
+            <td>
+              <el-input-number :controls="false" style="width:100%;" v-model="form.rentExpense"
+                @blur="computedDirectExpense()"></el-input-number>
+            </td>
+            <td>
+              <el-input type="textarea" v-model="form.rentRemark"></el-input>
+            </td>
+          </tr>
+          <tr>
+            <td>其他费用</td>
+            <td>
+              <el-input-number :controls="false" style="width:100%;" v-model="form.otherExpense"
+                @blur="computedDirectExpense()"></el-input-number>
+            </td>
+            <td>
+              <el-input type="textarea" v-model="form.otherRemark"></el-input>
+            </td>
+          </tr>
+          <tr>
+            <td>税费成本</td>
+            <td>
+              <el-input-number :controls="false" style="width:100%;" v-model="form.taxExpense"
+                @blur="computedDirectExpense()"></el-input-number>
+            </td>
+            <td>
+              <el-input type="textarea" v-model="form.taxRemark"></el-input>
+            </td>
+          </tr>
+          <tr>
+            <td>经营管理费用</td>
+            <td>
+              <el-input-number :controls="false" style="width:100%;" v-model="form.businessExpense"
+                @blur="computedDirectExpense()"></el-input-number>
+            </td>
+            <td>
+              <el-input type="textarea" v-model="form.businessRemark"></el-input>
+            </td>
+          </tr>
+        </table>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { listBudget, addBudget, updateBudget, delBudget } from "@/api/oa/budget/budget.js";
+export default {
+  props: {
+    budgetForm: {
+      type: Object,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      form: {
+        outExpense: 0,
+        rentExpense: 0,
+        otherExpense: 0,
+        taxExpense: 0,
+        businessExpense: 0
+      }
+    }
+  },
+  watch: {
+    budgetForm: {
+      handler(newVal) {
+        if (newVal) {
+          this.initTable(newVal);
+        }
+      },
+      immediate: true, // 立即生效
+      deep: true  //监听对象或数组的时候，要用到深度监听
+    }
+  },
+  created() {
+    
+  },
+  methods: {
+    initTable(val) {
+      this.form = val;
+    },
+    computedDirectExpense() {
+      this.$emit('otherCost', this.form)
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+table {
+  width: 100%;
+  /*居中*/
+  // margin: 0 auto;
+  /*边框*/
+  /* border: 1px solid black; */
+  text-align: center;
+  border-collapse: collapse;
+  border: 1px solid #DCDFE6;
+
+  /*设置背景颜色*/
+  /* background-color: #bfa; */
+  td {
+    padding: 1px;
+  }
+
+  .head {
+    background-color: #e7f6f3;
+    font-family: '微软雅黑';
+    font-size: 18;
+  }
+}
+</style>

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

@@ -0,0 +1,174 @@
+<template>
+  <div class="app-container">
+    <el-form ref="form" :model="form" style="padding: 20px 100px 0">
+      <!-- 选择人员 -->
+      <el-form-item label="选择人员：">
+        <span v-if="chooseUser.length != 0">
+          <el-tag effect="plain" type="success" v-for="item in chooseUser" style="margin: 5px; font-size: 14px"
+            :key="item.userId">
+            {{ item.nickName }}
+          </el-tag>
+        </span>
+        <el-button type="success" plain icon="el-icon-plus" @click="openPeople = true" size="mini">选择</el-button>
+      </el-form-item>
+      <div class="mb20" style="color:#E23D28;font-size:12px;">
+        tips:人员成本=(基础工资+岗位工资)/21.75，固定工资中的年功工资暂忽略不计，绩效工资计入直接成本，津贴补贴、五险一金扣除暂未考虑
+      </div>
+      <el-form-item v-if="chooseUser.length != 0">
+        <table border="1">
+          <tr>
+            <td :colspan="5" class="head">表1：人员成本预算</td>
+          </tr>
+          <tr>
+            <td style="width: 50px">序号</td>
+            <td style="width: 80px">姓名</td>
+            <td style="width: 100px">部门</td>
+            <td style="width: 100px">预算天数</td>
+            <td style="width: 100px">总额</td>
+          </tr>
+          <tr v-for="user, index in chooseUser" :key="user.userId">
+            <td>{{ index + 1 }}</td>
+            <td>{{ user.nickName }}</td>
+            <td>{{ user.dept ? user.dept.deptName : user.deptName }}</td>
+            <td>
+              <el-input v-model="user.days" placeholder="请输入天数" @blur="calculateUserTotal(user)"></el-input>
+            </td>
+            <td class="staffCost">{{ user.staffCost }}</td>
+          </tr>
+          <tr>
+            <td colspan="4">人员成本合计</td>
+            <td>{{ form.staffCost }}</td>
+          </tr>
+        </table>
+      </el-form-item>
+
+    </el-form>
+
+    <!-- 选择人员对话框 -->
+    <el-dialog title="选择人员" :visible.sync="openPeople" width="700px" append-to-body>
+      <choosePeople @chooseUser="getChooseUser"></choosePeople>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { listBudgetStaff, addBudgetStaff, delBudgetStaff } from "@/api/oa/budget/budgetStaff.js";
+import choosePeople from './components/choosePeople.vue';
+export default {
+  components: {
+    choosePeople
+  },
+  props: {
+    budgetId: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      form: {
+        staffCost: 0
+      },
+      chooseUser: [],
+      openPeople: false,
+    }
+  },
+  watch: {
+    'form.staffCost'(newval) {
+      if (!isNaN(newval)) {
+        this.$emit('staffCost', newval);
+      }
+    },
+    budgetId() {
+      this.initForm()
+    },
+    chooseUser: {
+      handler(newVal) {
+        this.$emit('chooseUser', newVal)
+      },
+      immediate: true, // 立即生效
+      deep: true  //监听对象或数组的时候，要用到深度监听
+    }
+  },
+  created() {
+    this.initForm();
+  },
+  methods: {
+    initForm() {
+      if (this.budgetId != '') {
+        listBudgetStaff({ pageSize: 100, budgetId: this.budgetId }).then((res) => {
+          this.chooseUser = res.rows;
+          for (let user of this.chooseUser) {
+            user.nickName = this.getUserName(user.userId);
+            user.deptName = this.getDeptName(user.user.deptId);
+          }
+          this.initStaffCost()
+        })
+      }
+    },
+    initStaffCost(){
+      let staffCost = 0;
+      for (let user of this.chooseUser) {
+        staffCost = staffCost + Number(user.staffCost);
+      }
+      this.form.staffCost = staffCost
+    },
+    getChooseUser(val) {
+      this.chooseUser = val;
+      this.openPeople = false;
+      this.recalculateCost(val, 'staffCost', 'staffCost');
+    },
+    // 计算单个人员的成本
+    calculateUserTotal(user) {
+      let total = parseFloat((user.salary.salary + 1780) / 21.75).toFixed(2) * Number(user.days);
+      if (isNaN(total)) {
+        total = 0
+      }
+      this.$set(user, "staffCost", total.toFixed(2));
+      this.getCost("staffCost", "staffCost", this.chooseUser);
+    },
+    recalculateCost(arr, name, formName) {
+      let sum = arr.reduce((accumulator, item) => {
+        // 检查 carCost 属性是否存在且为数字（或可转换为数字）  
+        if (item[name] != null && !isNaN(Number(item[name]))) {
+          return accumulator + Number(item[name]);
+        }
+        return accumulator;
+      }, 0);
+      this.$set(this.form, formName, sum.toFixed(2));
+    },
+    getCost(name1, name2, list) {
+      let sum = 0;
+      for (let user of list) {
+        sum = sum + Number(user[name1]);
+      }
+      this.form[name2] = sum.toFixed(2);
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+table {
+  width: 100%;
+  /*居中*/
+  // margin: 0 auto;
+  /*边框*/
+  /* border: 1px solid black; */
+  text-align: center;
+  border-collapse: collapse;
+  border: 1px solid #DCDFE6;
+
+  /*设置背景颜色*/
+  /* background-color: #bfa; */
+  td {
+    padding: 1px;
+  }
+
+  .head {
+    background-color: #e7f6f3;
+    font-family: '微软雅黑';
+    font-size: 18;
+  }
+}
+</style>