网页端：修改绩效审批，新增绩效打印

oa-ui/src/views/flowable/form/components/print/performancePrint.vue

  * @Author: ysh
  * @Date: 2024-09-29 17:20:07
  * @LastEditors: Please set LastEditors
- * @LastEditTime: 2024-09-30 14:51:58
+ * @LastEditTime: 2025-06-06 16:27:32
 -->
 <template>
   <div>
     <div id="printPerformance">
-      <table border="1" class="text-center">
+      <h2 class="text-center title">绩效统计表</h2>
+      <table border="1">
         <tr>
-          <td colspan="7" class="header text-center">
-            {{ getDeptName(deptId) }}{{ year }}年{{ month }}月预发绩效表
-          </td>
+          <td :colspan="1" class="fontbold">上报人</td>
+          <td :colspan="4">{{ getUserName(form.reporter) }}</td>
+          <td :colspan="1" class="fontbold">上报部门</td>
+          <td :colspan="3">{{ getDeptName(form.reportDept) }}</td>
         </tr>
-        <tr class="double-border">
-          <td>上报人</td>
-          <td>{{ getUserName(form.reporter) }}</td>
-          <td>
-            上报部门
-          </td>
-          <td>
-            {{ getDeptName(deptId) }}
-          </td>
-          <td>
-            上报时间
-          </td>
-          <td>
-            {{ form.reportTime }}
-          </td>
+        <tr>
+          <td :colspan="1" class="fontbold">上报时间</td>
+          <td :colspan="8">{{ form.reportTime }}</td>
         </tr>
         <tr>
-          <td>序号</td>
-          <td>部门</td>
-          <td>统计月份</td>
-          <td>姓名</td>
-          <td>预发绩效（元）</td>
-          <td>备注</td>
+          <td :colspan="9" class="fontbold">绩效明细</td>
         </tr>
-        <tr v-for="wage, index in wagesList" :key="index">
-          <td>
-            {{ index + 1 }}
-          </td>
-          <td>
-            {{ getDeptName(wage.deptId) }}
-          </td>
-          <td>
-            {{ (wage.payMonth).slice(0, 7) }}
-          </td>
-          <td>
-            {{ getUserName(wage.userId) }}
-          </td>
-          <td>
-            {{ wage.performanceSalary }}
-          </td>
-          <td>
-            {{ wage.remark }}
+        <tr>
+          <td :colspan="9">
+            <table border="1" style="width:100%;">
+              <tr>
+                <td style="width:50px;">序号</td>
+                <td>姓名</td>
+                <td>部门</td>
+                <td>生产绩效</td>
+                <td>管理绩效</td>
+                <td>总绩效</td>
+                <td>统计月份</td>
+              </tr>
+              <tr v-for="(item, index) in performanceTableData" :key="index">
+                <td>{{ index + 1 }}</td>
+                <td>{{ item.nickName }}</td>
+                <td>{{ item.dept.deptName }}</td>
+                <td style="text-align: right;">{{ item.producePerformance }}</td>
+                <td style="text-align: right;">{{ item.managePerformance }}</td>
+                <td style="text-align: right;">{{ (item.producePerformance + item.managePerformance).toFixed(2) }}</td>
+                <td>{{ parseTime(item.performanceMonth, '{y}-{m}') }}</td>
+              </tr>
+              <tr v-if="!performanceTableData || performanceTableData.length === 0">
+                <td colspan="7">无</td>
+              </tr>
+              <tr>
+                <td colspan="3">总计</td>
+                <td style="text-align: right;">
+                  {{ performanceTableData.reduce((acc, curr) => acc + Number(curr.producePerformance), 0).toFixed(2) }}
+                </td>
+                <td style="text-align: right;">
+                  {{ performanceTableData.reduce((acc, curr) => acc + Number(curr.managePerformance), 0).toFixed(2) }}
+                </td>
+                <td style="text-align: right;">
+                  {{ performanceTableData.reduce((acc, curr) => acc + Number(curr.producePerformance) + Number(curr.managePerformance), 0).toFixed(2) }}
+                </td>
+              </tr>
+            </table>
           </td>
         </tr>
         <tr>
