协议签署（变更需求）https://ermo.yuque.com/cxq03k/tl02zi/tagginzz2ankoaal

src/components/byh/componments/BillList.vue

@@ -13,7 +13,7 @@
           <td>退款总金额</td>
           <td>
             <span v-if="loanVo.refundAmt !== 0"
-              >￥{{ loanVo.refundAmt }} ({{ loanVo.refundStatusDesc }})</span
+            >￥{{ loanVo.refundAmt }} ({{ loanVo.refundStatusDesc }})</span
             >
             <span v-else>￥{{ loanVo.refundAmt }}</span>
           </td>
@@ -24,22 +24,24 @@
           <td>操作</td>
           <td>
             <el-button
-              type="primary"
-              size="mini"
-              @click="handleAdvanceLoanAmt"
-              v-if="isNeedAudit"
-              >线下结清</el-button
+                type="primary"
+                size="mini"
+                @click="handleAdvanceLoanAmt"
+                v-if="isNeedAudit"
+            >线下结清
+            </el-button
             >
             <el-button type="primary" size="mini" @click="protocolSettleAll"
-              >代扣结清</el-button
-            >
-            <el-button
-              type="primary"
-              size="mini"
-              v-if="params.capitalCodeStr === '自营'"
-              @click="handleDevicePayment"
-              >分笔代扣</el-button
+            >代扣结清
+            </el-button
             >
+            <el-button type="primary" size="mini" v-if="params.capitalCodeStr === '自营'" @click="handleDevicePayment">
+              分笔代扣
+            </el-button>
+            <template v-if="$permissionUtils.rolePermission('protocolSign')">
+              <el-button v-if="params.level==='CF'" type="primary" size="mini" @click="handleChangeCFBill">CF账单变更
+              </el-button>
+            </template>
           </td>
           <td>减免金额</td>
           <td>￥{{ loanVo.derateAmt }}</td>
@@ -50,128 +52,130 @@
     <div class="tables">
       <!-- <block-header :title="title"></block-header> -->
       <el-table
-        @filter-change="handleFilterChange"
-        border
-        size="mini"
-        :highlight-current-row="true"
-        :header-row-class-name="headerStyle"
-        :data="data"
-        stripe
-        style="width: 100%"
+          @filter-change="handleFilterChange"
+          border
+          size="mini"
+          :highlight-current-row="true"
+          :header-row-class-name="headerStyle"
+          :data="data"
+          stripe
+          style="width: 100%"
       >
         <el-table-column
-          align="center"
-          prop="planNo"
-          label="计划编号"
-          width="135px"
+            align="center"
+            prop="planNo"
+            label="计划编号"
+            width="135px"
         ></el-table-column>
         <el-table-column
-          align="center"
-          prop="planIndex"
-          label="期数"
+            align="center"
+            prop="planIndex"
+            label="期数"
         ></el-table-column>
         <el-table-column
-          align="center"
-          prop="planAmt"
-          width="85"
-          label="应还总金额"
+            align="center"
+            prop="planAmt"
+            width="85"
+            label="应还总金额"
         ></el-table-column>
         <el-table-column
-          align="center"
-          prop="planBen"
-          label="本金"
+            align="center"
+            prop="planBen"
+            label="本金"
         ></el-table-column>
         <el-table-column
-          align="center"
-          prop="planFu"
-          label="服务费"
+            align="center"
+            prop="planFu"
+            label="服务费"
         ></el-table-column>
         <el-table-column
-          align="center"
-          prop="planXi"
-          label="利息"
+            align="center"
+            prop="planXi"
+            label="利息"
         ></el-table-column>
         <el-table-column
-          align="center"
-          prop="planFa"
-          label="计划罚息"
+            align="center"
+            prop="planFa"
+            label="计划罚息"
         ></el-table-column>
         <el-table-column
-          align="center"
-          prop="accountAmt"
-          label="担保费"
+            align="center"
+            prop="accountAmt"
+            label="担保费"
         ></el-table-column>
         <el-table-column
-          align="center"
-          prop="planDate"
-          width="120"
-          label="计划还款时间"
-          :formatter="dateFormats"
+            align="center"
+            prop="planDate"
+            width="120"
+            label="计划还款时间"
+            :formatter="dateFormats"
         ></el-table-column>
         <el-table-column
