修改打印结算表

oa-ui/src/views/flowable/form/components/settlePrint.vue

@@ -0,0 +1,251 @@
+<template>
+  <div>
+    <h2 class="text-center title">生产项目委托管理结算清单</h2>
+    <table border="1">
+      <tr>
+        <td :colspan="2" class="fontbold">项目名称</td>
+        <td :colspan="4">{{ chooseProject.projectName }}</td>
+        <td :colspan="2" class="fontbold">项目编号</td>
+        <td :colspan="2">{{ chooseProject.projectNumber }}</td>
+      </tr>
+      <tr>
+        <td :colspan="2" class="fontbold">承担部门</td>
+        <td :colspan="4">{{ undertakingDept.join('，') }}</td>
+        <td :colspan="2" class="fontbold">项目负责人</td>
+        <td :colspan="2">{{ chooseProject.projectLeaderName }}</td>
+      </tr>
+      <tr>
+        <td :colspan="10" class="header bg">测绘项目完成工作量及费用计算</td>
+      </tr>
+      <tr>
+        <td class="fontbold">序号</td>
+        <td class="fontbold">工作内容</td>
+        <td class="fontbold">比例尺或等级</td>
+        <td class="fontbold">单位</td>
+        <td class="fontbold">工作量</td>
+        <td class="fontbold">地类</td>
+        <td class="fontbold">单价(元)</td>
+        <td class="fontbold">系数</td>
+        <td class="fontbold">结算经费（元）</td>
+        <td class="fontbold">备注</td>
+      </tr>
+      <tr v-for="(work, index) in workList">
+        <td>{{ index + 1 }}</td>
+        <td>{{ work.content }}</td>
+        <td>{{ work.scale }}</td>
+        <td>{{ work.unit }}</td>
+        <td>{{ work.workload }}</td>
+        <td>{{ work.groundType == "0" ? "一般地类" : "复杂地类" }}</td>
+        <td>{{ work.price }}</td>
+        <td>{{ work.coefficient }}</td>
+        <td>{{ work.settle }}</td>
+        <td>{{ work.remark }}</td>
+      </tr>
+      <tr>
+        <td :colspan="4" class="header">结算费用合计</td>
+        <td :colspan="6">{{ settleSum.amount }}</td>
+      </tr>
+      <tr>
+        <td :colspan="10" class="header bg">扣除项小计</td>
+      </tr>
+      <tr>
+        <td class="fontbold">序号</td>
+        <td :colspan="3" class="fontbold">结算内容</td>
+        <td :colspan="3" class="fontbold">结算金额</td>
+        <td :colspan="3" class="fontbold">备注</td>
+      </tr>
+      <tr v-for="(ded, index) of deductionsList">
+        <td>{{ index + 1 }}</td>
+        <td :colspan="3">{{ ded.content }}</td>
+        <td :colspan="3">{{ ded.amount }}</td>
+        <td :colspan="3">{{ ded.remark }}</td>
+      </tr>
+      <tr>
+        <td :colspan="10" class="header bg">部门结算小计</td>
+      </tr>
+      <tr>
+        <td class="fontbold">序号</td>
+        <td :colspan="3" class="fontbold">部门名称</td>
+        <td :colspan="3" class="fontbold">结算金额</td>
+        <td :colspan="3" class="fontbold">备注</td>
+      </tr>
+      <tr v-for="(dept, index) of deptSettleList">
+        <td>{{ index + 1 }}</td>
+        <td :colspan="3">{{ dept.content }}</td>
+        <td :colspan="3">{{ dept.amount }}</td>
+        <td :colspan="3">{{ dept.remark }}</td>
+      </tr>
+      <tr>
+        <td :colspan="4" class="header">实际结算总金额</td>
+        <td :colspan="6">{{ actualSumSettle }}</td>
+      </tr>
+      <tr>
+        <td :colspan="4" class="header">结算说明</td>
+        <td :colspan="6">{{ form.settleComment }}</td>
+      </tr>
+      <tr>
+        <td :colspan="10" class="header bg">审核情况</td>
+      </tr>
+      <tr>
+        <td :colspan="2" class="fontbold">综合事务部(设备领用情况)</td>
+        <td :colspan="4" class="conment-width">{{ form.zhComment }}</td>
+        <td :colspan="2" style="text-align:left;">签名：<span class="auditor">{{ form.zhUserName }}</span></td>
+        <td :colspan="2" style="text-align:left;">日期：{{ form.zhTime }}</td>
+      </tr>
+      <tr>
+        <td :colspan="2" class="fontbold">技术质量部(质量及工作量)</td>
+        <td :colspan="4" class="conment-width">{{ form.jsComment }}</td>
+        <td :colspan="2" style="text-align:left;">签名：<span class="auditor">{{ form.jsUserName }}</span></td>
+        <td :colspan="2" style="text-align:left;">日期：{{ form.jsTime }}</td>
+      </tr>
+      <tr>
+        <td :colspan="2" class="fontbold">项目管理部(结算)</td>
+        <td :colspan="4" class="conment-width">{{ form.xmComment }}</td>
+        <td :colspan="2" style="text-align:left;">签名：<span class="auditor">{{ form.xmUserName }}</span></td>
+        <td :colspan="2" style="text-align:left;">日期：{{ form.xmTime }}</td>
+      </tr>
+      <tr>
+        <td :colspan="2" class="fontbold">项目承担部门(确认)</td>
+        <td :colspan="4" class="conment-width">{{ form.deptComment }}</td>
+        <td :colspan="2" style="text-align:left;">签名：<span class="auditor">{{ form.deptUserName }}</span></td>
+        <td :colspan="2" style="text-align:left;">日期：{{ form.deptTime }}</td>
+      </tr>
+      <tr>
+        <td :colspan="2" class="fontbold">经营发展部(校核)</td>
+        <td :colspan="4" class="conment-width">{{ form.jyComment }}</td>
+        <td :colspan="2" style="text-align:left;">签名：<span class="auditor">{{ form.jyUserName }}</span></td>
+        <td :colspan="2" style="text-align:left;">日期：{{ form.jyTime }}</td>
+      </tr>
+      <tr>
+        <td :colspan="2" class="fontbold">分管领导(审核)</td>
+        <td :colspan="4" class="conment-width">{{ form.managerComment }}</td>
+        <td :colspan="2" style="text-align:left;">签名：<span class="auditor">{{ form.managerUserName }}</span></td>
+        <td :colspan="2" style="text-align:left;">日期：{{ form.managerTime }}</td>
+      </tr>
+      <tr>
+        <td :colspan="2" class="fontbold">总经理(审批)</td>
+        <td :colspan="4" class="conment-width">{{ form.gmComment }}</td>
+        <td :colspan="2" style="text-align:left;">签名：<span class="auditor">{{ form.gmUserName }}</span></td>
+        <td :colspan="2" style="text-align:left;">日期：{{ form.gmTime }}</td>
+      </tr>
+    </table>
+    <div class="text-center mt20">
+      <el-button type="primary">确认打印</el-button>
+      <el-button>取消</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getUser } from "@/api/system/user";
+import { getDept } from "@/api/system/dept"
+export default {
+  props: {
+    form: {
+      type: Object
+    },
+    chooseProject: {
+      type: Object
+    },
+    workList: {
+      type: Array
+    },
+    settleList: {
+      type: Array
+    }
+  },
+  data() {
+    return {
+      settleSum: {},
+      deptSettleList: [],
+      deductionsList: [],
+      actualSumSettle: '',
+      undertakingDept: []
+    }
+  },
+  mounted() {
+    this.initTable();
+  },
+  methods: {
+    initTable() {
+      for (let s of this.settleList) {
+        if (s.tableNumber == '0') {
+          this.deductionsList.push(s)
+        } else if (s.tableNumber == '1') {
+          this.deptSettleList.push(s)
+        } else {
+          this.settleSum = s
+        }
+      }
+      getUser(this.chooseProject.projectLeader).then(res => {
+        if (res.data) {
+          this.$set(this.chooseProject, 'projectLeaderName', res.data.nickName)
+        }
+      })
+      let deptArr = this.chooseProject.undertakingDept.split(',')
+      for (let dept of deptArr) {
+        getDept(dept).then(res => {
+          console.log(res);
+          if(res.data){
+            this.undertakingDept.push(res.data.deptName);
+          }
+        })
+      }
+
+      this.calculateActualSumSettle()
+    },
+    calculateActualSumSettle() {
+      let sum = 0;
+      let arr = this.deductionsList;
+      for (let a of arr) {
+        sum = sum + Number(a.amount);
+      }
+      this.actualSumSettle = Number(this.settleSum.amount) - sum;
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+table {
+  /*边框*/
+  /* border: 1px solid black; */
+  width: 90%;
+  text-align: center;
+  border-collapse: collapse;
+  margin: 0 auto;
+
+  /*设置背景颜色*/
+  /* background-color: #bfa; */
+  td {
+    padding: 5px;
+    // line-height: 30px;
+  }
+}
+
+.header {
+  font-family: '黑体';
+  font-size: 16px;
+  font-weight: bold;
+  line-height: 30px;
+}
+
+.bg {
+  background-color: #eee;
+}
+
+.title {
+  font-family: '黑体';
+  font-size: 20px;
+  font-weight: bold;
+  line-height: 30px;
+}
+
+.fontbold {
+  font-weight: bold;
+}
+
+.conment-width {
+  max-width: 200px;
+}
+</style>

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

@@ -2,12 +2,12 @@
  * @Author: ysh
  * @Date: 2024-04-30 09:03:14
  * @LastEditors: Please set LastEditors
- * @LastEditTime: 2024-05-09 16:02:23
+ * @LastEditTime: 2024-05-10 11:05:25
 -->
 <template>
   <div class="app-container" v-loading="loading">
     <el-button type="warning" icon="el-icon-printer" @click="printOpen = true">打印</el-button>
-    <el-dialog title="打印结算表" :visible.sync="printOpen" width="65%" append-to-body>
+    <el-dialog title="结算表格预览" :visible.sync="printOpen" width="65%" append-to-body>
       <settle-print :form="form" :chooseProject="chooseProject" :workList="settleWorkList" :settleList="oldSettleSumList"></settle-print>
     </el-dialog>
     <el-row :gutter="20">
@@ -676,8 +676,10 @@ export default {
         } else {
           if (deptId) {
             getUsersManageLeaderByDept({ deptId }).then(res => {
-              let id = res.data.userId;
-              this.$set(this.taskForm.variables, "approval", id);
+              let id = [];
+              id.push(res.data.userId);
+              id.push(10)
+              this.$set(this.taskForm.variables, "approvalList", id);
               complete(this.taskForm).then(response => {
                 this.$modal.msgSuccess(response.msg);
                 this.$emit('goBack');