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

src/components/byh/componments/BillList.vue

@@ -28,18 +28,20 @@
                 size="mini"
                 @click="handleAdvanceLoanAmt"
                 v-if="isNeedAudit"
-              >线下结清</el-button
+            >线下结清
+            </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>
@@ -153,7 +155,8 @@
                 v-else
                 disabled
                 @click="protocolOne(scope.row)"
-              >代扣</el-button
+            >代扣
+            </el-button
             >
 
             <el-button
@@ -171,7 +174,8 @@
                 v-else
                 disabled
                 @click="offlineTransfer(scope.row)"
-              >线下转账</el-button
+            >线下转账
+            </el-button
             >
           </template>
         </el-table-column>
@@ -256,6 +260,52 @@
         :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();
     }
@@ -371,10 +425,10 @@ export default {
       const res = await this.$$get(
           "/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;
@@ -427,7 +481,7 @@ export default {
     },
 
     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="融单费期数">