-          align="center"
-          prop="backedAmt"
-          label="已还金额"
-          :formatter="planMoneyFormat"
+            align="center"
+            prop="backedAmt"
+            label="已还金额"
+            :formatter="planMoneyFormat"
         ></el-table-column>
         <el-table-column
-          align="center"
-          prop="derateAmt"
-          label="减免金额"
+            align="center"
+            prop="derateAmt"
+            label="减免金额"
         ></el-table-column>
         <el-table-column
-          align="center"
-          prop="remainAmt"
-          label="待还金额"
+            align="center"
+            prop="remainAmt"
+            label="待还金额"
         ></el-table-column>
         <el-table-column
-          align="center"
-          prop="statusStr"
-          label="还款状态"
+            align="center"
+            prop="statusStr"
+            label="还款状态"
         ></el-table-column>
         <el-table-column
-          align="center"
-          prop="gmtModified"
-          width="120"
-          label="结清时间"
-          :formatter="dateFormats"
+            align="center"
+            prop="gmtModified"
+            width="120"
+            label="结清时间"
+            :formatter="dateFormats"
         ></el-table-column>
         <el-table-column fixed="right" align="center" width="120" label="操作">
           <template slot-scope="scope">
             <el-button
-              type="text"
-              size="small"
-              v-if="
+                type="text"
+                size="small"
+                v-if="
                 scope.row.status != 'SETTLED' && scope.row.backedSign == 'YES'
               "
-              @click="protocolOne(scope.row)"
-              >代扣
+                @click="protocolOne(scope.row)"
+            >代扣
             </el-button>
             <el-button
-              type="text"
-              size="small"
-              v-else
-              disabled
-              @click="protocolOne(scope.row)"
-              >代扣</el-button
+                type="text"
+                size="small"
+                v-else
+                disabled
+                @click="protocolOne(scope.row)"
+            >代扣
+            </el-button
             >
 
             <el-button
-              type="text"
-              size="small"
-              v-if="
+                type="text"
+                size="small"
+                v-if="
                 scope.row.status != 'SETTLED' && scope.row.backedSign == 'YES'
               "
-              @click="offlineTransfer(scope.row)"
-              >线下转账
+                @click="offlineTransfer(scope.row)"
+            >线下转账
             </el-button>
             <el-button
-              type="text"
-              size="small"
-              v-else
-              disabled
-              @click="offlineTransfer(scope.row)"
-              >线下转账</el-button
+                type="text"
+                size="small"
+                v-else
+                disabled
+                @click="offlineTransfer(scope.row)"
+            >线下转账
+            </el-button
             >
           </template>
         </el-table-column>
@@ -179,83 +183,129 @@
     </div>
     <div class="pages">
       <el-pagination
-        background
-        @current-change="handleCurrentChange"
-        @size-change="handleSizeChange"
-        :current-page.sync="form.current"
-        :page-sizes="[10, 20, 50, 100]"
-        :page-size="form.size"
-        layout="total, sizes, prev, pager, next, jumper"
-        :total="form.total"
+          background
+          @current-change="handleCurrentChange"
+          @size-change="handleSizeChange"
+          :current-page.sync="form.current"
+          :page-sizes="[10, 20, 50, 100]"
+          :page-size="form.size"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="form.total"
       >
       </el-pagination>
     </div>
 
     <!--线下提前结清-->
     <advance-loan-amt
-      v-if="ui.advanceLoanAmt.visible"
-      :loanNo="ui.advanceLoanAmt.loanNo"
-      :orderNo="ui.advanceLoanAmt.orderNo"
-      @callback="init"
-      :dialogVisible.sync="ui.advanceLoanAmt.visible"
+        v-if="ui.advanceLoanAmt.visible"
+        :loanNo="ui.advanceLoanAmt.loanNo"
+        :orderNo="ui.advanceLoanAmt.orderNo"
+        @callback="init"
+        :dialogVisible.sync="ui.advanceLoanAmt.visible"
     >
     </advance-loan-amt>
 
     <!--代扣提前结清-->
     <protocol-settled
-      v-if="ui.protocolSettled.visible"
-      :loanNo="ui.protocolSettled.loanNo"
-      :clientNo="ui.protocolSettled.clientNo"
-      :bizType="ui.protocolSettled.bizType"
-      @callback="init"
-      :dialogVisible.sync="ui.protocolSettled.visible"
+        v-if="ui.protocolSettled.visible"
+        :loanNo="ui.protocolSettled.loanNo"
+        :clientNo="ui.protocolSettled.clientNo"
+        :bizType="ui.protocolSettled.bizType"
+        @callback="init"
+        :dialogVisible.sync="ui.protocolSettled.visible"
     >
     </protocol-settled>
 
     <!--分笔代扣-->
     <device-payment
