还款管理详情页面初始化

front-vue/src/api/service/repayment/repayment.js

@@ -8,4 +8,10 @@ export function listRepayment(query) {
     params: query
   })
 }
-
+// 查询还款详情
+export function getRepayment(zfrId) {
+  return request({
+    url: '/sc-service/repayment/' + zfrId,
+    method: 'get'
+  })
+}

front-vue/src/router/index.js

@@ -350,6 +350,19 @@ export const constantRoutes = [
       // },
     ]
   },
+  {
+    path: '/repayment',
+    component: Layout,
+    hidden: true,
+    children: [
+      {
+        path: 'detailRepayment/:zfrId',
+        component: (resolve) => require(['@/views/service/repayment/detailRepayment'], resolve),
+        name: 'detailRepayment',
+        meta: { title: '还款信息详情',noCache: true }
+      },
+    ]
+  },
 ]
 
 export default new Router({

front-vue/src/views/service/financeProduct/addFinanceProduct.vue

@@ -174,7 +174,7 @@
       <!-- 合同信息 -->
     <el-dialog :title="title" :visible.sync="open" width="1120px" append-to-body>
       <el-form :model="queryParams"  ref="formQuery"  :inline="true"  label-width="68px"  style="margin-bottom: -21px">
-        <el-form-item label="合同模板名称" prop="zfcName">
+        <el-form-item label="合同模板名称" prop="zfcName" label-width="90px">
           <el-input
           v-model="queryParams.zfcName"
           placeholder="请输入模板名称"

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

@@ -0,0 +1,147 @@
+<template>
+  <div class="app-container">
+    <el-form
+      :inline="true"
+      ref="form"
+      :model="form"
+      :rules="rules"
+      label-width="auto"
+      style="margin-top: 20px"
+      disabled
+    >
+      <el-row>
+        <el-col :span="8">
+          <el-form-item
+            label="还款明细编号:"
+            prop="zfcName"
+          >
+            <el-input
+              v-model="form.zfcName"
+            /> </el-form-item
+        ></el-col>
+        <el-col :span="8"
+          > <el-form-item
+            label="还款明细编号:"
+            prop="zfcName"
+          >
+            <el-input
+              v-model="form.zfcName"
+            /> </el-form-item
+        ></el-col>
+        <el-col :span="8">
+           <el-form-item
+            label="还款明细编号:"
+            prop="zfcName"
+          >
+            <el-input
+              v-model="form.zfcName"
+            /> </el-form-item
+        ></el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="8">
+           <el-form-item
+            label="还款明细编号:"
+            prop="zfcName"
+          >
+            <el-input
+              v-model="form.zfcName"
+            /> </el-form-item
+        ></el-col>
+        <el-col :span="8">
+           <el-form-item
+            label="还款明细编号:"
+            prop="zfcName"
+          >
+            <el-input
+              v-model="form.zfcName"
+            /> </el-form-item
+        ></el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="16">
+           <el-form-item
+            label="还款明细编号:"
+            prop="zfcName"
+          >
+            <el-input
+              v-model="form.zfcName"
+            /> </el-form-item
+        ></el-col>
+      </el-row>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { getRepayment } from "@/api/service/repayment/repayment";
+export default {
+  name: "detailRepayment",
+  components: {},
+  data() {
+    return {
+      disabled: false,
+      // 日期范围
+      dateRange: [],
+      // 选中数组
+      ids: [],
+      // 弹出层标题
+      title: "",
+      // 总条数
+      total: 0,
+      // 是否显示弹出层
+      open: false,
+      // 表单参数
+      form: {},
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+      },
+      options: [],
+      value: [],
+      loading: false,
+      // 表单校验
+      rules: {
+      },
+    };
+  },
+  created() {
+    const zfrId = this.$route.params && this.$route.params.zfrId;
+    this.reset();
+    getRepayment(zfrId).then((response)=>{
+        this.form = response.data;
+    })
+  },
+  activated() {
+    this.reset();
+    //this.getList();
+  },
+  methods: {
+    /** 查询资方 */
+    getCompanyList(){
+      const type = "03";
+      listCompany(type).then(response =>{
+        this.companyList = response.data;
+      })
+    }, 
+    reset(){
+      this.form = {
+      };
+       this.resetForm("form");
+    },
+    // 取消按钮
+    cancel() {
+      this.reset();
+      this.$store.dispatch("tagsView/delView", this.$route);
+      this.$router.go(-1);
+      this.open = false;
+    },
+  },
+};
+</script>
+<style>
+.single-select-table thead .el-table-column--selection .cell {
+  display: none;
+}
+
+</style>