-          <td colspan="4"><b>合计</b></td>
-          <td><b>{{ total }}</b></td>
-          <td></td>
+          <td :colspan="1" class="fontbold">绩效说明</td>
+          <td :colspan="8" style="white-space: pre-wrap;">{{ form.remark }}</td>
         </tr>
         <tr>
           <td :colspan="1" class="fontbold">分管审核意见</td>
           <td :colspan="3">{{ form.managerComment }}</td>
-          <td :colspan="1" style="text-align:left;min-width:120px;">
-            签名：<span class="auditor">{{ getUserName(form.managerUserId) }}</span>
-          </td>
-          <td :colspan="2" style="text-align:left;width:240px;">日期：{{ form.managerTime }}</td>
+          <td :colspan="1" class="fontbold">签名</td>
+          <td :colspan="2"><span class="auditor">{{ form.managerUser ? form.managerUser.nickName : '' }}</span></td>
+          <td :colspan="1" style="min-width:90px;">{{ form.managerTime }}</td>
         </tr>
         <tr>
           <td :colspan="1" class="fontbold">总经理审批意见</td>
           <td :colspan="3">{{ form.zjlComment }}</td>
-          <td :colspan="1" style="text-align:left;min-width:120px;">
-            签名：<span class="auditor">{{ getUserName(form.zjlUserId) }}</span>
-          </td>
-          <td :colspan="2" style="text-align:left;width:240px;">日期：{{ form.zjlTime }}</td>
+          <td :colspan="1" class="fontbold">签名</td>
+          <td :colspan="2"><span class="auditor">{{ form.zjlUser ? form.zjlUser.nickName : '' }}</span></td>
+          <td :colspan="1" style="min-width:90px;">{{ form.zjlTime }}</td>
         </tr>
       </table>
     </div>
 </template>
 
 <script>