-      v-if="ui.devicePayment.visible"
-      :loanNo="ui.devicePayment.loanNo"
-      :orderNo="ui.devicePayment.orderNo"
-      :clientNo="ui.devicePayment.clientNo"
-      :bizType="ui.devicePayment.bizType"
-      @callback="init"
-      :dialogVisible.sync="ui.devicePayment.visible"
+        v-if="ui.devicePayment.visible"
+        :loanNo="ui.devicePayment.loanNo"
+        :orderNo="ui.devicePayment.orderNo"
+        :clientNo="ui.devicePayment.clientNo"
+        :bizType="ui.devicePayment.bizType"
+        @callback="init"
+        :dialogVisible.sync="ui.devicePayment.visible"
     >
     </device-payment>
 
     <protocol-settled-one
-      v-if="ui.protocolSettledOne.visible"
-      :loanNo="ui.protocolSettledOne.loanNo"
-      :periodNo="ui.protocolSettledOne.periodNo"
-      :remainAmt="ui.protocolSettledOne.remainAmt"
-      :planAmt="ui.protocolSettledOne.planAmt"
-      :bizType="ui.protocolSettledOne.bizType"
-      :clientNo="ui.protocolSettledOne.clientNo"
-      :loanSign="ui.protocolSettledOne.loanSign"
-      :isCustomAmount="ui.protocolSettledOne.isCustomAmount"
-      @callback="init"
-      :dialogVisible.sync="ui.protocolSettledOne.visible"
+        v-if="ui.protocolSettledOne.visible"
+        :loanNo="ui.protocolSettledOne.loanNo"
+        :periodNo="ui.protocolSettledOne.periodNo"
+        :remainAmt="ui.protocolSettledOne.remainAmt"
+        :planAmt="ui.protocolSettledOne.planAmt"
+        :bizType="ui.protocolSettledOne.bizType"
+        :clientNo="ui.protocolSettledOne.clientNo"
+        :loanSign="ui.protocolSettledOne.loanSign"
+        :isCustomAmount="ui.protocolSettledOne.isCustomAmount"
+        @callback="init"
+        :dialogVisible.sync="ui.protocolSettledOne.visible"
     >
     </protocol-settled-one>
 
     <!-- 线下转账 -->
     <offline-transfer
-      v-if="ui.offineTransfer.visible"
-      :orderNo="ui.offineTransfer.orderNo"
-      :loanNo="ui.offineTransfer.loanNo"
-      :periodNo="ui.offineTransfer.periodNo"
-      :planNo="ui.offineTransfer.planNo"
-      :planAmt="ui.offineTransfer.planAmt"
-      :planFu="ui.offineTransfer.planFu"
-      :planBen="ui.offineTransfer.planBen"
-      :planXi="ui.offineTransfer.planXi"
-      :remainAmt="ui.offineTransfer.remainAmt"
-      :accountAmt="ui.offineTransfer.accountAmt"
-      @callback="init"
-      :dialogVisible.sync="ui.offineTransfer.visible"
+        v-if="ui.offineTransfer.visible"
+        :orderNo="ui.offineTransfer.orderNo"
+        :loanNo="ui.offineTransfer.loanNo"
+        :periodNo="ui.offineTransfer.periodNo"
+        :planNo="ui.offineTransfer.planNo"
+        :planAmt="ui.offineTransfer.planAmt"
+        :planFu="ui.offineTransfer.planFu"
+        :planBen="ui.offineTransfer.planBen"
+        :planXi="ui.offineTransfer.planXi"
+        :remainAmt="ui.offineTransfer.remainAmt"
+        :accountAmt="ui.offineTransfer.accountAmt"
+        @callback="init"
+        :dialogVisible.sync="ui.offineTransfer.visible"
     >
     </offline-transfer>
