修改项目结算表单

oa-back/ruoyi-admin/src/main/java/com/ruoyi/web/controller/oa/CmcSettleSummaryController.java

@@ -2,6 +2,8 @@ package com.ruoyi.web.controller.oa;
 
 import java.util.List;
 import javax.servlet.http.HttpServletResponse;
+
+import com.ruoyi.common.utils.SnowFlake;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.web.bind.annotation.GetMapping;
 import org.springframework.web.bind.annotation.PostMapping;
@@ -70,8 +72,9 @@ public class CmcSettleSummaryController extends BaseController
      */
     @Log(title = "cmc结算汇总", businessType = BusinessType.INSERT)
     @PostMapping
-    public AjaxResult add(@RequestBody CmcSettleSummary cmcSettleSummary)
-    {
+    public AjaxResult add(@RequestBody CmcSettleSummary cmcSettleSummary) throws InterruptedException {
+        Thread.sleep(2);
+        cmcSettleSummary.setSummaryId(new SnowFlake().generateId());
         return toAjax(cmcSettleSummaryService.insertCmcSettleSummary(cmcSettleSummary));
     }
 

oa-back/ruoyi-admin/src/main/java/com/ruoyi/web/controller/oa/CmcSettleWorkController.java

@@ -2,6 +2,8 @@ package com.ruoyi.web.controller.oa;
 
 import java.util.List;
 import javax.servlet.http.HttpServletResponse;
+
+import com.ruoyi.common.utils.SnowFlake;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.web.bind.annotation.GetMapping;
 import org.springframework.web.bind.annotation.PostMapping;
@@ -70,8 +72,9 @@ public class CmcSettleWorkController extends BaseController
      */
     @Log(title = "cmc经费计算", businessType = BusinessType.INSERT)
     @PostMapping
-    public AjaxResult add(@RequestBody CmcSettleWork cmcSettleWork)
-    {
+    public AjaxResult add(@RequestBody CmcSettleWork cmcSettleWork) throws InterruptedException {
+        Thread.sleep(2);
+        cmcSettleWork.setWorkId(new SnowFlake().generateId());
         return toAjax(cmcSettleWorkService.insertCmcSettleWork(cmcSettleWork));
     }
 

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

@@ -2,13 +2,7 @@
  * @Author: ysh
  * @Date: 2024-04-30 09:03:14
  * @LastEditors: Please set LastEditors
- * @LastEditTime: 2024-04-30 17:23:24
--->
-<!--
- * @Author: ysh
- * @Date: 2024-04-30 09:03:14
- * @LastEditors: Please set LastEditors
- * @LastEditTime: 2024-04-30 14:15:59
+ * @LastEditTime: 2024-05-06 17:48:28
 -->
 <template>
   <div class="app-container">
@@ -21,13 +15,24 @@
         </div>
         <el-form ref="form" :model="form" :rules="rules" label-width="160px">
           <el-form-item label="项目编号" prop="projectId">
-            <el-select v-model="form.projectId" filterable placeholder="请选择" @change="handleSelectProject"
-              :disabled="taskName != '结算发起'" clearable style="width: 100%;">
-              <el-option v-for="item in projectList" :key="item.value"
-                :label="item.projectNumber + '-' + item.projectName" :value="item.projectId">
+            <el-select
+              v-model="form.projectId"
+              filterable
+              placeholder="请选择"
+              @change="handleSelectProject"
+              :disabled="taskName != '结算发起'"
+              clearable
+              style="width: 100%"
+            >
+              <el-option
+                v-for="item in projectList"
+                :key="item.value"
+                :label="item.projectNumber + '-' + item.projectName"
+                :value="item.projectId"
+              >
               </el-option>
             </el-select>
-            <el-descriptions border v-if="isSelect" style="margin-top: 10px;" :column="2">
+            <el-descriptions border v-if="isSelect" style="margin-top: 10px" :column="2">
               <el-descriptions-item label="项目编号" label-class-name="my-label">
                 {{ chooseProject.projectNumber }}
               </el-descriptions-item>
@@ -41,7 +46,11 @@
                 {{ chooseProject.contractNumber }}
               </el-descriptions-item>
               <el-descriptions-item label="项目负责人" label-class-name="my-label">
-                {{ chooseProject.projectLeaderUser ? chooseProject.projectLeaderUser.nickName : '' }}
+                {{
+                  chooseProject.projectLeaderUser
+                    ? chooseProject.projectLeaderUser.nickName
+                    : ""
+                }}
               </el-descriptions-item>
               <el-descriptions-item label="甲方单位" label-class-name="my-label">
                 {{ chooseProject.partyA }}
@@ -67,13 +76,17 @@
             </el-descriptions>
           </el-form-item>
           <el-form-item label="工作量上报说明" prop="workloadReport">
-            <el-input v-model="form.workloadReport" type="textarea" placeholder="请输入工作量上报说明" />
+            <el-input
+              v-model="form.workloadReport"
+              type="textarea"
+              placeholder="请输入工作量上报说明"
+            />
           </el-form-item>
           <el-row>
             <el-col :span="6" :xs="24" :offset="12">
-              <el-form-item label="工作上报人：" prop="reporter">
+              <el-form-item label="工作上报人：" prop="reporterName">
                 <span class="auditor">
-                  {{ form.reporter }}
+                  {{ form.reporterName }}
                 </span>
               </el-form-item>
             </el-col>
@@ -84,27 +97,73 @@
             </el-col>
           </el-row>
           <el-form-item label="原始上报数据" prop="">
-            <el-upload class="upload-demo" ref="upload" :file-list="fileList" :auto-upload="false" action="">
-              <el-button slot="trigger" size="mini" type="primary" icon="el-icon-upload"
-                :disabled="taskName != '结算发起'">选取文件</el-button>
-              <div slot="tip" class="el-upload__tip">只能上传docx/doc文件，且不超过500kb</div>
+            <el-upload
+              class="upload-demo"
+              ref="upload"
+              :file-list="fileList"
+              :auto-upload="false"
+              action=""
+            >
+              <el-button
+                slot="trigger"
+                size="mini"
+                type="primary"
+                icon="el-icon-upload"
+                :disabled="taskName != '结算发起'"
+                >选取文件</el-button
+              >
+              <div slot="tip" class="el-upload__tip">
+                只能上传docx/doc文件，且不超过500kb
+              </div>
             </el-upload>
           </el-form-item>
           <el-form-item label="项目管理部审核结算单" prop="">
-            <el-upload class="upload-demo" ref="upload" :file-list="fileList" action="" :auto-upload="false">
-              <el-button slot="trigger" size="mini" type="primary" icon="el-icon-upload"
-                :disabled="taskName != '项目管理部结算'">选取文件</el-button>
-              <div slot="tip" class="el-upload__tip">只能上传docx/doc文件，且不超过500kb</div>
+            <el-upload
+              class="upload-demo"
+              ref="upload"
+              :file-list="fileList"
+              action=""
+              :auto-upload="false"
+            >
+              <el-button
+                slot="trigger"
+                size="mini"
+                type="primary"
+                icon="el-icon-upload"
+                :disabled="taskName != '项目管理部结算'"
+                >选取文件</el-button
+              >
+              <div slot="tip" class="el-upload__tip">
+                只能上传docx/doc文件，且不超过500kb
+              </div>
             </el-upload>
           </el-form-item>
           <el-form-item label="分管领导审核结算单" prop="">
-            <el-upload class="upload-demo" ref="upload" :file-list="fileList" action="" :auto-upload="false">
-              <el-button slot="trigger" size="mini" type="primary" icon="el-icon-upload"
-                :disabled="taskName != '分管审核'">选取文件</el-button>
-              <div slot="tip" class="el-upload__tip">只能上传docx/doc文件，且不超过500kb</div>
+            <el-upload
+              class="upload-demo"
+              ref="upload"
+              :file-list="fileList"
+              action=""
+              :auto-upload="false"
+            >
+              <el-button
+                slot="trigger"
+                size="mini"
+                type="primary"
+                icon="el-icon-upload"
+                :disabled="taskName != '分管审核'"
+                >选取文件</el-button
+              >
+              <div slot="tip" class="el-upload__tip">
+                只能上传docx/doc文件，且不超过500kb
+              </div>
             </el-upload>
           </el-form-item>
-          <el-form-item label="项目完成工作量及经费计算">
+          <div class="headers">
+            项目完成工作量及经费计算
+            <div class="line"></div>
+          </div>
+          <el-form-item label-width="60px">
             <table border="1">
               <tr>
                 <td style="width: 50px">序号</td>
@@ -124,55 +183,333 @@
                   {{ index + 1 }}
                 </td>
                 <td>
-                  <el-input v-model="work.content" type="textarea" clearable
-                    :autosize="{ minRows: 4, maxRows: 10 }"></el-input>
+                  <el-input
+                    v-model="work.content"
+                    type="textarea"
+                    clearable
+                    :autosize="{ minRows: 4, maxRows: 10 }"
+                  ></el-input>
                 </td>
                 <td>
-                  {{ work.scale == '' ? '无' : work.scale }}
+                  {{ work.scale == "" ? "无" : work.scale }}
                 </td>
                 <td>
                   {{ work.unit }}
                 </td>
                 <td>
-                  {{ work.groundType == '0' ? '一般地类' : '复杂地类' }}
+                  {{ work.groundType == "0" ? "一般地类" : "复杂地类" }}
                 </td>
                 <td>
                   {{ work.price }}
                 </td>
                 <td>
-                  <el-input-number style="width:100px" v-model="work.workload" clearable @blur="calculateSettle(work)"
-                    :controls="false"></el-input-number>
+                  <el-input-number
+                    style="width: 100px"
+                    v-model="work.workload"
+                    clearable
+                    @blur="calculateSettle(work)"
+                    :controls="false"
+                  ></el-input-number>
                 </td>
                 <td>
-                  <el-input-number style="width:100px" v-model="work.coefficient" clearable
-                    @blur="calculateSettle(work)" :controls="false"></el-input-number>
+                  <el-input-number
+                    style="width: 100px"
+                    v-model="work.coefficient"
+                    clearable
+                    @blur="calculateSettle(work)"
+                    :controls="false"
+                  ></el-input-number>
                 </td>
                 <td>
                   <!-- <el-input-number style="width:100px" v-model="work.settle" clearable :controls="false"></el-input-number> -->
                   {{ work.settle }}
                 </td>
                 <td>
-                  <el-input v-model="work.remark" type="textarea" clearable
-                    :autosize="{ minRows: 4, maxRows: 10 }"></el-input>
+                  <el-input
+                    v-model="work.remark"
+                    type="textarea"
+                    clearable
+                    :autosize="{ minRows: 4, maxRows: 10 }"
+                  ></el-input>
+                </td>
+                <td>
+                  <el-button
+                    size="mini"
+                    type="text"
+                    @click="handleChoosePrice(work, index)"
+                    >选择单价</el-button
+                  >
+                  <el-button
+                    type="text"
+                    size="mini"
+                    style="color: #f56c6c"
+                    @click="deletWorkItem(index, settleWorkList)"
+                    >删除行</el-button
+                  >
                 </td>
+              </tr>
+              <tr>
+                <td :colspan="8">结算费用合计</td>
+                <td>{{ settleSumTr.amount }}</td>
                 <td>
-                  <el-button size="mini" type="text" @click="handleChoosePrice(work, index)">选择单价</el-button>
-                  <el-button type="text" size="mini" style="color: #F56C6C;"
-                    @click="deletWorkItem(index)">删除行</el-button>
+                  <el-input
+                    v-model="settleSumTr.remark"
+                    type="textarea"
+                    clearable
+                    :autosize="{ minRows: 2, maxRows: 10 }"
+                  ></el-input>
                 </td>
               </tr>
             </table>
-            <el-button icon="el-icon-plus" size="mini" @click="addWorkList"></el-button>
+            <el-button
+              icon="el-icon-plus"
+              type="primary"
+              plain
+              size="mini"
+              @click="addWorkList"
+            ></el-button>
           </el-form-item>
-          <el-form-item label="结算汇总">
 
+          <!-- 结算汇总 -->
+          <div class="headers">
+            结算汇总
+            <div class="line"></div>
+          </div>
+          <el-form-item label-width="60px">
+            <table border="1">
+              <tr>
+                <td style="width: 50px">序号</td>
+                <td style="width: 280px">结算内容</td>
+                <td style="width: 200px">结算金额（元）</td>
+                <td style="width: 280px">备注</td>
+                <td style="width: 100px">操作</td>
+              </tr>
+              <tr v-for="(work, index) in settleSumList" :key="index">
+                <td>
+                  {{ index + 1 }}
+                </td>
+                <td>
+                  <el-input
+                    v-model="work.content"
+                    type="textarea"
+                    clearable
+                    :autosize="{ minRows: 2, maxRows: 10 }"
+                  >
+                  </el-input>
+                </td>
+                <td>
+                  <el-input-number
+                    style="width: 200px"
+                    v-model="work.amount"
+                    clearable
+                    :controls="false"
+                    @blur="calculateActualSumSettle()"
+                  ></el-input-number>
+                  <!-- {{ work.amount }} -->
+                </td>
+                <td>
+                  <el-input
+                    v-model="work.remark"
+                    type="textarea"
+                    clearable
+                    :autosize="{ minRows: 2, maxRows: 10 }"
+                  >
+                  </el-input>
+                </td>
+                <td>
+                  <el-button
+                    type="text"
+                    size="mini"
+                    style="color: #f56c6c"
+                    @click="deletWorkItem(index, settleSumList)"
+                    >删除行</el-button
+                  >
+                </td>
+              </tr>
+              <tr>
+                <td :colspan="2">实际结算总金额</td>
+                <td :colspan="3">
+                  <el-input-number
+                    style="width: 100%"
+                    v-model="actualSumSettle"
+                    clearable
+                    :controls="false"
+                  ></el-input-number>
+                </td>
+              </tr>
+            </table>
+            <el-button
+              icon="el-icon-plus"
+              type="primary"
+              plain
+              size="mini"
+              @click="addSumWorkList"
+            ></el-button>
           </el-form-item>
 
+          <!-- 结算审核情况 -->
+          <div v-if="taskName != '结算发起'">
+            <div class="headers">
+              结算审核情况
+              <div class="line"></div>
+            </div>
+            <el-form-item label="综合事务部(设备领用情况)">
+              <el-input
+                v-model="form.zhComment"
+                type="textarea"
+                clearable
+                :autosize="{ minRows: 4, maxRows: 10 }"
+              >
+              </el-input>
+            </el-form-item>
+            <el-row>
+              <el-col :span="6" :xs="24" :offset="12">
+                <el-form-item label="签名：" label-width="120px">
+                  <span class="auditor"> {{}} </span>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item label="日期：" label-width="120px">
+                  <span> {{}} </span>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-form-item label="技术质量部(质量及工作量)">
+              <el-input
+                v-model="form.remark"
+                type="textarea"
+                clearable
+                :autosize="{ minRows: 4, maxRows: 10 }"
+              >
+              </el-input>
+            </el-form-item>
+            <el-row>
+              <el-col :span="6" :xs="24" :offset="12">
+                <el-form-item label="签名：" label-width="120px">
+                  <span class="auditor"> {{}} </span>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item label="日期：" label-width="120px">
+                  <span> {{}} </span>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-form-item label="项目管理部(结算)">
+              <el-input
+                v-model="form.remark"
+                type="textarea"
+                clearable
+                :autosize="{ minRows: 4, maxRows: 10 }"
+              >
+              </el-input>
+            </el-form-item>
+            <el-row>
+              <el-col :span="6" :xs="24" :offset="12">
+                <el-form-item label="签名：" label-width="120px">
+                  <span class="auditor"> {{}} </span>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item label="日期：" label-width="120px">
+                  <span> {{}} </span>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-form-item label="项目承担部门(确认)">
+              <el-input
+                v-model="form.remark"
+                type="textarea"
+                clearable
+                :autosize="{ minRows: 4, maxRows: 10 }"
+              >
+              </el-input>
+            </el-form-item>
+            <el-row>
+              <el-col :span="6" :xs="24" :offset="12">
+                <el-form-item label="签名：" label-width="120px">
+                  <span class="auditor"> {{}} </span>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item label="日期：" label-width="120px">
+                  <span> {{}} </span>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-form-item label="经营发展部(校核)">
+              <el-input
+                v-model="form.remark"
+                type="textarea"
+                clearable
+                :autosize="{ minRows: 4, maxRows: 10 }"
+              >
+              </el-input>
+            </el-form-item>
+            <el-row>
+              <el-col :span="6" :xs="24" :offset="12">
+                <el-form-item label="签名：" label-width="120px">
+                  <span class="auditor"> {{}} </span>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item label="日期：" label-width="120px">
+                  <span> {{}} </span>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-form-item label="分管领导(审核)">
+              <el-input
+                v-model="form.remark"
+                type="textarea"
+                clearable
+                :autosize="{ minRows: 4, maxRows: 10 }"
+              >
+              </el-input>
+            </el-form-item>
+            <el-row>
+              <el-col :span="6" :xs="24" :offset="12">
+                <el-form-item label="签名：" label-width="120px">
+                  <span class="auditor"> {{}} </span>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item label="日期：" label-width="120px">
+                  <span> {{}} </span>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-form-item label="总经理(审批)">
+              <el-input
+                v-model="form.remark"
+                type="textarea"
+                clearable
+                :autosize="{ minRows: 4, maxRows: 10 }"
+              >
+              </el-input>
+            </el-form-item>
+            <el-row>
+              <el-col :span="6" :xs="24" :offset="12">
+                <el-form-item label="签名：" label-width="120px">
+                  <span class="auditor"> {{}} </span>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item label="日期：" label-width="120px">
+                  <span> {{}} </span>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
         </el-form>
+        <div style="text-align: center">
+          <el-button type="warning" @click="preserve">保存</el-button>
+          <el-button type="primary">提交下一个流程</el-button>
+        </div>
       </el-col>
       <el-col :span="5" :xs="24">
         <el-card>
-          <h2 style="text-align: center;">流程进度</h2>
+          <h2 style="text-align: center">流程进度</h2>
           <div>
             <flow :flowData="flowData" />
           </div>
@@ -181,37 +518,66 @@
     </el-row>
 
     <el-drawer title="选择单价" :visible.sync="drawer" direction="rtl">
-      <choose-price :row="clickWork" @getPrice="getPrice" @cancel="drawer = false"></choose-price>
+      <choose-price
+        :row="clickWork"
+        @getPrice="getPrice"
+        @cancel="drawer = false"
+      ></choose-price>
     </el-drawer>
   </div>
 </template>
 
 <script>
-import flow from '@/views/flowable/task/todo/detail/flow'
+import flow from "@/views/flowable/task/todo/detail/flow";
 import { flowXmlAndNode } from "@/api/flowable/definition";
 import { parseTime } from "@/utils/ruoyi";
 import { listProject, getProject } from "@/api/oa/project/project";
-import { listSettle, getSettle, delSettle, addSettle, updateSettle } from "@/api/oa/settle/settle";
-import { listProjectContract, addProjectContract } from "@/api/oa/contract/projectContract";
-import ChoosePrice from './components/choosePrice.vue';
+import {
+  listSettle,
+  getSettle,
+  delSettle,
+  addSettle,
+  updateSettle,
+} from "@/api/oa/settle/settle";
+import {
+  listSettleSummary,
+  getSettleSummary,
+  addSettleSummary,
+  delSettleSummary,
+  updateSettleSummary,
+} from "@/api/oa/settle/settleSummary";
+import {
+  listSettleWork,
+  getSettleWork,
+  addSettleWork,
+  updateSettleWork,
+  delSettleWork,
+} from "@/api/oa/settle/settleWork";
+import {
+  listProjectContract,
+  addProjectContract,
+} from "@/api/oa/contract/projectContract";
+import { getPrice } from "@/api/oa/price/price";
+import ChoosePrice from "./components/choosePrice.vue";
 export default {
   components: {
     flow,
-    ChoosePrice
+    ChoosePrice,
   },
   props: {
     taskName: {
       type: String,
-      required: true
+      required: true,
     },
     taskForm: {
       type: Object,
-      required: true
-    }
+      required: true,
+    },
   },
   data() {
     return {
       drawer: false,
+      flag: false,
       flowData: {},
       form: {},
       rules: {},
@@ -221,67 +587,86 @@ export default {
       fileList: [],
       settleWorkList: [
         {
-          content: '',
-          priceId: '',
-          scale: '无',
-          unit: '',
-          groundType: '0',
-          price: '',
+          content: "",
+          priceId: "",
+          scale: "无",
+          unit: "",
+          groundType: "0",
+          price: "",
           workload: 0,
           coefficient: 1,
           settle: 0,
-          remark: ''
-        }
+          remark: "",
+        },
       ],
-      clickWork: {}
-    }
+      settleSumTr: {
+        content: "结算费用合计",
+        amount: 0,
+        remark: "",
+      },
+      settleSumList: [
+        {
+          content: "",
+          amount: 0,
+          remark: "",
+        },
+      ],
+      actualSumSettle: "",
+      clickWork: {},
+    };
   },
   created() {
     this.getProjectList(); //获取项目列表
     this.getContractDataList(); //获取合同编码和编号
     this.initForm();
     if (this.$route.query.projectId) {
-
     }
-    flowXmlAndNode({ procInsId: this.taskForm.procInsId, deployId: this.taskForm.deployId }).then(res => {
+    flowXmlAndNode({
+      procInsId: this.taskForm.procInsId,
+      deployId: this.taskForm.deployId,
+    }).then(res => {
       this.flowData = res.data;
-    })
-  },
-  mounted() {
-
+    });
   },
+  mounted() {},
   methods: {
     initForm() {
-      listSettle({ projectId: this.taskForm.formId }).then(res => {
+      listSettle({ settleId: this.taskForm.formId }).then(res => {
         console.log(res);
         if (res.total == 1) {
-          this.form = res.rows[0]
-        } else {
-          if (this.taskName == '结算发起') {
-            this.form.reporter = this.$store.state.user.name
-            this.form.reportTime = parseTime(new Date(), '{y}-{m}-{d}')
+          this.form = res.rows[0];
+          this.flag = true;
+          this.handleSelectProject(res.rows[0].projectId);
+          this.listSettleWorkFn();
+          this.listSettleSummaryFn();
+        } else if (res.total == 0) {
+          this.flag = false;
+          if (this.taskName == "结算发起") {
+            this.form.reporter = this.$store.state.user.id;
+            this.form.reporterName = this.$store.state.user.name;
+            this.form.reportTime = parseTime(new Date(), "{y}-{m}-{d}");
           }
         }
-      })
+      });
     },
     // 查询项目列表
     getProjectList() {
       listProject({
         pageNum: 1,
-        pageSize: 99999999
+        pageSize: 99999999,
       }).then(response => {
         this.projectList = response.rows;
-      })
+      });
     },
-    // 选择项目.data
+    // 选择项目
     handleSelectProject(val) {
       if (val != "" && val != undefined && val != null) {
         getProject(val).then(res => {
           this.chooseProject = res.data;
           this.isSelect = true;
-        })
+        });
       } else {
-        this.isSelect = false
+        this.isSelect = false;
       }
     },
     isEmptyObject(obj) {
@@ -298,38 +683,47 @@ export default {
           for (let row of res.rows) {
             getContract(row.contractId).then(res => {
               if (res.data) {
-                if (this.form.contractCode != '') {
-                  this.form.contractCode = this.form.contractCode + '、' + res.data.contractCode;
+                if (this.form.contractCode != "") {
+                  this.form.contractCode =
+                    this.form.contractCode + "、" + res.data.contractCode;
                 } else {
                   this.form.contractCode = res.data.contractCode;
                 }
-                if (this.form.contractNumber != '') {
-                  this.form.contractNumber = this.form.contractNumber + '、' + res.data.contractNumber;
+                if (this.form.contractNumber != "") {
+                  this.form.contractNumber =
+                    this.form.contractNumber + "、" + res.data.contractNumber;
                 } else {
                   this.form.contractNumber = res.data.contractNumber;
                 }
               }
-            })
+            });
           }
         }
-      })
+      });
     },
     addWorkList() {
       this.settleWorkList.push({
-        content: '',
-        priceId: '',
-        scale: '',
-        unit: '',
-        groundType: '0',
-        price: '',
+        content: "",
+        priceId: "",
+        scale: "",
+        unit: "",
+        groundType: "0",
+        price: "",
         workload: 0,
         coefficient: 1,
         settle: 0,
-        remark: ''
+        remark: "",
       });
     },
