修改项目结算变更结算内容的操作

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

         </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-item label="项目负责人" label-class-name="my-label">
                 {{
                   chooseProject.projectLeaderUser
-                    ? chooseProject.projectLeaderUser.nickName
-                    : ""
+                  ? chooseProject.projectLeaderUser.nickName
+                  : ""
                 }}
               </el-descriptions-item>
               <el-descriptions-item label="甲方单位" label-class-name="my-label">
             </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-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
-              >
+            <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
-              >
+            <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
-              >
+            <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>
                   {{ 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.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
-                  >
+                  <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-input
-                    v-model="settleSumTr.remark"
-                    type="textarea"
-                    clearable
-                    :autosize="{ minRows: 2, maxRows: 10 }"
-                  ></el-input>
+                  <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"
-              type="primary"
-              plain
-              size="mini"
-              @click="addWorkList"
-            ></el-button>
+            <el-button icon="el-icon-plus" type="primary" plain size="mini" @click="addWorkList"></el-button>
           </el-form-item>
 
           <!-- 结算汇总 -->
                   {{ index + 1 }}
                 </td>
                 <td>
-                  <el-input
-                    v-model="work.content"
-                    type="textarea"
-                    clearable
-                    :autosize="{ minRows: 2, maxRows: 10 }"
-                  >
+                  <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>
+                  <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 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
-                  >
+                  <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>
+                  <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-button icon="el-icon-plus" type="primary" plain size="mini" @click="addSumWorkList"></el-button>
           </el-form-item>
 
           <!-- 结算审核情况 -->
               <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 v-model="form.zhComment" type="textarea" clearable :autosize="{ minRows: 4, maxRows: 10 }">
               </el-input>
             </el-form-item>
             <el-row>
               </el-col>
             </el-row>
             <el-form-item label="技术质量部(质量及工作量)">
-              <el-input
-                v-model="form.remark"
-                type="textarea"
-                clearable
-                :autosize="{ minRows: 4, maxRows: 10 }"
-              >
+              <el-input v-model="form.remark" type="textarea" clearable :autosize="{ minRows: 4, maxRows: 10 }">
               </el-input>
             </el-form-item>
             <el-row>
               </el-col>
             </el-row>
             <el-form-item label="项目管理部(结算)">
-              <el-input
-                v-model="form.remark"
-                type="textarea"
-                clearable
-                :autosize="{ minRows: 4, maxRows: 10 }"
-              >
+              <el-input v-model="form.remark" type="textarea" clearable :autosize="{ minRows: 4, maxRows: 10 }">
               </el-input>
             </el-form-item>
             <el-row>
               </el-col>
             </el-row>
             <el-form-item label="项目承担部门(确认)">
-              <el-input
-                v-model="form.remark"
-                type="textarea"
-                clearable
-                :autosize="{ minRows: 4, maxRows: 10 }"
-              >
+              <el-input v-model="form.remark" type="textarea" clearable :autosize="{ minRows: 4, maxRows: 10 }">
               </el-input>
             </el-form-item>
             <el-row>
               </el-col>
             </el-row>
             <el-form-item label="经营发展部(校核)">
-              <el-input
-                v-model="form.remark"
-                type="textarea"
-                clearable
-                :autosize="{ minRows: 4, maxRows: 10 }"
-              >
+              <el-input v-model="form.remark" type="textarea" clearable :autosize="{ minRows: 4, maxRows: 10 }">
               </el-input>
             </el-form-item>
             <el-row>
               </el-col>
             </el-row>
             <el-form-item label="分管领导(审核)">
-              <el-input
-                v-model="form.remark"
-                type="textarea"
-                clearable
-                :autosize="{ minRows: 4, maxRows: 10 }"
-              >
+              <el-input v-model="form.remark" type="textarea" clearable :autosize="{ minRows: 4, maxRows: 10 }">
               </el-input>
             </el-form-item>
             <el-row>
               </el-col>
             </el-row>
             <el-form-item label="总经理(审批)">
-              <el-input
-                v-model="form.remark"
-                type="textarea"
-                clearable
-                :autosize="{ minRows: 4, maxRows: 10 }"
-              >
+              <el-input v-model="form.remark" type="textarea" clearable :autosize="{ minRows: 4, maxRows: 10 }">
               </el-input>
             </el-form-item>
             <el-row>
     </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>
 import { flowXmlAndNode } from "@/api/flowable/definition";
 import { parseTime } from "@/utils/ruoyi";
 import { listProject, getProject } from "@/api/oa/project/project";
+import { deepClone } from '@/utils'
 import {
   listSettle,
   getSettle,
           remark: "",
         },
       ],
+      oldSettleWorkList: [],
       settleSumTr: {
         content: "结算费用合计",
         amount: 0,
           remark: "",
         },
       ],
+      oldSettleSumList: [],
       actualSumSettle: "",
       clickWork: {},
     };
       this.flowData = res.data;
     });
   },
-  mounted() {},
+  mounted() { },
   methods: {
     initForm() {
       listSettle({ settleId: this.taskForm.formId }).then(res => {
     // 保存按钮
     preserve() {
       if (this.flag) {
+        this.updateSettleSummaryFn();
       } else {
         console.log(this.form);
         console.log(this.settleWorkList);
       listSettleSummary({ settleId: this.taskForm.formId }).then(res => {
         console.log(res);
         this.settleSumList = res.rows;
+        this.oldSettleSumList = res.rows;
         for (let s of this.settleSumList) {
           if (s.content == "结算费用合计") {
             this.settleSumTr = s;
         this.calculateActualSumSettle();
       });
     },
-    updateSettleFn(){
-
+    updateSettleFn() {
     },
-    updateSettleWorkFn(){
+    updateSettleWorkFn() {
 
     },
-    updateSettleSummaryFn(){
-
-},
+    updateSettleSummaryFn() {
+      delSettleSummary([this.taskForm.formId]).then(res => {
+        this.addSettleSummaryFn(this.taskForm.formId)
+      })
+    },
   },
 };
 </script>