+
+    <!--CF账单变更-->
+    <el-dialog
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        :append-to-body="true"
+        title="CF账单变更"
+        center
+        width="50%"
+        :visible.sync="cf.visible"
+        :before-close="handleChangeCFClose"
+    >
+      <div class="box-agreement">
+        <block-header title="当前可变更信息"/>
+        <el-form label-suffix=":" label-width="110px" :model="form" ref="form">
+          <el-form-item prop="isUploadProve" label="可变更期数">
+            <div>{{ cf.form.splitPlanIndex }}期</div>
+          </el-form-item>
+          <el-form-item prop="isUploadProve" label="总变更期数">
+            <div>{{ cf.form.splitSumIndex }}期</div>
+          </el-form-item>
+          <el-form-item prop="isUploadProve" label="总变更金额">
+            <div>{{ cf.form.totalAmt }}元</div>
+          </el-form-item>
+        </el-form>
+
+        <!--还款计划-->
+        <block-header title="变更后还款计划"/>
+        <div class="p-table">
+
+          <el-table border :highlight-current-row="true" :header-row-class-name="headerStyle" size="small"
+                    :data="cf.list" stripe style="width: 100%;">
+            <el-table-column align="center" prop="planIndex" label="期数"></el-table-column>
+            <el-table-column align="center" prop="planAmt" label="应还款金额"></el-table-column>
+            <el-table-column align="center" prop="planBen" label="本金"></el-table-column>
+            <el-table-column align="center" prop="planXi" label="利息"></el-table-column>
+            <el-table-column align="center" prop="planBurden" label="担保费"></el-table-column>
+          </el-table>
+
+        </div>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="handleChangeCFClose">取 消</el-button>
+        <el-button type="primary" @click="handleChangeCFSubmit">确 定</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -289,8 +339,8 @@ export default {
   data() {
     return {
       tableStatus: [
-        { text: "成功", value: "SUCCESS" },
-        { text: "失败", value: "FAIL" },
+        {text: "成功", value: "SUCCESS"},
+        {text: "失败", value: "FAIL"},
       ],
       form: {
         total: 1,
@@ -349,15 +399,19 @@ export default {
           periodNo: "",
           remainAmt: "",
           planAmt: "",
-          isCustomAmount:""
+          isCustomAmount: ""
         },
       },
+      cf: {
+        visible: false,
+        form: {}
+      },
     };
   },
   async created() {
     if (this.params) {
-      //  console.log(this.params,'hhhhhh');
-      const { loanNo } = this.params;
+      console.log(this.params, '参数')
+      const {loanNo} = this.params;
       this.advanceLoanAmt.loanNo = loanNo;
       await this.init();
     }
@@ -369,12 +423,12 @@ export default {
 
     async init() {
       const res = await this.$$get(
-        "/detail/customer/" + this.advanceLoanAmt.loanNo
+          "/detail/customer/" + this.advanceLoanAmt.loanNo
       );
-      const { success, result } = res.data;
+      const {success, result} = res.data;
       // console.log(res.data.result,'888');
       if (success && result != null) {
-        const { loanVo, applyVo, planVo } = result;
+        const {loanVo, applyVo, planVo} = result;
         this.advanceLoanAmt.loanNo = applyVo.loanNo;
         this.advanceLoanAmt.bizType = applyVo.bizType;
         this.advanceLoanAmt.clientNo = applyVo.clientNo;
@@ -415,19 +469,19 @@ export default {
     // 计算已还金额
     planMoneyFormat: function (row, column) {
       return this.accAdd(
-        this.accAdd(
           this.accAdd(
-            this.accAdd(this.accAdd(row.backedBen, row.backedFu), row.backedXi),
-            row.backedFa
+              this.accAdd(
+                  this.accAdd(this.accAdd(row.backedBen, row.backedFu), row.backedXi),
+                  row.backedFa
+              ),
+              row.backedBurden
           ),
-          row.backedBurden
-        ),
-        row.backedSpeaccount
+          row.backedSpeaccount
       ).toFixed(2);
     },
 
     offlineTransfer(record) {
-      const { applyVo, orderNo, loanNo } = this.params;
+      const {applyVo, orderNo, loanNo} = this.params;
       // console.log(this.params, "代扣");
 
       // 取当前用户的信息
@@ -456,12 +510,12 @@ export default {
     },
     //代扣当期
     protocolOne(record) {
-      console.log(record,'record');
-      const { applyVo, loanNo,loanSign } = this.params;
+      console.log(record, 'record');
+      const {applyVo, loanNo, loanSign} = this.params;
       this.ui.protocolSettledOne = {
         visible: true,
         loanNo: loanNo,
-        loanSign:loanSign,
+        loanSign: loanSign,
         bizType: this.advanceLoanAmt.bizType,
         clientNo: this.advanceLoanAmt.clientNo,
         periodNo: record.planIndex,
@@ -469,11 +523,11 @@ export default {
         planAmt: record.planAmt,
         isCustomAmount: record.isCustomAmount,
       };
-      console.log(this.ui.protocolSettledOne,'数据');
+      console.log(this.ui.protocolSettledOne, '数据');
     },
     //分笔代扣
     handleDevicePayment() {
-      const { applyVo, loanNo, orderNo, clientNo } = this.params;
+      const {applyVo, loanNo, orderNo, clientNo} = this.params;
       // console.log(this.params,'params');
       this.ui.devicePayment = {
         visible: true,
@@ -483,6 +537,46 @@ export default {
         orderNo: orderNo,
       };
     },
+    // CF 账单变更 弹框打开
+    async handleChangeCFBill() {
+      try {
+
+        const loanNo = this.params.loanNo
+        const res = await this.$$get('/protocol/getCanChangePlan', {loanNo})
+        if (res.status === 200 && res.data.success) {
+          const result = res.data.result;
+          const {debtPlanModels} = result
+          this.cf.visible = true;
+          this.cf.form = result;
+          this.cf.list = debtPlanModels
+        } else {
+          this.$message.error(res.data.message);
+        }
+
+      } catch (err) {
+        this.$message.error(res || '初始化CF账单信息报错');
+      }
+    },
+    // CF 账单变更 弹框关闭
+    handleChangeCFClose() {
+      this.cf.visible = false
+    },
+    // CF 账单变更提交
+    async handleChangeCFSubmit() {
+      try {
+        this.cf.form.applyUser = localStorage.getItem("loginName")
+        const res = await this.$$post('/protocol/changePlan', {...this.cf.form})
+        if (res.status === 200 && res.data.success) {
+          this.$message.success('操作成功');
+          this.cf.visible = false;
+        } else {
+          this.$message.error(res.data.message);
+        }
+
+      } catch (err) {
+        this.$message.error(res || '初始化CF账单信息报错');
+      }
+    },
     // 合并日期
     dateCompare: function (row, column) {
       let date = row[column.property];

src/components/byh/componments/LoanInfo.vue

@@ -155,7 +155,7 @@ export default {
     },
     // 切换选项卡
     handleClick(row) {
-      // console.log(row, '一行信息');
+      console.log(row, '一行信息');
       this.visible = true;
       this.title = '借款详情';
       this.items = {

src/views/custom/SignAgreement.vue

@@ -99,9 +99,7 @@
         <el-table-column align="center" label="操作">
           <template v-if="scope.row.invalid==='true'" slot-scope="scope">
             <el-button type="text" size="small" @click="handleCancel(scope.row)">协议作废</el-button>
-            <el-button v-if="scope.row.urlEffectiveStr!=='true'" type="text" size="small"
-                       @click="handleDelay(scope.row)">延时
-            </el-button>
+            <el-button type="text" size="small" @click="handleDelay(scope.row)">延时</el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -273,6 +271,7 @@ export default {
         if (res.status === 200 && res.data.success) {
           this.$message.success('操作成功！');
           await this.init()
+          this.delayVisible = false;
         } else {
           this.$message.error(res.data.message);
         }

src/views/custom/com/CreateAgreement.vue

@@ -63,13 +63,13 @@
               </el-form-item>
 
               <template v-if="LoanInfo">
-                <el-form-item style="margin-bottom: 0" label="服务费金额">
+                <el-form-item style="margin-bottom: 0" label="剩余可平摊服务费金额">
                   <div>{{ LoanInfo.splitServiceAmt }}元</div>
                 </el-form-item>
                 <el-form-item style="margin-bottom: 0" label="服务费期数">
                   <div>{{ LoanInfo.splitPlanIndex }}期</div>
                 </el-form-item>
-                <el-form-item style="margin-bottom: 0" label="融单费金额">
+                <el-form-item style="margin-bottom: 0" label="剩余可平摊融单费金额">
                   <div>{{ LoanInfo.splitBurdenAmt }}元</div>
                 </el-form-item>
                 <el-form-item style="margin-bottom: 0" label="融单费期数">