-    deletWorkItem(index) {
-      let arr = this.settleWorkList;
+    addSumWorkList() {
+      this.settleSumList.push({
+        content: "",
+        amount: 0,
+        remark: "",
+      });
+    },
+    deletWorkItem(index, arr) {
+      // let arr = this.settleWorkList;
       if (arr.length == 1) {
         return;
       }
@@ -338,30 +732,121 @@ export default {
       }
     },
     calculateSettle(work) {
-      let sum = (work.workload * work.coefficient).toFixed(2)
-      work.settle = sum * Number(work.price)
+      let sum = work.workload * work.coefficient * work.price;
+      work.settle = Number(sum).toFixed(2);
+      this.calculateSumSettle();
+    },
+    calculateSumSettle() {
+      debugger;
+      let sum = 0;
+      let arr = this.settleWorkList;
+      for (let a of arr) {
+        sum = sum + Number(a.settle);
+      }
+      this.settleSumTr.amount = sum;
+    },
+    calculateActualSumSettle() {
+      let sum = 0;
+      let arr = this.settleSumList;
+      for (let a of arr) {
+        sum = sum + Number(a.amount);
+      }
+      this.actualSumSettle = sum;
     },
     handleChoosePrice(work, index) {
-      this.clickWork = work
-      this.clickWork.index = index
-      this.drawer = true
-
+      this.clickWork = work;
+      this.clickWork.index = index;
+      this.drawer = true;
     },
     getPrice(val) {
-      let index = this.clickWork.index
-      this.setValue(this.settleWorkList[index], 'scale', val.scaleGrade)
-      this.setValue(this.settleWorkList[index], 'unit', val.unit)
-      this.setValue(this.settleWorkList[index], 'groundType', val.groundType)
-      this.setValue(this.settleWorkList[index], 'price', val.price)
-      this.setValue(this.settleWorkList[index], 'priceId', val.priceId)
-      this.calculateSettle(this.settleWorkList[index])
-      this.drawer = false
+      let index = this.clickWork.index;
+      this.setValue(this.settleWorkList[index], "scale", val.scaleGrade);
+      this.setValue(this.settleWorkList[index], "unit", val.unit);
+      this.setValue(this.settleWorkList[index], "groundType", val.groundType);
+      this.setValue(this.settleWorkList[index], "price", val.price);
+      this.setValue(this.settleWorkList[index], "priceId", val.priceId);
+      this.calculateSettle(this.settleWorkList[index]);
+      this.drawer = false;
     },
     setValue(key, name, val) {
-      this.$set(key, name, val)
+      this.$set(key, name, val);
+    },
+    // 保存按钮
+    preserve() {
+      if (this.flag) {
+      } else {
+        console.log(this.form);
+        console.log(this.settleWorkList);
+        console.log(this.settleSumList);
+        this.addSettleFn();
+      }
+    },
+    addSettleFn() {
+      let settleId = this.taskForm.formId;
+      this.form.settleId = settleId;
+      addSettle(this.form).then(res => {
+        this.addSettleWorkFn(settleId);
+        this.addSettleSummaryFn(settleId);
+      });
     },
+    addSettleWorkFn(settleId) {
+      for (let work of this.settleWorkList) {
+        work.settleId = settleId;
+        addSettleWork(work);
+      }
+    },
+    addSettleSummaryFn(settleId) {
+      addSettleSummary(this.settleSumTr);
+      for (let item of this.settleSumList) {
+        item.settleId = settleId;
+        addSettleSummary(item);
+      }
+    },
+    listSettleWorkFn() {
+      listSettleWork({ settleId: this.taskForm.formId }).then(res => {
+        this.settleWorkList = res.rows;
+        for (let work of this.settleWorkList) {
+          getPrice(work.priceId).then(res => {
+            if (res.data) {
+              this.setValue(work, "scale", res.data.scaleGrade);
+              this.setValue(work, "unit", res.data.unit);
+              if (work.groundType == "0") {
+                work.price = res.data.commonPrice;
+              } else {
+                work.price = res.data.complexPrice;
+              }
+            }
+          });
+        }
+      });
+    },
+    listSettleSummaryFn() {
+      listSettleSummary({ settleId: this.taskForm.formId }).then(res => {
+        console.log(res);
+        this.settleSumList = res.rows;
+        for (let s of this.settleSumList) {
+          if (s.content == "结算费用合计") {
+            this.settleSumTr = s;
+            break;
+          }
+        }
+        this.settleSumList = this.settleSumList.filter(
+          item => item.content !== "结算费用合计"
+        );
+        this.calculateActualSumSettle();
+      });
+    },
+    updateSettleFn(){
+
+    },
+    updateSettleWorkFn(){
+
+    },
+    updateSettleSummaryFn(){
+
+},
   },
-}
+};
 </script>
 
 <style lang="scss" scoped>
@@ -393,4 +878,4 @@ table {
   /*设置背景颜色*/
   /* background-color: #bfa; */
 }
-</style>
+</style>