还款管理前台页面

front-vue/src/views/service/contract/contract.vue

@@ -305,7 +305,7 @@ export default {
     },
     /** 启用按钮操作 */
      handleChange(row) {
-           let text = row.zfpStatus === "01" ? "开启合同模板名称为" : "停用合同模板名称为";
+           let text = row.zfcStatus === "01" ? "启用合同" : "停用合同";
             this.$confirm(
                 "确认要" + text + '"' + row.zfcName + '"吗?',
                 "警告",
@@ -320,7 +320,7 @@ export default {
                 })
                 .then(() => {
                   this.getList();
-                    this.msgSuccess(text + "成功");
+                    this.msgSuccess(text + '"' + row.zfcName +'"'+ "成功");
                 })
                 .catch(function () {
                     row.zfpSplit = row.zfpSplit === "00" ? "01" : "00";

front-vue/src/views/service/repayment/detailRepayment.vue

@@ -16,59 +16,96 @@
             prop="zfcName"
           >
             <el-input
-              v-model="form.zfcName"
+              v-model="form.zfrPayNumber"
             /> </el-form-item
         ></el-col>
         <el-col :span="8"
           > <el-form-item
-            label="还款明细编号:"
-            prop="zfcName"
+            label="最终付款方:"
+            prop="core"
           >
             <el-input
-              v-model="form.zfcName"
+              v-model="form.core"
             /> </el-form-item
         ></el-col>
         <el-col :span="8">
            <el-form-item
-            label="还款明细编号:"
-            prop="zfcName"
+            label="还款承诺函编号:"
+            prop="zfiPaymentNumber"
           >
             <el-input
-              v-model="form.zfcName"
+              v-model="form.zfiPaymentNumber"
             /> </el-form-item
         ></el-col>
       </el-row>
       <el-row>
         <el-col :span="8">
            <el-form-item
-            label="还款明细编号:"
-            prop="zfcName"
+            label="付款承诺日期:"
+            prop="zfrRepaymentDate"
           >
             <el-input
-              v-model="form.zfcName"
+              v-model="form.zfrRepaymentDate"
             /> </el-form-item
         ></el-col>
         <el-col :span="8">
            <el-form-item
-            label="还款明细编号:"
-            prop="zfcName"
+            label="承诺付款金额:"
+            prop="zfrLoanAmount"
           >
             <el-input
-              v-model="form.zfcName"
+              v-model="form.zfrLoanAmount"
+            /> </el-form-item
+        ></el-col>
+        <el-col :span="8">
+           <el-form-item
+            label="融信产品:"
+            prop="zfpName"
+          >
+            <el-input
+              v-model="form.zfpName"
             /> </el-form-item
         ></el-col>
       </el-row>
       <el-row>
-        <el-col :span="16">
+        <el-col :span="8">
            <el-form-item
-            label="还款明细编号:"
-            prop="zfcName"
+            label="承诺付款账户:"
+            prop="zfpcrAccount"
+          >
+            <el-input
+              v-model="form.zfpcrAccount"
+            /> </el-form-item
+        ></el-col>
+        <el-col :span="8">
+           <el-form-item
+            label="付款账户开户行:"
+            prop="zfpcrAccountBank"
+          >
+            <el-input
+              v-model="form.zfpcrAccountBank"
+            /> </el-form-item
+        ></el-col>
+        <el-col :span="8">
+           <el-form-item
+            label="还款状态:"
+            prop="zfrApplyStatus"
           >
             <el-input
-              v-model="form.zfcName"
+              v-model="form.zfrApplyStatus"
             /> </el-form-item
         ></el-col>
       </el-row>
+      <el-table v-loading="loading" :data="list" border>
+      <!-- <el-table-column label="序号" type="index" width="50" align="center">
+        <template slot-scope="scope">
+          <span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
+        </template>
+      </el-table-column>      -->
+      <el-table-column label="收款账户" align="center" prop="zfrCollectionAccount" :show-overflow-tooltip="true"/> 
+      <el-table-column label="收款账户户名" align="center" prop="supplier" :show-overflow-tooltip="true"/>
+      <el-table-column label="收款金额" align="center" prop="zfrLoanAmount" :show-overflow-tooltip="true" />
+      </el-table>
     </el-form>
   </div>
 </template>
@@ -91,6 +128,7 @@ export default {
       total: 0,
       // 是否显示弹出层
       open: false,
+      list:[],
       // 表单参数
       form: {},
       queryParams: {
@@ -109,7 +147,10 @@ export default {
     const zfrId = this.$route.params && this.$route.params.zfrId;
     this.reset();
     getRepayment(zfrId).then((response)=>{
-        this.form = response.data;
+        debugger
+        this.form = response.data[0];
+        this.list = response.data;
+        console.log(this.list);
     })
   },
   activated() {
@@ -117,13 +158,6 @@ export default {
     //this.getList();
   },
   methods: {
-    /** 查询资方 */
-    getCompanyList(){
-      const type = "03";
-      listCompany(type).then(response =>{
-        this.companyList = response.data;
-      })
-    }, 
     reset(){
       this.form = {
       };

front-vue/src/views/service/repayment/repayment.vue

@@ -11,22 +11,32 @@
                 </div>
                 <hr style="margin-top: 16px;">
                 <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px">
-                    <el-form-item>
-                        <el-select v-model="queryParams.type" placeholder="请选择查询字段" clearable size="small">
+                    <el-form-item prop="type">
+                        <el-select v-model="queryParams.type" placeholder="请选择查询字段" clearable size="small" >
                             <el-option v-for="dict in typeOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
                         </el-select>
                     </el-form-item>
-                    <el-form-item>
-                        <el-input v-model="queryParams.value" placeholder="请输入关键字模糊查询" clearable size="small" maxlength="30" @keyup.enter.native="handleQuery" />
+                    <el-form-item prop="value">
+                        <el-input v-model="queryParams.value"  placeholder="请输入关键字模糊查询" clearable size="small" maxlength="30" @keyup.enter.native="handleQuery"/>
                     </el-form-item>
                     <el-form-item label="承诺还款日期" prop="repaymentDate">
                         <el-date-picker clearable unlink-panels v-model="queryParams.repaymentDate" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期">
                         </el-date-picker>
                     </el-form-item>
                 </el-form>
-            </el-card>
-            <div style="width:320px;height:150px;background:#f2f2f2;float:left"></div>
-            <div style="width:320px;height:150px;background:#f2f2f2;float:left"></div>
+            </el-card>         
+            <!-- <div style="width:20%;height:135px;background:#f2f2f2;float:left;border-radius: 5%; ">
+               <span>总待还款金额:</span><span>11111111</span>
+            </div>
+                <div style="width:20%;height:135px;background:#f2f2f2;float:left;margin-left:10px;border-radius: 5%;">
+                    <span>
+                        待还款金额:</span>
+                        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
+                        </el-option>
+                    </el-select>
+                    <div>
+                        12312312</div>
+                </div> -->
             <el-row :gutter="10" class="mb8">
                 <el-col :span="1.5">
                     <el-button type="primary" icon="el-icon-export" size="mini" @click="handleExport" v-hasPermi="['service:repayment:export']">导出待还款数据</el-button>
@@ -47,8 +57,9 @@
                 <el-table-column label="还款状态" align="center" prop="zfrApplyStatus" :formatter="applyStatusFormat" :show-overflow-tooltip="true" v-if="uncheckList.zfrApplyStatus" />
                 <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
                     <template slot-scope="scope">
-                        <el-button size="mini" type="text" icon="el-icon-view" @click="handleInfo(scope.row)" v-hasPermi="['service:contract:query']">详情</el-button>
-                        <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDel(scope.row)" v-hasPermi="['service:contract:delete']">下载</el-button>
+                        <el-button size="mini" type="text" icon="el-icon-view" @click="handleInfo(scope.row)" v-hasPermi="['service:repayment:query']">详情</el-button>
+                        <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDown(scope.row)" v-hasPermi="['service:repayment:down']">下载</el-button>
+                        <el-button size="mini" type="text" icon="el-icon-delete" @click="handleUp(scope.row)" v-hasPermi="['service:repayment:up']" v-if="scope.row.zfrApplyStatus != '01'">还款登记</el-button>
                     </template>
                 </el-table-column>
             </el-table>
@@ -56,22 +67,22 @@
         </el-tab-pane>
         <el-tab-pane label="待还款">
             <el-card class="fiche">
-                <right-toolbar :showSearch.sync="showSearch" @queryTable="getList">收起</right-toolbar>
+                <right-toolbar :showSearch.sync="showSearch" @queryTable="getUnpayList">收起</right-toolbar>
                 <span style="margin-bottom: 10px;color:#333333;font:14px Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial,sans-serif">所选条件:</span>
                 <div style="float: right;margin-right:1%">
-                    <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-                    <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" style="float: ;">重置</el-button>
+                    <el-button type="cyan" icon="el-icon-search" size="mini" @click="secondQuery">搜索</el-button>
+                    <el-button icon="el-icon-refresh" size="mini" @click="resetSecondQuery" style="float: ;">重置</el-button>
                     <column-setting :checkList=checkList :tableList=tableList :selfDom=selfDom :tableId=tableId> </column-setting>
                 </div>
                 <hr style="margin-top: 16px;">
-                <el-form :model="unRepayment" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px">
-                    <el-form-item>
-                        <el-select v-model="unRepayment.type" placeholder="请选择查询字段" clearable size="small">
+                <el-form :model="unRepayment" ref="queryForm1" :inline="true" v-show="showSearch" label-width="100px">
+                    <el-form-item prop="type">
+                        <el-select v-model="unRepayment.type" placeholder="请选择查询字段" clearable size="small" >
                             <el-option v-for="dict in typeOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
                         </el-select>
                     </el-form-item>
-                    <el-form-item>
-                        <el-input v-model="unRepayment.value" placeholder="请输入关键字模糊查询" clearable size="small" maxlength="30" @keyup.enter.native="handleQuery" />
+                    <el-form-item prop="value">
+                        <el-input v-model="unRepayment.value"  placeholder="请输入关键字模糊查询" clearable size="small" maxlength="30" @keyup.enter.native="secondQuery" />
                     </el-form-item>
                     <el-form-item label="承诺还款日期" prop="repaymentDate">
                         <el-date-picker clearable unlink-panels v-model="unRepayment.repaymentDate" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期">
@@ -99,31 +110,32 @@
                 <el-table-column label="还款状态" align="center" prop="zfrApplyStatus" :formatter="applyStatusFormat" :show-overflow-tooltip="true" v-if="uncheckList.zfrApplyStatus" />
                 <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
                     <template slot-scope="scope">
-                        <el-button size="mini" type="text" icon="el-icon-view" @click="handleInfo(scope.row)" v-hasPermi="['service:contract:query']">详情</el-button>
-                        <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDel(scope.row)" v-hasPermi="['service:contract:delete']">下载</el-button>
+                        <el-button size="mini" type="text" icon="el-icon-view" @click="handleInfo(scope.row)" v-hasPermi="['service:repayment:query']">详情</el-button>
+                        <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDown(scope.row)" v-hasPermi="['service:repayment:down']">下载</el-button>
+                        <el-button size="mini" type="text" icon="el-icon-delete" @click="handleUp(scope.row)" v-hasPermi="['service:repayment:up']" v-if="scope.row.zfrApplyStatus != '01'">还款登记</el-button>
                     </template>
                 </el-table-column>
             </el-table>
-            <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
+            <pagination v-show="total>0" :total="total1" :page.sync="unRepayment.pageNum" :limit.sync="unRepayment.pageSize" @pagination="getList" />
         </el-tab-pane>
         <el-tab-pane label="已还款">
             <el-card class="fiche">
-                <right-toolbar :showSearch.sync="showSearch" @queryTable="getList">收起</right-toolbar>
+                <right-toolbar :showSearch.sync="showSearch" @queryTable="getRepayList">收起</right-toolbar>
                 <span style="margin-bottom: 10px;color:#333333;font:14px Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial,sans-serif">所选条件:</span>
                 <div style="float: right;margin-right:1%">
-                    <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-                    <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" style="float: ;">重置</el-button>
+                    <el-button type="cyan" icon="el-icon-search" size="mini" @click="thirdQuery">搜索</el-button>
+                    <el-button icon="el-icon-refresh" size="mini" @click="resetThirdQuery" style="float: ;">重置</el-button>
                     <column-setting :checkList=checkList :tableList=tableList :selfDom=selfDom :tableId=tableId></column-setting>
                 </div>
                 <hr style="margin-top: 16px;">
-                <el-form :model="repayment" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px">
-                    <el-form-item>
-                        <el-select v-model="repayment.type" placeholder="请选择查询字段" clearable size="small">
+                <el-form :model="repayment" ref="queryForm2" :inline="true" v-show="showSearch" label-width="100px">
+                    <el-form-item prop="type">
+                        <el-select v-model="repayment.type" placeholder="请选择查询字段" clearable size="small" prop="type">
                             <el-option v-for="dict in typeOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
                         </el-select>
                     </el-form-item>
-                    <el-form-item>
-                        <el-input v-model="repayment.value" placeholder="请输入关键字模糊查询" clearable size="small" maxlength="30" @keyup.enter.native="handleQuery" />
+                    <el-form-item prop="value">
+                        <el-input v-model="repayment.value" prop="value" placeholder="请输入关键字模糊查询" clearable size="small" maxlength="30" @keyup.enter.native="thirdQuery" />
                     </el-form-item>
                     <el-form-item label="承诺还款日期" prop="repaymentDate">
                         <el-date-picker clearable unlink-panels v-model="repayment.repaymentDate" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期">
@@ -151,32 +163,33 @@
                 <el-table-column label="还款状态" align="center" prop="zfrApplyStatus" :formatter="applyStatusFormat" :show-overflow-tooltip="true" v-if="uncheckList.zfrApplyStatus" />
                 <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
                     <template slot-scope="scope">
-                        <el-button size="mini" type="text" icon="el-icon-view" @click="handleInfo(scope.row)" v-hasPermi="['service:contract:query']">详情</el-button>
-                        <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDel(scope.row)" v-hasPermi="['service:contract:delete']">下载</el-button>
+                        <el-button size="mini" type="text" icon="el-icon-view" @click="handleInfo(scope.row)" v-hasPermi="['service:repayment:query']">详情</el-button>
+                        <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDown(scope.row)" v-hasPermi="['service:repayment:down']">下载</el-button>
+                        <el-button size="mini" type="text" icon="el-icon-delete" @click="handleUp(scope.row)" v-hasPermi="['service:repayment:up']" v-if="scope.row.zfrApplyStatus != '01'">还款登记</el-button>
                     </template>
                 </el-table-column>
             </el-table>
 
-            <pagination v-show="total>0" :total="total" :page.sync="repayment.pageNum" :limit.sync="repayment.pageSize" @pagination="getList" />
+            <pagination v-show="total>0" :total="total2" :page.sync="repayment.pageNum" :limit.sync="repayment.pageSize" @pagination="getList" />
         </el-tab-pane>
         <el-tab-pane label="逾期">
             <el-card class="fiche">
-                <right-toolbar :showSearch.sync="showSearch" @queryTable="getList">收起</right-toolbar>
+                <right-toolbar :showSearch.sync="showSearch" @queryTable="getOverdueList">收起</right-toolbar>
                 <span style="margin-bottom: 10px;color:#333333;font:14px Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial,sans-serif">所选条件:</span>
                 <div style="float: right;margin-right:1%">
-                    <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-                    <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" style="float: ;">重置</el-button>
+                    <el-button type="cyan" icon="el-icon-search" size="mini" @click="fouthQuery">搜索</el-button>
+                    <el-button icon="el-icon-refresh" size="mini" @click="resetFouthQuery" style="float: ;">重置</el-button>
                     <column-setting :checkList=checkList :tableList=tableList :selfDom=selfDom :tableId=tableId></column-setting>
                 </div>
                 <hr style="margin-top: 16px;">
-                <el-form :model=" overdue" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px">
-                    <el-form-item>
-                        <el-select v-model=" overdue.type" placeholder="请选择查询字段" clearable size="small">
+                <el-form :model="overdue" ref="queryForm3" :inline="true" v-show="showSearch" label-width="100px">
+                    <el-form-item prop="type">
+                        <el-select v-model=" overdue.type" placeholder="请选择查询字段" clearable size="small" prop="type">
                             <el-option v-for="dict in typeOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
                         </el-select>
                     </el-form-item>
-                    <el-form-item>
-                        <el-input v-model=" overdue.value" placeholder="请输入关键字模糊查询" clearable size="small" maxlength="30" @keyup.enter.native="handleQuery" />
+                    <el-form-item prop="value">
+                        <el-input v-model=" overdue.value" prop="value" placeholder="请输入关键字模糊查询" clearable size="small" maxlength="30" @keyup.enter.native="fouthQuery" />
                     </el-form-item>
                     <el-form-item label="承诺还款日期" prop="repaymentDate">
                         <el-date-picker clearable unlink-panels v-model=" overdue.repaymentDate" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期">
@@ -204,12 +217,13 @@
                 <el-table-column label="还款状态" align="center" prop="zfrApplyStatus" :formatter="applyStatusFormat" :show-overflow-tooltip="true" v-if="uncheckList.zfrApplyStatus" />
                 <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
                     <template slot-scope="scope">
-                        <el-button size="mini" type="text" icon="el-icon-view" @click="handleInfo(scope.row)" v-hasPermi="['service:contract:query']">详情</el-button>
-                        <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDel(scope.row)" v-hasPermi="['service:contract:delete']">下载</el-button>
+                        <el-button size="mini" type="text" icon="el-icon-view" @click="handleInfo(scope.row)" v-hasPermi="['service:repayment:query']">详情</el-button>
+                        <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDown(scope.row)" v-hasPermi="['service:repayment:down']">下载</el-button>
+                        <el-button size="mini" type="text" icon="el-icon-delete" @click="handleUp(scope.row)" v-hasPermi="['service:repayment:up']" v-if="scope.row.zfrApplyStatus != '01'">还款登记</el-button>
                     </template>
                 </el-table-column>
             </el-table>
-            <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
+            <pagination v-show="total>0" :total="total3" :page.sync="overdue.pageNum" :limit.sync="overdue.pageSize" @pagination="getList" />
         </el-tab-pane>
     </el-tabs>
 </template>
@@ -236,24 +250,19 @@ export default {
             showSearch: true,
             // 总条数
             total: 0,
+            total1: 0,
+            total2: 0,
+            total3: 0,
             // 弹出层标题
             title: "",
             // 全部还款列表
             allRepaymentList: [],
-            // 全部还款
-
             //待还款列表
             unRepaymentList: [],
-             //待还款
-
             //已还款列表
             repaymentList: [],
-             //已还款
-
             //逾期列表
             overdueList: [],
-              //逾期列表
-
             typeOptions: [],
             // 是否显示弹出层
             open: false,
@@ -336,6 +345,9 @@ export default {
     },
     created() {
         this.getList();
+        this.getUnpayList();
+        this.getRepayList();
+        this.getOverdueList();
         this.getDicts("zc_zfr_apply_status").then((response) => {
             this.applyStatusOptions = response.data;
         });
@@ -362,30 +374,30 @@ export default {
         /** 查询未还款列表 */
         getUnpayList() {
             this.loading = true;
-            this.queryParamsUnpay.status = "00";
-            listRepayment(this.queryParamsUnpay).then((response) => {
+            this.unRepayment.status = "00";
+            listRepayment(this.unRepayment).then((response) => {
                 this.unRepaymentList = response.data.records;
-                this.total = response.data.total;
+                this.total1 = response.data.total;
                 this.loading = false;
             });
         },
     /** 查询已还款列表 */
-        getUnpayList() {
+        getRepayList() {
             this.loading = true;
-            this.queryParamsUnpay.status = "00";
-            listRepayment(this.queryParamsUnpay).then((response) => {
-                this.unRepaymentList = response.data.records;
-                this.total = response.data.total;
+            this.repayment.status = "01";
+            listRepayment(this.repayment).then((response) => {
+                this.repaymentList = response.data.records;
+                this.total2 = response.data.total;
                 this.loading = false;
             });
         },
             /** 查询逾期列表 */
-        getUnpayList() {
+        getOverdueList() {
             this.loading = true;
-            this.queryParamsUnpay.status = "00";
-            listRepayment(this.queryParamsUnpay).then((response) => {
-                this.unRepaymentList = response.data.records;
-                this.total = response.data.total;
+            this.overdue.status = "02";
+            listRepayment(this.overdue).then((response) => {
+                this.overdueList = response.data.records;
+                this.total3 = response.data.total;
                 this.loading = false;
             });
         },
@@ -399,88 +411,73 @@ export default {
             this.form = {};
             this.resetForm("form");
         },
-        /** 搜索按钮操作 */
+        /** 搜索按钮操作 */ 
         handleQuery() {
             this.queryParams.pageNum = 1;
             this.getList();
         },
+        secondQuery(){
+            this.unRepayment.pageNum = 1;
+            this.getUnpayList();
+        },
+        thirdQuery(){
+            this.repayment.pageNum = 1;
+            this.getRepayList();
+        },
+        fouthQuery(){
+            this.overdue.pageNum = 1;
+            this.getOverdueList();
+        },
         /** 重置按钮操作 */
         resetQuery() {
             this.resetForm("queryForm");
             this.handleQuery();
         },
+        resetSecondQuery() {
+            this.resetForm("queryForm1");
+            this.secondQuery();
+        },
+        resetThirdQuery() {
+            this.resetForm("queryForm2");
+            this.thirdQuery();
+        },
+        resetFouthQuery() {
+            this.resetForm("queryForm3");
+            this.fouthQuery();
+        },
         // 多选框选中数据
         handleSelectionChange(selection) {
             /*  this.ids = selection.map(item => item.ptcId)
       this.single = selection.length!==1
       this.multiple = !selection.length */
         },
-        /** 新增按钮操作 */
-        handleAdd() {
-            this.$router.push("/contract/addContract/");
-        },
-        /** 修改按钮操作 */
-        handleUpdate(row) {
-            const zfcId = row.zfcId;
-            this.$router.push("/contract/editContract/" + zfcId);
-        },
         /** 详情按钮操作 */
         handleInfo(row) {
-            const zfcId = row.zfcId;
-            this.$router.push("/contract/detailContract/" + zfcId);
+            const zfrId = row.zfrId;
+            this.$router.push("/repayment/detailRepayment/" + zfrId);
         },
-        /** 删除按钮操作 */
-        handleDel(row) {
-            const zfcId = row.zfcId;
-            const zfcName = row.zfcName;
-            this.$confirm(
-                '是否确认删除合同模板名为"' + zfcName + '"的数据项?',
-                "警告",
-                {
-                    confirmButtonText: "确定",
-                    cancelButtonText: "取消",
-                    type: "warning",
-                }
-            )
-                .then(function () {
-                    return delContract(zfcId);
-                })
-                .then(() => {
-                    this.getList();
-                    this.msgSuccess("删除成功");
-                })
-                .catch(() => {
-                    this.$message({
-                        type: "warning",
-                        message: "已取消删除",
-                    });
-                });
+        /** 下载按钮操作 */
+        handleDown(row) {
+            var zfrId = row.zfrId;
+            const loading = this.$loading({
+            lock: true,
+            text: 'Loading',
+            spinner: 'el-icon-loading',
+            background: 'rgba(0, 0, 0, 0.7)'
+          });
+          this.download('sc-service-ch/repayment/export/'+zfrId, {
+
+        }, `还款明细.docx`);
+        setTimeout(() => {
+          loading.close();
+          this.create = false;
+          this.end = true;
+          this.active = 1;
+        }, 3000);
         },
-        /** 启用按钮操作 */
-        handleChange(row) {
-            let text =
-                row.zfpStatus === "01"
-                    ? "开启合同模板名称为"
-                    : "停用合同模板名称为";
-            this.$confirm(
-                "确认要" + text + '"' + row.zfcName + '"吗?',
-                "警告",
-                {
-                    confirmButtonText: "确定",
-                    cancelButtonText: "取消",
-                    type: "warning",
-                }
-            )
-                .then(function () {
-                    return changeState(row.zfcId);
-                })
-                .then(() => {
-                    this.getList();
-                    this.msgSuccess(text + "成功");
-                })
-                .catch(function () {
-                    row.zfpSplit = row.zfpSplit === "00" ? "01" : "00";
-                });
+        //上传附件
+        handleUp(row){
+            
         },
         //还款状态字典反显
         applyStatusFormat(row, column) {
@@ -489,7 +486,6 @@ export default {
                 row.zfrApplyStatus
             );
         },
-
         //获取当前客户是否之前设置过列展示隐藏
         columnQuery() {
             //获取页面路径
@@ -514,9 +510,21 @@ export default {
         },
         /** 导出按钮操作 */
         handleExport() {
-            /* this.download('base/taxCode/export', {
-        ...this.queryParams
-      }, `base_taxCode.xlsx`) */
+           const loading = this.$loading({
+            lock: true,
+            text: 'Loading',
+            spinner: 'el-icon-loading',
+            background: 'rgba(0, 0, 0, 0.7)'
+          });
+          this.download('sc-service-ch/repayment/export', {
+          ...this.queryParams
+        }, `待还款列表.xls`);
+        setTimeout(() => {
+          loading.close();
+          this.create = false;
+          this.end = true;
+          this.active = 1;
+        }, 3000);
         },
     },
 };