-import { listPerformance, getPerformance, addPerformance, updatePerformance, delPerformance } from "@/api/oa/performance/performance"
-import { listWage, getWage, addWage, updateWage, delWage } from "@/api/oa/wage/wage"
-import { listUser, getUser } from '@/api/system/user'
+import { parseTime } from "@/utils/ruoyi";
+
 export default {
+  name: 'PerformancePrint',
   props: {
-    formId: {
-      type: String,
+    form: {
+      type: Object,
+      required: true
+    },
+    performanceTableData: {
+      type: Array,
+      default: () => []
     }
   },
   data() {
     return {
-      form: {},
-      deptId: undefined,
-      month: new Date().getMonth() + 1,
-      year: new Date().getFullYear(),
-      wagesList: [],
-      total: 0,
       print: {
         id: 'printPerformance',
-        popTitle: '绩效审批表', // 打印配置页上方标题
-        extraHead: '', //最上方的头部文字，附加在head标签上的额外标签,使用逗号分隔
-        preview: false, // 是否启动预览模式，默认是false（开启预览模式，可以先预览后打印）
-        previewTitle: '', // 打印预览的标题（开启预览模式后出现）,
-        previewPrintBtnLabel: '', // 打印预览的标题的下方按钮文本，点击可进入打印（开启预览模式后出现）
-        zIndex: '', // 预览的窗口的z-index，默认是 20002（此值要高一些，这涉及到预览模式是否显示在最上面）
-        previewBeforeOpenCallback() { }, //预览窗口打开之前的callback（开启预览模式调用）
-        previewOpenCallback() { }, // 预览窗口打开之后的callback（开启预览模式调用）
-        beforeOpenCallback() { }, // 开启打印前的回调事件
-        openCallback() { }, // 调用打印之后的回调事件
-        closeCallback() { }, //关闭打印的回调事件（无法确定点击的是确认还是取消）
+        popTitle: '绩效统计表打印',
+        extraHead: '',
+        preview: false,
+        previewTitle: '',
+        previewPrintBtnLabel: '',
+        zIndex: '',
+        previewBeforeOpenCallback() { },
+        previewOpenCallback() { },
+        beforeOpenCallback() { },
+        openCallback() { },
+        closeCallback() { },
         url: '',
         standard: '',
         extraCss: ''
       }
     }
   },
-  created() {
-    this.initForm();
-    this.initWages();
-  },
   methods: {
-    initForm() {
-      getPerformance(this.formId).then(res => {
-        if (res.data) {
-          this.form = res.data;
-          this.deptId = res.data.reportDept
-        }
-      })
+    getUserName(userId) {
+      const user = this.$store.state.user.userList.find(item => item.userId === userId)
+      return user ? user.nickName : ''
     },
-    initWages() {
-      const params = { pageSize: 999, performanceId: this.formId };
-      listWage(params).then(async res => {
-        for (let w of res.rows) {
-          let userData = await getUser(w.userId);
-          w.deptId = userData.data.deptId;
-        }
-        this.wagesList = res.rows;
-        this.getTotal();
-      })
+    getDeptName(deptId) {
+      const dept = this.$store.state.user.deptList.find(item => item.deptId === deptId)
+      return dept ? dept.deptName : ''
     },
-    getTotal() {
-      this.total = this.wagesList.reduce((accumulator, currentValue) => {
-        return accumulator + currentValue.performanceSalary;
-      }, 0);
+    getFileName(name) {
+      if (name) {
+        let arr = name.split('/')
+        return arr[arr.length - 1]
+      }
+      return ''
     },
-  },
+    parseTime
+  }
 }
 </script>
 
 <style lang="scss" scoped>
 table {
-  /*边框*/
-  /* border: 1px solid black; */
   width: 90%;
-  // text-align: center;
+  text-align: left;
   border-collapse: collapse;
   margin: 0 auto;
+  border: 1px solid #a5abb0;
 
-  /*设置背景颜色*/
-  /* background-color: #bfa; */
   td {
-    padding: 5px;
-    // line-height: 30px;
+    padding: 15px;
   }
 }
 
-.header {
-  font-family: '黑体';
-  font-size: 16px;
-  font-weight: bold;
-  line-height: 30px;
-}
-
-.bg {
-  background-color: #eee;
-  -webkit-print-color-adjust: exact;
-}
-
 .title {
   font-family: '黑体';
   font-size: 20px;
 
 .fontbold {
   font-weight: bold;
-  min-width: 150px;
+  min-width: 100px;
   text-align: center;
 }
 
-.conment-width {
-  // max-width: 200px;
-}
-
-
 @page {
   size: auto;
-  /* 去除页脚 */
   margin-bottom: 0;
-  // 横向A4
-  // size:A4 landscape;
 }
 
 @media print {
-  #print table {
+  #printPerformance table {
     width: 100%;
   }
 }
-
-.double-border {
-  // border-top: 3px double black;
-  /* 双横线 */
-  border-bottom: 3px double black;
-  /* 双横线 */
-}
-
-.empty-row {
-  height: 9px;
-  /* 设置行高 */
-}
 </style>

oa-ui/src/views/flowable/form/performance/performanceForm.vue

 <template>
   <div class="app-container">
     <el-row :gutter="20">
+      <div class="mb20" v-if="showAlter">
+        <el-alert title="任务被退回，请修改后重新提交" type="error" :closable="false">
+          <return-comment :taskForm="taskForm" @isReturn="isReturn"></return-comment>
+        </el-alert>
+      </div>
       <h2 style="text-align: center;">绩效审批表</h2>
-      <el-form ref="form" :model="form" :rules="rules" :disabled="taskName == ''">
+      <el-form ref="form" :model="form" :rules="rules">
         <el-row :gutter="20">
           <el-col :span="7" :xs="24">
             <el-form-item label="上报人：" prop="reporter" label-width="100px">
             </el-form-item>
           </el-col>
         </el-row>
-        <div>
+        <div v-if="taskName == '绩效上报'">
           <el-button type="primary" size="small" icon="el-icon-upload" @click="upload.open = true">上传绩效表</el-button>
           <div
             style="background-color: #f0f9eb; border: 1px solid #c2e7b0; padding: 10px; border-radius: 5px;margin-top: 10px;">
         </el-table>
         <pagination v-show="outerTotal > 0" :total="outerTotal" :page.sync="outerParams.pageNum"
           :limit.sync="outerParams.pageSize" @pagination="getOuterTableData" />
-        <div class="table-title">绩效统计表</div>
-        <el-table :data="performanceTableData" style="width: 100%">
-          <el-table-column prop="nickName" label="姓名" />
+        <div class="table-title">
+          绩效统计表
+          <el-button type="success" size="small" icon="el-icon-printer" @click="printPerformanceTable"
+            style="margin-left: 20px;">
+            打印
+          </el-button>
+        </div>
+        <el-table :data="groupedPerformanceData" style="width: 100%" class="mb20" row-class-name="table-row-class">
+          <el-table-column type="index" label="序号" width="50">
+            <template slot-scope="scope">
+              <span v-if="!scope.row.isSummary">{{ scope.$index + 1 }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="nickName" label="姓名">
+            <template slot-scope="scope">
+              <span v-if="!scope.row.isSummary">{{ scope.row.nickName }}</span>
+              <span v-else class="summary-text">{{ scope.row['dept.deptName'] }}部门总计</span>
+            </template>
+          </el-table-column>
           <el-table-column prop="dept.deptName" label="部门" />
-          <el-table-column prop="producePerformance" label="生产绩效" />
-          <el-table-column prop="managePerformance" label="管理绩效" />
+          <el-table-column prop="producePerformance" label="生产绩效" sortable>
+            <template slot-scope="scope">
+              <span :class="{ 'summary-text': scope.row.isSummary }">
+                {{ scope.row.isSummary ? Number(scope.row.producePerformance).toFixed(2) : scope.row.producePerformance }}
+              </span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="managePerformance" label="管理绩效" sortable>
+            <template slot-scope="scope">
+              <span :class="{ 'summary-text': scope.row.isSummary }">
+                {{ scope.row.isSummary ? Number(scope.row.managePerformance).toFixed(2) : scope.row.managePerformance }}
+              </span>
+            </template>
+          </el-table-column>
+          <el-table-column label="总绩效" width="100" sortable>
+            <template slot-scope="scope">
+              <span :class="{ 'summary-text': scope.row.isSummary }">
+                {{ (Number(scope.row.producePerformance) + Number(scope.row.managePerformance)).toFixed(2) }}
+              </span>
+            </template>
+          </el-table-column>
           <el-table-column prop="performanceMonth" label="统计月份">
             <template slot-scope="scope">
-              {{ parseTime(scope.row.performanceMonth, '{y}-{m}') }}
+              <span v-if="!scope.row.isSummary">{{ parseTime(scope.row.performanceMonth, '{y}-{m}') }}</span>
             </template>
           </el-table-column>
         </el-table>
-        <el-form-item label="附件上传：" prop="document" label-width="100px">
-          <FileUpload v-if="!form.document" ref="orz" :limit="1" :isShowTip="false"
+
+
+        <el-form-item label="附件上传：" prop="document" label-width="130px">
+          <FileUpload v-if="taskName == '绩效上报' && !form.document" ref="orz" :limit="1" :isShowTip="false"
             :filePathName="'绩效审批/' + parseTime(new Date(), '{y}-{m}-{d}-{h}-{i}-{s}')"
             :fileType="['doc', 'docx', 'xls', 'xlsx', 'pdf', 'rar', 'zip']" @input="setDocument">
           </FileUpload>
             </el-link>
             <span class="el-icon-delete del-file" @click="deleteDoc" v-if="taskName == '绩效上报'">删除文件</span>
           </div>
+          <div v-else>
+            暂无附件
+          </div>
         </el-form-item>
-        <el-form-item label="绩效说明：" prop="remark" label-width="100px">
-          <el-input type="textarea" v-model="form.remark" :autosize="{ minRows: 4 }" />
+        <el-form-item label="绩效说明：" prop="remark" label-width="130px">
+          <el-input :disabled="taskName != '绩效上报'" type="textarea" v-model="form.remark" :autosize="{ minRows: 4 }" />
+        </el-form-item>
+        <el-form-item label="分管审核意见：" prop="managerComment" label-width="130px">
+          <el-input type="textarea" v-model="form.managerComment" :autosize="{ minRows: 4 }"
+            :disabled="taskName != '分管审核'"></el-input>
+          <div class="sign mt10" v-if="form.managerUserId">
+            <div class="mr20">签名：<span class="auditor">{{ getUserName(form.managerUserId) }}</span>
+            </div>
+            <div class="ml20"><span>审核时间：{{ form.managerTime }}</span></div>
+          </div>
+        </el-form-item>
+        <el-form-item label="总经理审批意见：" prop="zjlComment" label-width="130px">
+          <el-input type="textarea" v-model="form.zjlComment" :autosize="{ minRows: 4 }"
+            :disabled="taskName != '总经理审批'"></el-input>
+          <div class="sign mt10" v-if="form.zjlUserId">
+            <div class="mr20">签名：<span class="auditor">{{ getUserName(form.zjlUserId) }}</span>
+            </div>
+            <div class="ml20"><span>审核时间：{{ form.zjlTime }}</span></div>
+          </div>
+        </el-form-item>
+        <el-form-item label="人事制单：" label-width="130px" v-if="taskName == '人事制单'">
+          <el-button type="success" icon="el-icon-printer" @click="printPerformanceTable">打印</el-button>
         </el-form-item>
       </el-form>
       <el-row style="text-align: center;" v-if="taskName != ''">
         <el-button type="danger" @click="returnOpen = true" v-show="taskName != '绩效上报'">退 回</el-button>
         <el-button type="warning" @click="saves()">保存</el-button>
-        <el-button type="primary" @click="completeApply()">提交</el-button>
+        <el-button type="primary" @click="completeApply()">{{ taskName == '绩效上报' ? '提交绩效表' : '完成审批' }}</el-button>
       </el-row>
     </el-row>
     <el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
         <el-button type="primary" @click="submitEdit">确定</el-button>
       </div>
     </el-dialog>
+    <el-dialog title="打印绩效统计表" :visible.sync="printDialogVisible" width="800px" append-to-body>
+      <performance-print :form="form" :performanceTableData="performanceTableData"
+        @cancel="printDialogVisible = false" />
+    </el-dialog>
+    <el-dialog title="退回" :visible.sync="returnOpen" width="40%" append-to-body>
+      <return-btn :taskForm="taskForm" @goBack="$emit('goBack')" @saves="" @cancel="returnOpen = false"></return-btn>
+    </el-dialog>
   </div>
 </template>
 
 import { complete, rejectTask, returnList, returnTask, getNextFlowNode, delegate, flowTaskForm, } from "@/api/flowable/todo";
 import { listPerformance, getPerformance, addPerformance, updatePerformance, delPerformance } from "@/api/oa/performance/performance"
 import { listPerformanceStaff, getPerformanceStaff, updatePerformanceStaff, getMonthPerformanceList } from "@/api/oa/performance/performanceStaff";
+import { getUsersDeptLeaderByDept, getUsersManageLeaderByDept, getUserByPost } from '@/api/system/post'
 import { listProject } from "@/api/oa/project/project";
+import { getUserByRole } from "@/api/system/role";
 import { getToken } from "@/utils/auth";
+import PerformancePrint from '../components/print/performancePrint.vue';
+import returnBtn from '@/views/flowable/form/components/flowBtn/returnBtn.vue';
+import ReturnComment from '@/views/flowable/form/components/flowBtn/returnComment.vue';
 
 export default {
+  components: {
+    PerformancePrint, returnBtn, ReturnComment
+  },
   props: {
     taskName: {
       type: String,
       baseUrl: process.env.VUE_APP_BASE_API,
       flowData: {},
       form: {},
-      rules: {},
-      showAlter: false,
+      rules: {
+        managerComment: [
+          { required: this.taskName == '分管审核', message: '请填写分管领导意见', trigger: 'blur' }
+        ],
+        zjlComment: [
+          { required: this.taskName == '总经理审批', message: '请填写总经理审批意见', trigger: 'blur' }
+        ]
+      },
+      printDialogVisible: false,
       upload: {
         open: false,
         title: "上传绩效表",
       editRow: {},
       editType: '', // 'inner' or 'outer'
       formTotal: 0,
+      returnOpen: false,
+      showAlter: true,
+      groupedPerformanceData: [],
     }
   },
   created() {
     this.initForm();
   },
   methods: {
-    initForm() {
+    async initForm() {
       const formId = this.taskForm.formId;
       if (this.taskName == '绩效上报') {
         this.form.reporter = this.$store.getters.userId;
         this.form.reportDept = this.$store.getters.deptId;
         this.form.reportTime = parseTime(new Date(), "{y}-{m}-{d}")
       }
-      getPerformance(formId).then(res => {
-        if (res.data) {
-          this.formTotal = 1
-          this.form = res.data;
-        }
-      })
+      let res = await getPerformance(formId)
+      if (res.data) {
+        this.formTotal = 1
+        this.form = res.data;
+      }
       this.getInnerTableData();
       this.getOuterTableData();
       this.getTotalPerformance();
         deptId = this.form.reportDept;
       }
       getMonthPerformanceList({ performanceId: this.taskForm.formId, deptId: deptId }).then(res => {
-        console.log(res);
         this.performanceTableData = res.data;
+        this.processGroupedData();
       })
     },
+    processGroupedData() {
+      // 按部门分组
+      const groupedByDept = {};
+      this.performanceTableData.forEach(item => {
+        const deptName = item.dept?.deptName || '未分配部门';
+        if (!groupedByDept[deptName]) {
+          groupedByDept[deptName] = [];
+        }
+        groupedByDept[deptName].push(item);
+      });
+
+      // 转换为数组并添加部门汇总行
+      this.groupedPerformanceData = [];
+      Object.entries(groupedByDept).forEach(([deptName, items]) => {
+        // 添加部门数据行
+        this.groupedPerformanceData.push(...items);
+        
+        // 计算部门汇总
+        const deptSummary = {
+          isSummary: true,
+          'dept.deptName': deptName,
+          producePerformance: items.reduce((sum, item) => sum + (Number(item.producePerformance) || 0), 0),
+          managePerformance: items.reduce((sum, item) => sum + (Number(item.managePerformance) || 0), 0)
+        };
+        this.groupedPerformanceData.push(deptSummary);
+      });
+    },
+    getSummaries(param) {
+      const { columns, data } = param;
+      const sums = [];
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = '总计';
+          return;
+        }
+        if (index === 1 || index === 2) {
+          sums[index] = '';
+          return;
+        }
+        if (index === 5) { // 总计列
+          const produceSum = data.reduce((sum, row) => sum + (Number(row.producePerformance) || 0), 0);
+          const manageSum = data.reduce((sum, row) => sum + (Number(row.managePerformance) || 0), 0);
+          sums[index] = (produceSum + manageSum).toFixed(2);
+          return;
+        }
+        if (index === 6) { // 统计月份列
+          sums[index] = '';
+          return;
+        }
+        const values = data.map(item => Number(item[column.property]));
+        if (!values.every(value => isNaN(value))) {
+          sums[index] = values.reduce((prev, curr) => {
+            const value = Number(curr);
+            if (!isNaN(value)) {
+              return prev + curr;
+            } else {
+              return prev;
+            }
+          }, 0).toFixed(2);
+        } else {
+          sums[index] = '';
+        }
+      });
+      return sums;
+    },
     remoteMethod(val) {
       let params = {
         pageNum: 1,
       this.$refs["uploadRef"].clearFiles();
       this.getInnerTableData();
       this.getOuterTableData();
+      this.getTotalPerformance();
     },
     /* Excel上传提交按钮 */
     submitUpload() {
     },
     async saves() {
       if (this.formTotal != 0) {
+        if (this.taskName == '分管审核') {
+          this.form.managerUserId = this.$store.getters.userId;
+          this.form.managerTime = this.parseTime(new Date(), '{y}-{m}-{d}');
+        } else if (this.taskName == '总经理审批') {
+          this.form.zjlUserId = this.$store.getters.userId;
+          this.form.zjlTime = this.parseTime(new Date(), '{y}-{m}-{d}');
+        }
         await updatePerformance(this.form)
       } else {
         this.form.performanceId = this.taskForm.formId;
       }
       this.$message.success('保存成功')
     },
+    completeApply() {
+      let msg;
+      if (this.taskName == '人事制单') {
+        msg = '最后一个节点，提交将结束流程，是否提交？'
+      } else {
+        msg = '是否提交到下一个流程？'
+      }
+      this.$modal.confirm(msg).then(res => {
+        this.$refs['form'].validate(valid => {
+          if (valid) {
+            this.saves();
+            getNextFlowNode({ taskId: this.taskForm.taskId }).then(async () => {
+              if (this.taskName == '绩效上报') {
+                let result = await getUsersManageLeaderByDept({ deptId: this.form.reportDept });
+                const managerList = result.data.map(element => element.userId);
+                this.$set(this.taskForm.variables, "approvalList", managerList);
+                this.successComplete();
+              } else if (this.taskName == '分管审核') {
+                let result = await getUserByPost({ postName: '总经理' })
+                this.$set(this.taskForm.variables, "approval", result.data[0].userId);
+                this.successComplete();
+              } else if (this.taskName == '总经理审批') {
+                let result = await getUserByRole({ roleId: 3 })
+                this.$set(this.taskForm.variables, "approvalList", result.data);
+                this.successComplete();
+              } else if (this.taskName == '人事制单') {
+                this.$modal.confirm('最后一个节点，提交将结束流程，是否提交？').then(res => {
+                  this.successComplete();
+                })
+              }
+            })
+          } else {
+            scrollTo(0, 600)
+          }
+        })
+      })
+    },
+    successComplete() {
+      complete(this.taskForm).then(response => {
+        this.$modal.msgSuccess(response.msg);
+        this.$emit('goBack')
+      })
+    },
     setDocument(val) {
       let arr = val.split('/upload')
       this.$set(this.form, 'document', arr[1])
         this.$set(this.form, 'document', "")
       }
     },
+    deleteDoc() {
+      this.$set(this.form, 'document', '')
+    },
+    isReturn(val) {
+      this.showAlter = val
+    },
+    printPerformanceTable() {
+      this.printDialogVisible = true;
+    },
   }
 }
 </script>
 
 <style lang="scss" scoped>
+@import "@/assets/styles/element-reset.scss";
+
 .table-title {
   font-size: 18px;
   font-weight: 700;
 .table-search-bar {
   margin-bottom: 10px;
 }
+
+.sign {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  padding-right: 80px;
+  line-height: 30px;
+  /* 如果需要垂直居中 */
+}
+
+:deep(.table-row-class) {
+  &.summary-row {
+    background-color: #f0f9eb;
+    color: #67c23a;
+    font-weight: bold;
+    
+    td {
+      background-color: #f0f9eb !important;
+      border-bottom: 2px solid #67c23a;
+    }
+  }
+}
+
+:deep(.el-table__row) {
+  &.summary-row {
+    background-color: #f0f9eb;
+    
+    td {
+      background-color: #f0f9eb !important;
+      color: #67c23a;
+      font-weight: bold;
+      border-bottom: 2px solid #67c23a;
+    }
+  }
+}
+
+.summary-text {
+  font-weight: bold;
+  font-size: 15px;
+}
+
+:deep(.el-table__row.summary-row) {
+  background-color: #f0f9eb;
+  
+  td {
+    background-color: #f0f9eb !important;
+    border-bottom: 2px solid #67c23a;
+  }
+}
 </style>