diff --git a/.env.production b/.env.production
index fe26717..4e1f103 100644
--- a/.env.production
+++ b/.env.production
@@ -4,5 +4,5 @@ ENV = 'production'
 # base api
 # VUE_APP_BASE_API = '/prod-api'
 # VUE_APP_BASE_API = 'http://106.75.49.247:20400'
-# VUE_APP_BASE_API = 'https://yruibao.com/admin'
-VUE_APP_BASE_API = 'http://192.168.2.5:20401'
+VUE_APP_BASE_API = 'https://yruibao.com/admin'
+# VUE_APP_BASE_API = 'http://192.168.2.5:20401'
diff --git a/src/api/systemInstallment.js b/src/api/systemInstallment.js
index ada2037..ea82b39 100644
--- a/src/api/systemInstallment.js
+++ b/src/api/systemInstallment.js
@@ -15,7 +15,16 @@ export function DelInstallments(id) {
     params: data,
   });
 }
-
+export function DelInstallmentschild(id) {
+  const data = {
+    id: id,
+  };
+  return request({
+    url: '/admin/customInstallmentsDetail/delete',
+    method: 'GET',
+    params: data,
+  });
+}
 /**
  * 商品分期配置表详情
  * @param id
@@ -77,9 +86,9 @@ export function AddInstallments(pram) {
 export function AddInstallmentsDetail(pram) {
   const data = {
     installmentsId: pram.id,
-    installmentNumber: pram.installmentNumber,
+    intervalCycle: pram.intervalCycle,
     repaymentPercent: pram.repaymentPercent,
-    repaymentDeadlineStr: pram.repaymentDeadlineStr,
+    // repaymentDeadlineStr: pram.repaymentDeadlineStr,
   };
   return request({
     url: '/admin/customInstallmentsDetail/save',
@@ -105,3 +114,17 @@ export function UpdateInstallments(pram) {
     data: data,
   });
 }
+
+export function UpdateInstallmentschild(pram) {
+  const data = {
+    installmentsId: pram.id,
+    intervalCycle: pram.intervalCycle,
+    repaymentPercent: pram.repaymentPercent,
+  };
+  return request({
+    url: '/admin/customInstallmentsDetail/update',
+    method: 'post',
+    params: { id: pram.id },
+    data: data,
+  });
+}
diff --git a/src/views/channel/index.vue b/src/views/channel/index.vue
index 7c7d7bb..b2bcd3e 100644
--- a/src/views/channel/index.vue
+++ b/src/views/channel/index.vue
@@ -27,17 +27,18 @@
         </el-table-column>
       </el-table>
       <el-table v-loading="listLoading" :data="listData.list" style="width: 100%" size="mini">
-        <el-table-column prop="name" label="名称" min-width="50"  align="center"/>
-        <el-table-column prop="id" label="渠道ID" min-width="50"  align="center"/>
-        <el-table-column prop="createTime" label="添加日期" min-width="50"  align="center"/>
+        <el-table-column prop="name" label="名称" min-width="50" align="center" />
+        <el-table-column prop="id" label="渠道ID" min-width="50" align="center" />
+        <el-table-column prop="createTime" label="添加日期" min-width="50" align="center" />
         <el-table-column prop="address" label=" 总点击/总转化/总注册/回款率/" min-width="80">
           <template slot-scope="scope">
             <div class="cont" style="display: flex;flex-wrap: nowrap;justify-content: center;">
-              {{ scope.row.totalClickNum }}/ {{ scope.row.totalConversionRatio }} / {{ scope.row.totalRegisterNum }}/ {{ scope.row.totalReturnRate }} 
+              {{ scope.row.totalClickNum }}/ {{ scope.row.totalConversionRatio }} / {{ scope.row.totalRegisterNum }}/ {{
+            scope.row.totalReturnRate }}
 
 
             </div>
-           
+
           </template>
         </el-table-column>
         <el-table-column prop="address" label=" 今日进件/今日点击/今日转化率" min-width="80">
@@ -47,42 +48,42 @@
 
 
             </div>
-           
+
           </template>
         </el-table-column>
         <!-- <el-table-column prop="todayClickNum" label="今日点击" min-width="50"  align="center"/>
         <el-table-column prop="totalRegisterNum" label="总注册" min-width="50"  align="center"/> -->
         <!-- <el-table-column prop="totalOrderNum" label="总订单(金额/数量)" min-width="120" /> -->
-        <el-table-column prop="totalOrderNum" label="总订单(金额/数量)" min-width="100"  align="center">
-          <template slot-scope="scope" >
-           <div class="cont" >
-            {{scope.row. totalAmount}}    元/  {{  scope.row. totalOrderNum}}
-          </div>
-          </template> 
-         </el-table-column>
+        <el-table-column prop="totalOrderNum" label="总订单(金额/数量)" min-width="100" align="center">
+          <template slot-scope="scope">
+            <div class="cont">
+              {{ scope.row.totalAmount }} 元/ {{ scope.row.totalOrderNum }}
+            </div>
+          </template>
+        </el-table-column>
         <!-- <el-table-column prop="totalConversionRatio" label="总转化率" min-width="50"  align="center"/> -->
         <!-- <el-table-column prop="totalReturnRate" label="回款率" min-width="50"  align="center"/> -->
         <!-- <el-table-column prop="todayRegisterNum" label="今日进件" min-width="50"  align="center"/> -->
-       
-        <el-table-column prop="todayOrderNum" label="今日订单(金额/数量)" min-width="100"  align="center">
-          <template slot-scope="scope" >
-           <div class="cont" >
-            {{scope.row.todayOrderAmount}}    元/  {{  scope.row.todayOrderNum}}
-          </div>
-          </template> 
-         </el-table-column>
+
+        <el-table-column prop="todayOrderNum" label="今日订单(金额/数量)" min-width="100" align="center">
+          <template slot-scope="scope">
+            <div class="cont">
+              {{ scope.row.todayOrderAmount }} 元/ {{ scope.row.todayOrderNum }}
+            </div>
+          </template>
+        </el-table-column>
         <!-- <el-table-column prop="todayConversionRatio" label="今日转化率" min-width="50" align="center"/> -->
         <el-table-column prop="remark" label="备注 " min-width="30" />
-        <el-table-column prop="todayOrderNum" label="是否隐藏商品" min-width="50"  align="center">
-          <template slot-scope="scope" >
-           <div class="cont"  v-if="scope.row.storeHide==true" >
-            隐藏
-          </div>
-          <div class="cont"  v-if="scope.row.storeHide==false" >
-            展示
-          </div>
-          </template> 
-         </el-table-column>
+        <el-table-column prop="todayOrderNum" label="是否隐藏商品" min-width="50" align="center">
+          <template slot-scope="scope">
+            <div class="cont" v-if="scope.row.storeHide == true">
+              隐藏
+            </div>
+            <div class="cont" v-if="scope.row.storeHide == false">
+              展示
+            </div>
+          </template>
+        </el-table-column>
         <!-- <el-table-column prop="price" label="单价（元）" min-width="100" /> -->
         <el-table-column label="操作" min-width="120" fixed="right" align="center">
           <template slot-scope="scope">
@@ -103,23 +104,34 @@
       </el-table>
       <el-dialog title="" :visible.sync="dialogVisibles" width="1388px" :before-close="handleClose">
         <div class="detailbox">
-          <div class="tit"> <span :class="titindex==0?'act1':''" style="margin-right: 10px;" @click="titindex=0">统计报表</span> <span :class="titindex==1?'act1':''" @click="titindex=1">  注册用户</span> </div>
-          <div class="tj"  v-show="titindex==0">
+          <div class="tit"> <span :class="titindex == 0 ? 'act1' : ''" style="margin-right: 10px;"
+              @click="titindex = 0">统计报表</span>
+            <span :class="titindex == 1 ? 'act1' : ''" @click="titindex = 1"> 注册用户</span>
+          </div>
+          <div class="tj" v-show="titindex == 0">
             <div class="mintit">基础信息</div>
             <div class="infobox">
-              <div class="img_box" style="right: 100px;">
-                <!-- <canvas ref="qrcodeCanvas"></canvas> -->
-                 <!-- <div id="payQrcode"></div> -->
-                 
-                <div id="qrcode" ref="qrcode" style="margin-bottom: 20px;"></div>  
-                <el-button type="primary" @click="downloadimg()" style="margin-left: 0px;" >下载图片</el-button>
+              <div class="img_box" style="right: 70px;">
+
+
+                <div id="qrcodes" ref="qrcodes" style="margin-bottom: 20px;"></div>
+                <div class="tits" style="width: 60px;text-align: center;font-size: 12px;margin-bottom: 10px;">h5</div>
+                <el-button type="primary" @click="downloadimg()" style="margin-left: 0px;">下载</el-button>
+              </div>
+              <div class="img_box" style="right: 150px;">
+
+
+                <div id="qrcode" ref="qrcode" style="margin-bottom: 20px;"></div>
+                <div class="tits" style="width: 60px;text-align: center;font-size: 12px;margin-bottom: 10px;">微信小程序</div>
+                <el-button type="primary" @click="downloadimgs()" style="margin-left: 0px;">下载</el-button>
               </div>
               <div class="img_box" style="right: -10px;">
-                <!-- <canvas ref="qrcodeCanvas"></canvas> -->
-                 <!-- <div id="payQrcode"></div> -->
-                 
-                <img :src="chooselist.qrCodeUrlCircleBlue" alt=""  style="margin-bottom: 20px;">
-                <el-button type="primary" @click="downloadImage(chooselist.qrCodeUrlCircleBlue)" style="margin-left: 0px;" >下载图片</el-button>
+
+
+                <img :src="chooselist.qrCodeUrlCircleBlue" alt="" style="margin-bottom: 20px;width: 60px;height: 60px;">
+                <div class="tits" style="width: 60px;text-align: center;font-size: 12px;margin-bottom: 10px;">ali小程序</div>
+                <el-button type="primary" @click="downloadImage(chooselist.qrCodeUrlCircleBlue)"
+                  style="margin-left: 0px;width: 60px;font-size: 12px;">下载</el-button>
               </div>
               <div class="infoli">
                 <div class="li">渠道名称：{{ chooselist.name }} </div>
@@ -131,7 +143,7 @@
                 <div class="li"> 总转化率：{{ chooselist.totalConversionRatio }} </div>
                 <div class="li"> 回款率：{{ chooselist.totalReturnRate }}</div>
               </div>
-              <div class="infoli" >
+              <div class="infoli">
                 <div class="li">总注册：{{ chooselist.totalRegisterNum }}</div>
                 <div class="li"> 总订单金额：{{ chooselist.totalAmount }}</div>
                 <div class="li">总订单数量：{{ chooselist.totalOrderNum }} </div>
@@ -141,23 +153,23 @@
                 <div class="li">今日点击:{{ chooselist.todayClickNum }}</div>
               </div>
               <div class="infoli" style="justify-content: start;" v-if="chooselist.account">
-                <div class="li"  style="width: 33%;">渠道账号：{{ chooselist.account  }}</div>
+                <div class="li" style="width: 33%;">渠道账号：{{ chooselist.account }}</div>
                 <div class="li" style="width: 30%;">渠道密码：初始密码为123456</div>
               </div>
             </div>
             <div class="mintit">日统计报表 </div>
             <el-table :data="todaydata.list" stripe style="width: 100%">
-              <el-table-column prop="date" label="日期" width="180"  align="center">
+              <el-table-column prop="date" label="日期" width="180" align="center">
               </el-table-column>
-              <el-table-column prop="clickNum" label="点击数" width="180"  align="center">
+              <el-table-column prop="clickNum" label="点击数" width="180" align="center">
               </el-table-column>
-              <el-table-column prop="registerNum" label="进件"  align="center">
+              <el-table-column prop="registerNum" label="进件" align="center">
               </el-table-column>
-              <el-table-column prop="amount" label="订阅金额"  align="center">
+              <el-table-column prop="amount" label="订阅金额" align="center">
               </el-table-column>
-              <el-table-column prop="num" label="订阅数量"  align="center">
+              <el-table-column prop="num" label="订阅数量" align="center">
               </el-table-column>
-              <el-table-column prop="conversionRatio" label="转化率"  align="center">
+              <el-table-column prop="conversionRatio" label="转化率" align="center">
               </el-table-column>
               <el-table-column prop="returnRate" label="回款率" align="center">
               </el-table-column>
@@ -166,41 +178,41 @@
               layout="total, sizes, prev, pager, next, jumper" :total="todaydata.total" @size-change="handleSizeChanges"
               @current-change="todaypageChange" />
           </div>
-          <div class="yh"  v-show="titindex==1" style="padding-top: 20px;">
+          <div class="yh" v-show="titindex == 1" style="padding-top: 20px;">
             <el-table :data="userdata.list" stripe style="width: 100%">
-              <el-table-column prop="realName" label="姓名" width="100" >
+              <el-table-column prop="realName" label="姓名" width="100">
               </el-table-column>
-              <el-table-column prop="createTime" label="注册日期 "  align="center">
+              <el-table-column prop="createTime" label="注册日期 " align="center">
               </el-table-column>
-              <el-table-column prop="phone" label="手机号"  align="center">
+              <el-table-column prop="phone" label="手机号" align="center">
               </el-table-column>
-              <el-table-column prop="email" label="邮箱"  min-width="130"  align="center">
+              <el-table-column prop="email" label="邮箱" min-width="130" align="center">
               </el-table-column>
-              <el-table-column prop="idCardNumber" label="身份证" min-width="160"  align="center"> 
+              <el-table-column prop="idCardNumber" label="身份证" min-width="160" align="center">
               </el-table-column>
-              <el-table-column prop="settleNum" label="订单数"   align="center">
+              <el-table-column prop="settleNum" label="订单数" align="center">
               </el-table-column>
-              
-              <el-table-column prop="orderAmount" label=" 订单总金额"  align="center"> 
+
+              <el-table-column prop="orderAmount" label=" 订单总金额" align="center">
               </el-table-column>
-              <el-table-column prop="pendingRepayment" label=" 待还金额"  align="center">
+              <el-table-column prop="pendingRepayment" label=" 待还金额" align="center">
               </el-table-column>
-              <el-table-column prop="address" label=" 状态（逾期/待还款）" min-width="130"  align="center">
-                <template slot-scope="scope" >
-           <div class="cont" style="width: 120px;" v-if="scope.row.repaymentStatus=='Pending'">
-            待还款
-           
-          </div>
-          <div class="cont" style="width: 100px;" v-if="scope.row.repaymentStatus=='Late'">
-            已逾期
-           
-          </div>
-          </template> 
+              <el-table-column prop="address" label=" 状态（逾期/待还款）" min-width="130" align="center">
+                <template slot-scope="scope">
+                  <div class="cont" style="width: 120px;" v-if="scope.row.repaymentStatus == 'Pending'">
+                    待还款
+
+                  </div>
+                  <div class="cont" style="width: 100px;" v-if="scope.row.repaymentStatus == 'Late'">
+                    已逾期
+
+                  </div>
+                </template>
               </el-table-column>
             </el-table>
             <el-pagination :page-sizes="[10, 15,]" :page-size="tableFrom.limit" :current-page="tableFrom.page"
-              layout="total, sizes, prev, pager, next, jumper" :total="userdata.total" @size-change="userhandleSizeChange"
-              @current-change="userpageChange" />
+              layout="total, sizes, prev, pager, next, jumper" :total="userdata.total"
+              @size-change="userhandleSizeChange" @current-change="userpageChange" />
           </div>
         </div>
 
@@ -218,7 +230,7 @@
 <script>
 import QRCode from "qrcodejs2";
 let qrcode = "";
-import { ListChannel,ListChannels,Listuser, AddChannel, UpdateChannel, InfoChannel, DelChannel } from '@/api/channel';
+import { ListChannel, ListChannels, Listuser, AddChannel, UpdateChannel, InfoChannel, DelChannel } from '@/api/channel';
 import creatChannel from './creatChannel';
 import { checkPermi } from '@/utils/permission'; // 权限判断函数
 import download from "@/plugins/download";
@@ -239,11 +251,11 @@ export default {
     return {
       listLoading: false,
       dialogVisibles: false,
-      titindex:0,
+      titindex: 0,
       channelInfo: {},
-      chooselist:{},
-      todaydata:{ list: [], total: 0 },
-      userdata:{},
+      chooselist: {},
+      todaydata: { list: [], total: 0 },
+      userdata: {},
       constants: this.$constants,
       listPram: {
         productId: null,
@@ -252,13 +264,13 @@ export default {
         limit: this.$constants.page.limit[0],
       },
       listPrams: {
-        
+
         channelId: null,
         page: 1,
         limit: 10,
       },
       userPrams: {
-        
+
         channelId: null,
         page: 1,
         limit: 10,
@@ -272,8 +284,8 @@ export default {
         data: [],
         total: 0,
       },
-      codeurl:'',
-      
+      codeurl: '',
+
     };
   },
   mounted() {
@@ -281,7 +293,7 @@ export default {
     this.getList();
   },
   methods: {
- 
+
     qrcode(qWidth, qHeight, qText, qRender) {
       new QRCode("qrcode", {
         width: qWidth,
@@ -290,6 +302,14 @@ export default {
         render: qRender,
       });
     },
+    qrcodes(qWidth, qHeight, qText, qRender) {
+      new QRCode("qrcodes", {
+        width: qWidth,
+        height: qHeight,
+        text: qText,
+        render: qRender,
+      });
+    },
     async downloadImage(imageUrl) {
       try {
         const response = await fetch(imageUrl);
@@ -307,28 +327,44 @@ export default {
       }
     },
     downloadimg() {
-    // 获取生成二维码的canvas元素
-    const canvas = document.querySelector("#qrcode canvas");
-    if (canvas) {
-      // 创建一个临时的a元素
-      const link = document.createElement('a');
-      // 将canvas的内容转换为图片的DataURL
-      link.href = canvas.toDataURL("image/png");
-      // 设置下载的文件名
-      link.download = 'qrcode.png';
-      // 模拟点击下载
-      link.click();
-    } else {
-      console.error("无法找到二维码画布。");
-    }
-  },
+      // 获取生成二维码的canvas元素
+      const canvas = document.querySelector("#qrcode canvas");
+      if (canvas) {
+        // 创建一个临时的a元素
+        const link = document.createElement('a');
+        // 将canvas的内容转换为图片的DataURL
+        link.href = canvas.toDataURL("image/png");
+        // 设置下载的文件名
+        link.download = 'qrcode.png';
+        // 模拟点击下载
+        link.click();
+      } else {
+        console.error("无法找到二维码画布。");
+      }
+    },
+    downloadimgs() {
+      // 获取生成二维码的canvas元素
+      const canvas = document.querySelector("#qrcodes canvas");
+      if (canvas) {
+        // 创建一个临时的a元素
+        const link = document.createElement('a');
+        // 将canvas的内容转换为图片的DataURL
+        link.href = canvas.toDataURL("image/png");
+        // 设置下载的文件名
+        link.download = 'qrcode.png';
+        // 模拟点击下载
+        link.click();
+      } else {
+        console.error("无法找到二维码画布。");
+      }
+    },
+
+
 
-    
-  
 
     handleClose() {
-      this.userPrams.page=1
-      this.listPrams.page=1
+      this.userPrams.page = 1
+      this.listPrams.page = 1
       this.dialogVisibles = false;
     },
     pageChange(page) {
@@ -339,34 +375,34 @@ export default {
       this.tableFrom.limit = val;
       this.getList();
     },
-    handleSizeChanges(val){
+    handleSizeChanges(val) {
       this.listPrams.limit = val;
       this.gettodaylist()
     },
-    userhandleSizeChange(val){
+    userhandleSizeChange(val) {
       this.userPrams.limit = val;
       this.getuserlist()
     },
-    todaypageChange(page){
+    todaypageChange(page) {
       this.listPrams.page = page;
       this.gettodaylist()
     },
-    userpageChange(page){
-      
+    userpageChange(page) {
+
       this.userPrams.page = page;
       this.getuserlist()
     },
-    gettodaylist(){
+    gettodaylist() {
       ListChannels(this.listPrams)
         .then((res) => {
-          this.  todaydata= res;
-         
+          this.todaydata = res;
+
         })
         .catch(() => {
-         
+
         });
     },
-    copyurl(url){
+    copyurl(url) {
       console.log(url);
       const textarea = document.createElement('textarea');
       textarea.value = url;
@@ -376,41 +412,46 @@ export default {
       document.body.removeChild(textarea);
       // alert('文本已复制到剪贴板！');
       this.$message.success('复制成功');
-    //   navigator.clipboard.writeText(url)
-    // .then(() => {
-    //   console.log('URL已成功复制到剪贴板');
-    //   this.$message.success('复制成功');
-    // })
-    // .catch(err => {
-    //   console.error('无法复制URL到剪贴板:', err);
-    // });
+      //   navigator.clipboard.writeText(url)
+      // .then(() => {
+      //   console.log('URL已成功复制到剪贴板');
+      //   this.$message.success('复制成功');
+      // })
+      // .catch(err => {
+      //   console.error('无法复制URL到剪贴板:', err);
+      // });
     },
-    getuserlist(){
+    getuserlist() {
       Listuser(this.userPrams)
         .then((res) => {
           this.userdata = res;
-         console.log( this.todaydata,'returnRatereturnRatereturnRate');
+          console.log(this.todaydata, 'returnRatereturnRatereturnRate');
         })
         .catch(() => {
-         
+
         });
     },
     async showdlg(row) {
-      this.listPrams.channelId=row.id
-      this.userPrams.channelId=row.id
-      
-     this.gettodaylist()
-     this.getuserlist()
-      console.log(row,'rowrow');
-      this.chooselist=row
+      this.listPrams.channelId = row.id
+      this.userPrams.channelId = row.id
+
+      this.gettodaylist()
+      this.getuserlist()
+      console.log(row, 'rowrow');
+      this.chooselist = row
       this.dialogVisibles = true
       // await this.generateQRCode(row.url)
       if (this.$refs.qrcode) this.$refs.qrcode.innerHTML = "";
       this.$nextTick(function () {
-        this.qrcode(100, 100, row.url, "canvas");
+        this.qrcode(60, 60, row.url, "canvas");
         console.log(QRCode.CorrectLevel.L);
       });
-  
+      this.$nextTick(function () {
+        this.qrcodes(60, 60, row.wxurl, "canvas");
+        console.log(QRCode.CorrectLevel.L);
+      });
+
+
     },
     formatPercentage(value) {
       if (value == "0.00" || value == "0.0" || value == "0" || value == 0 || value == null) {
@@ -535,7 +576,8 @@ export default {
     font-size: 20px;
     font-variation-settings: "opsz" auto;
     cursor: pointer;
-    .act1{
+
+    .act1 {
       font-weight: 700;
       font-size: 25px;
     }
@@ -545,7 +587,7 @@ export default {
     font-family: Source Han Sans;
     font-size: 20px;
     font-weight: bold;
-    line-height:30px;
+    line-height: 30px;
     letter-spacing: 0px;
   }
 
@@ -555,17 +597,20 @@ export default {
     margin: 5px auto;
     display: flex;
     flex-wrap: wrap;
-    .img_box{
+
+    .img_box {
       right: 70px;
       position: absolute;
       width: 80px;
       height: 80px;
-      img{
+
+      img {
         width: 100px;
         height: 100px;
         // background-color: red;
       }
     }
+
     .infoli {
       width: 100%;
       display: flex;
diff --git a/src/views/systemSetting/installment/creatDetail.vue b/src/views/systemSetting/installment/creatDetail.vue
index 7e5eb51..825cb6c 100644
--- a/src/views/systemSetting/installment/creatDetail.vue
+++ b/src/views/systemSetting/installment/creatDetail.vue
@@ -6,12 +6,12 @@
     width="500px"
     :before-close="handleClose">
     <el-form :model="user" :rules="rules" ref="user" label-width="100px" class="demo-ruleForm" v-loading="loading">
-      <el-form-item label="第几期" >
-        <el-select v-model="user.installmentNumber" placeholder="请选择" style="width: 20%">
+      <el-form-item label="间隔时间" >
+        <el-select v-model="user.intervalCycle" placeholder="请选择" style="width: 40%">
           <el-option v-for="item in installmentNumberTreeData" :key="item" :label="item" :value="item">
           </el-option>
         </el-select>
-        <span>期</span>
+        <span>天</span>
       </el-form-item>
       <el-form-item label="还款比例(%)" >
         <el-input-number style="width: 50%;float: left"
@@ -23,9 +23,9 @@
         />
         <span class="el-input-group__append">%</span>
       </el-form-item>
-      <el-form-item label="还款时间" prop="repaymentDeadlineStr">
+      <!-- <el-form-item label="还款时间" prop="repaymentDeadlineStr">
         <el-date-picker v-model="user.repaymentDeadlineStr" type="date" placeholder="选择日期" />
-      </el-form-item>
+      </el-form-item> -->
 <!--      <el-form-item label="分期提示" prop="tips">-->
 <!--        <el-input v-model="user.tips" placeholder="请输入分期提示"></el-input>-->
 <!--      </el-form-item>-->
@@ -62,7 +62,7 @@ export default {
   data() {
     return {
       detailVisible: false,
-      installmentNumberTreeData: [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18],
+      installmentNumberTreeData: [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30],
       formValidate: Object.assign({}, obj),
       loading: false,
       rules: {
diff --git a/src/views/systemSetting/installment/index.vue b/src/views/systemSetting/installment/index.vue
index 4250d04..590e430 100644
--- a/src/views/systemSetting/installment/index.vue
+++ b/src/views/systemSetting/installment/index.vue
@@ -2,57 +2,75 @@
   <div class="divBox">
     <el-card class="box-card">
       <div slot="header" class="clearfix">
-        <el-button type="primary" class="mr10" @click="add" size="small" v-hasPermi="['admin:setting:save']"
-          >添加套餐</el-button>
+        <el-button type="primary" class="mr10" @click="add" size="small"
+          v-hasPermi="['admin:setting:save']">添加套餐</el-button>
       </div>
 
-      <el-table v-loading="listLoading" :data="listData.list" style="width: 100%" size="mini">
-        <el-table-column prop="id" label="ID" min-width="50" />
-        <el-table-column prop="name" label="分期套餐名称" min-width="100" />
-        <el-table-column prop="tips" label="提示内容" min-width="100" />
+      <el-table v-loading="listLoading" :data="listData.list" style="width: 100%" size="mini" row-key="name"
+        :tree-props="{ children: 'child', hasChildren: 'hasChildren' }">
+        <!-- <el-table-column prop="id" label="ID" min-width="50" /> -->
+        <el-table-column prop="name" label="分期套餐名称" min-width="100" align="center" />
+        <el-table-column prop="tips" label="提示内容" min-width="100" align="center" />
+        <el-table-column prop="intervalCycle" label="间隔时间" min-width="100" align="center" />
+        <el-table-column prop="installmentNumber" label="期数" min-width="100" align="center" />
+        <el-table-column prop="repaymentPercent" label="还款比例(%)" min-width="100" align="center" />
+        <!-- <el-table-column prop="repaymentDeadline" label="还款时间" min-width="100" align="center" /> -->
         <el-table-column label="操作" min-width="120" fixed="right" align="center">
           <template slot-scope="scope">
-            <el-button
-              type="text"
-              size="small"
-              @click="addDetail(scope.row)"
-              class="mr10"
-              :disabled="scope.row.pid > 0"
-            >添加自定义账单</el-button>
-            <el-button
-              type="text"
-              size="small"
-              @click="edit(scope.row)"
-              class="mr10"
-              v-hasPermi="['admin:setting:update']"
-              >编辑</el-button>
-            <el-button
-              type="text"
-              size="small"
-              @click="handleDelete(scope.row.id, scope.$index)"
-              v-hasPermi="['admin:setting:delete']"
-              >删除</el-button>
+            <el-button v-if="scope.row.tips" type="text" size="small" @click="addDetail(scope.row)" class="mr10"
+              :disabled="scope.row.pid > 0">添加自定义账单</el-button>
+            <el-button v-if="scope.row.tips" type="text" size="small" @click="edit(scope.row)" class="mr10"
+              v-hasPermi="['admin:setting:update']">编辑</el-button>
+            <el-button v-if="scope.row.tips" type="text" size="small" @click="handleDelete(scope.row.id, scope.$index)"
+              v-hasPermi="['admin:setting:delete']">删除</el-button>
+            <el-button v-if="scope.row.installmentNumber" type="text" size="small"
+              @click="handleDeletechild(scope.row.id, scope.$index)"
+              v-hasPermi="['admin:setting:delete']">删除</el-button>
+            <el-button v-if="scope.row.installmentNumber" type="text" size="small"
+              @click="changechild(scope.row)" v-hasPermi="['admin:setting:delete']">编辑</el-button>
           </template>
         </el-table-column>
       </el-table>
       <div class="block mb20">
-        <el-pagination
-          :current-page="listPram.page"
-          :page-sizes="constants.page.limit"
-          :layout="constants.page.layout"
-          :total="listData.total"
-          @size-change="handleSizeChange"
-          @current-change="handleCurrentChange"
-        />
+        <el-pagination :current-page="listPram.page" :page-sizes="constants.page.limit" :layout="constants.page.layout"
+          :total="listData.total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
       </div>
     </el-card>
     <creat-setting ref="grades" :user="userInfo"></creat-setting>
     <creat-detail ref="grades1" :user="detailInfo"></creat-detail>
+    <el-dialog v-if="detailVisible" title="添加自定义账单" :visible.sync="detailVisible" width="500px"
+      :before-close="handleClose">
+      <el-form   :rules="rules"  label-width="100px" class="demo-ruleForm" v-loading="loading">
+        <el-form-item label="间隔时间">
+          <el-select v-model="user.intervalCycle" placeholder="请选择" style="width: 40%">
+            <el-option v-for="item in installmentNumberTreeData" :key="item" :label="item" :value="item">
+            </el-option>
+          </el-select>
+          <span>天</span>
+        </el-form-item>
+        <el-form-item label="还款比例(%)">
+          <el-input-number style="width: 50%;float: left" v-model="user.repaymentPercent" :min="0" :step="1"
+            step-strictly placeholder="请输入还款比例" />
+          <span class="el-input-group__append">%</span>
+        </el-form-item>
+        <!-- <el-form-item label="还款时间" prop="repaymentDeadlineStr">
+          <el-date-picker v-model="user.repaymentDeadline" type="date" placeholder="选择日期" />
+        </el-form-item> -->
+        <!--      <el-form-item label="分期提示" prop="tips">-->
+        <!--        <el-input v-model="user.tips" placeholder="请输入分期提示"></el-input>-->
+        <!--      </el-form-item>-->
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="resetForm('user')">取 消</el-button>
+        <el-button type="primary" @click="submitForm('formValidate')"
+          v-hasPermi="['admin:setting:update', 'admin:setting:save']">确 定</el-button>
+      </span>
+    </el-dialog>
   </div>
 </template>
 
 <script>
-import { ListInstallments,UpdateInstallments,DelInstallments} from '@/api/systemInstallment';
+import { ListInstallments, UpdateInstallments, DelInstallments, DelInstallmentschild,UpdateInstallmentschild } from '@/api/systemInstallment';
 import creatSetting from './creatSetting';
 import creatDetail from './creatDetail';
 import { checkPermi } from '@/utils/permission'; // 权限判断函数
@@ -86,6 +104,15 @@ export default {
         data: [],
         total: 0,
       },
+      detailVisible:false,
+      user:{},
+      loading: false,
+      installmentNumberTreeData: [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30],
+      rules: {
+        name: [{ required: true, message: '请输入分期套餐名称', trigger: 'blur' }],
+      },
+      // detailVisible: false,
+     
     };
   },
   mounted() {
@@ -94,19 +121,30 @@ export default {
   },
   methods: {
     formatPercentage(value) {
-      if(value == "0.00" || value == "0.0" || value == "0" || value == 0 || value == null){
+      if (value == "0.00" || value == "0.0" || value == "0" || value == 0 || value == null) {
         return "-";
-      }else {
+      } else {
         return (value * 100).toFixed(2) + '%';
       }
     },
-    formatNumber(value){
-      if(value == 0){
+    handleClose() {
+      this.detailVisible = false;
+      // this.user = Object.assign({}, '')
+    },
+    formatNumber(value) {
+      if (value == 0) {
         return "-";
-      }else {
+      } else {
         return value + "期";
       }
     },
+    resetForm(formName) {
+      this.detailVisible = false;
+      // this[formName] = {};
+      //  this.$nextTick(() => {
+      //   this.$refs.formData.resetFields();
+      // })
+    },
     checkPermi,
     seachList() {
       this.getList();
@@ -116,7 +154,7 @@ export default {
       this.userInfo = {};
     },
     addDetail(detailInfo) {
-      console.log("detailInfo-----------"+JSON.stringify(detailInfo))
+      console.log("detailInfo-----------" + JSON.stringify(detailInfo))
       this.$refs.grades1.detailVisible = true;
       this.detailInfo = detailInfo;
     },
@@ -125,6 +163,10 @@ export default {
       this.userInfo = user;
       this.$refs.grades.dialogVisible = true;
     },
+    changechild(item){
+      this.user=item
+      this.detailVisible=true
+    },
     // 列表
     getList() {
       this.listLoading = true;
@@ -146,6 +188,14 @@ export default {
         });
       });
     },
+    handleDeletechild(id, idx) {
+      this.$modalSure('删除吗？删除会导致对应分期套餐配置数据清空，请谨慎操作！').then(() => {
+        DelInstallmentschild(id).then(() => {
+          this.$message.success('删除成功');
+          this.getList();
+        });
+      });
+    },
     handleSizeChange(val) {
       this.listPram.limit = val;
       this.handlerGetListData(this.listPram);
@@ -154,6 +204,16 @@ export default {
       this.listPram.page = val;
       this.handlerGetListData(this.listPram);
     },
+    submitForm() {
+      UpdateInstallmentschild(this.user)
+            .then((res) => {
+              this.$message.success('修改成功');
+              this.detailVisible = false;
+            })
+            .catch(() => {
+             
+            });
+    },
     onchangeIsShow(row) {
       if (row.isShow == false) {
         row.isShow = !row.isShow;
@@ -187,6 +247,7 @@ export default {
 .el-switch.is-disabled {
   opacity: 1;
 }
+
 ::v-deep .el-switch__label {
   cursor: pointer !important;
 }