diff --git a/src/api/ebiz/renewalManage/renewalManage.js b/src/api/ebiz/renewalManage/renewalManage.js
index 91efe9624..489b5f755 100644
--- a/src/api/ebiz/renewalManage/renewalManage.js
+++ b/src/api/ebiz/renewalManage/renewalManage.js
@@ -4,7 +4,7 @@ import getUrl from '@/assets/js/utils/get-url'
 //获取续期列表
 export function getList(data) {
   return request({
-    url: getUrl('/renewal/getRenewalList', 0), //0=》mock数据 1=》正式数据
+    url: getUrl('/renewal/renewal/getRenewalList', 1), //0=》mock数据 1=》正式数据
     method: 'post',
     data
   })
@@ -13,7 +13,7 @@ export function getList(data) {
 //获取续期扣款详情
 export function getDetail(data) {
   return request({
-    url: getUrl('/renewal/getRenewalDetail', 0), //0=》mock数据 1=》正式数据
+    url: getUrl('/renewal/renewal/getRenewalDetail', 1), //0=》mock数据 1=》正式数据
     method: 'post',
     data
   })
@@ -22,7 +22,7 @@ export function getDetail(data) {
 //获取短信模板
 export function getMsg(data) {
   return request({
-    url: getUrl('/renewal/msgTemplate', 0),
+    url: getUrl('/renewal/renewal/msgTemplate', 1),
     method: 'post',
     data
   })
@@ -31,7 +31,7 @@ export function getMsg(data) {
 //发送短信
 export function sendMsg(data) {
   return request({
-    url: getUrl('/renewal/sendSms', 0),
+    url: getUrl('/renewal/renewal/sendSms', 1),
     method: 'post',
     data
   })
diff --git a/src/router/ebiz/renewalManage.js b/src/router/ebiz/renewalManage.js
index 4356f6ac5..ea3fac7b0 100644
--- a/src/router/ebiz/renewalManage.js
+++ b/src/router/ebiz/renewalManage.js
@@ -12,7 +12,7 @@ export default [
     }
   },
   {
-    path: '/renewalManage/detail',
+    path: '/renewalManage/detail/:contNo/:payToDate/:payFlag',
     name: 'renewalManageDetail',
     component: detail,
     meta: {
diff --git a/src/views/ebiz/renewalManage/Detail.vue b/src/views/ebiz/renewalManage/Detail.vue
index 5087d8b6c..f6beb8577 100644
--- a/src/views/ebiz/renewalManage/Detail.vue
+++ b/src/views/ebiz/renewalManage/Detail.vue
@@ -1,74 +1,90 @@
 <template>
-  <div class="detail-container pl5 pr5">
+  <div class="detail-container">
     <div>
-      <div v-if="renewalDTO.deductionStatus == '0'" class="status">
+      <div v-if="$route.params.payFlag === '0'" class="status">
         <img src="@/assets/images/renewalManage/u51770.png" alt="" />
-        <div>续期待扣款</div>
+        <div class="resultTitle">续期待扣款</div>
       </div>
-      <div v-else-if="renewalDTO.deductionStatus == '1'" class="status">
-        <img src="@/assets/images/renewalManage/u51770.png" alt="" />
-        <div>续期扣款成功</div>
+      <div v-else-if="$route.params.payFlag === '1'" class="status">
+        <img src="@/assets/images/renewalManage/u51859.png" alt="" />
+        <div class="resultTitle">续期扣款成功</div>
       </div>
-      <div v-else-if="renewalDTO.deductionStatus == '2'" class="status">
+      <div v-else-if="$route.params.payFlag === '2'" class="status">
         <img src="@/assets/images/renewalManage/u17218.png" alt="" />
-        <div>续期扣款失败</div>
+        <div class="resultTitle">续期扣款失败</div>
       </div>
     </div>
-    <van-cell-group>
-      <van-cell title="保单号" :value="renewalDTO.contNo" />
-      <van-cell title="产品名称" :value="renewalDTO.riskName" />
-      <van-cell title="投保人" :value="renewalDTO.applicant" />
-      <van-cell title="金额" :value="renewalDTO.duePayMoney" />
-      <van-cell title="账号" :value="renewalDTO.accountNo" />
-      <van-cell title="缴费次数" :value="renewalDTO.currentPeriod" />
-      <van-cell title="扣款日" :value="renewalDTO.duePayDate" />
-    </van-cell-group>
-    <div class="flex justify-content-s bottom-btn">
-      <div>
-        <img :src="$assetsUrl + 'images/phone.png'" @click="callSystem(renewalDTO.receiveMobile)" width="24" height="23" class="ml10 mr10" />
-        <span class="mt8 fs14">拨打电话</span>
+    <div>
+      <div class="cell">
+        <div class="wrapper">
+          <div class="cellLeft">保单号</div>
+          <div class="cellRight">{{ renewalDTO.contNo }}</div>
+        </div>
       </div>
-      <div>
-        <img :src="$assetsUrl + 'images/ms.png'" @click="sendMsg" width="24" height="23" class="ml10 mr10" />
-        <span class="mt8 fs14">发送短信</span>
+      <div class="cell">
+        <div class="wrapper">
+          <div class="cellLeft">产品名称</div>
+          <div class="cellRight">{{ renewalDTO.riskName }}</div>
+        </div>
+      </div>
+      <div class="cell">
+        <div class="wrapper">
+          <div class="cellLeft">投保人</div>
+          <div class="cellRight">{{ renewalDTO.appntName }}</div>
+        </div>
+      </div>
+      <div class="cell">
+        <div class="wrapper">
+          <div class="cellLeft">金额</div>
+          <div class="cellRight">{{ renewalDTO.money }}</div>
+        </div>
+      </div>
+      <div class="cell">
+        <div class="wrapper">
+          <div class="cellLeft">账号</div>
+          <div class="cellRight">{{ renewalDTO.bankAccNo }}</div>
+        </div>
+      </div>
+      <div class="cell">
+        <div class="wrapper">
+          <div class="cellLeft">缴费次数</div>
+          <div class="cellRight">{{ renewalDTO.payTimes }}</div>
+        </div>
+      </div>
+      <div class="cell">
+        <div class="wrapper">
+          <div class="cellLeft">扣款日</div>
+          <div class="cellRight">{{ renewalDTO.payToDate }}</div>
+        </div>
+      </div>
+    </div>
+    <div class="phone">
+      <div @click="callSystem">
+        <van-icon name="phone" class="phoneIcon" />
+        <span class="mt8 fs14">拨打电话</span>
       </div>
     </div>
   </div>
 </template>
 <script>
-import { Cell, CellGroup } from 'vant'
-// import FieldDatePicter from '@/components/ebiz/FieldDatePicter'
+import { Cell, CellGroup, Icon } from 'vant'
 import { getDetail } from '@/api/ebiz/renewalManage/renewalManage'
 export default {
   name: 'renewalDetail',
   components: {
     [Cell.name]: Cell,
-    [CellGroup.name]: CellGroup
+    [CellGroup.name]: CellGroup,
+    [Icon.name]: Icon
   },
   data() {
     return {
-      renewalDTO: {}, //续期保单详情
-      contNo: '' //保单号
-      //   renewalDTO: {
-      //     deductionStatus: '', //扣款状态
-      //     contNo: '6200987623439759',
-      //     riskName: '重大疾病保险',
-      //     duePayMoney: '2888.00',
-      //     currentPeriod: '2',
-      //     duePayDate: '应缴费日期',
-      //     applicant: '李四',
-      //     failReason: '扣款金额不足',
-      //     accountNo: '1233465768686',
-      //     receiveMobile: '13700020000' //客户电话号
-      //   } //续期保单详情
+      // 续期保单详情
+      renewalDTO: {}
     }
   },
-  created() {
-    document.body.style.backgroundColor = '#fff'
-  },
+  created() {},
   mounted() {
     this.getDetail()
-    this.contNo = this.$route.query.contNo
   },
   beforeRouteLeave(to, from, next) {
     document.body.style.backgroundColor = ''
@@ -76,62 +92,68 @@ export default {
   },
   methods: {
     async getDetail() {
-      getDetail({ contNo: '6200987623439759' }).then(res => {
-        // getDetail({ contNo: this.contNo }).then(res => {
-        if (res.result == '0') {
-          this.renewalDTO = res.content
-        }
-      })
+      let contNo = this.$route.params.contNo
+      let payToDate = this.$route.params.payToDate
+      let payFlag = this.$route.params.payFlag
+      let result = await getDetail({ contNo, payToDate, payFlag })
+      console.dir(result)
+      this.renewalDTO = result
     },
     //打电话
-    callSystem(value) {
+    callSystem() {
       // eslint-disable-next-line no-undef
       EWebBridge.webCallAppInJs('callSystem', {
         system: 'tel',
-        number: value
-      })
-    },
-
-    //发送短信
-    sendMsg() {
-      // let param = {
-      //   deductionStatus: '',
-      //   agentName: '',
-      //   contNo: '',
-      //   riskName: '',
-      //   accountNo: '',
-      //   duePayMoney: '',
-      //   failReason: ''
-      // }
-      // param = this.renewalDTO
-      this.$store.commit('updateRenewalMsgParam', this.renewalDTO)
-      this.$jump({
-        flag: 'h5',
-        extra: {
-          url: location.origin + `/#/renewalManage/msgTemplate`
-        },
-        routerInfo: { path: `/renewalManage/msgTemplate` }
+        number: this.renewalDTO.appntPhone
       })
     }
   }
 }
 </script>
 <style lang="scss" scoped>
-.detail-container > div:first-child {
-  text-align: center;
-  .status {
-    margin: 40px 0;
-    div {
-      margin-top: 10px;
-      font-weight: bold;
-    }
-  }
+.resultTitle {
+  font-size: 20px;
+  font-weight: bold;
+  margin: 0.25em 0;
 }
-.justify-content-s > div {
+.status {
+  text-align: center;
+  padding: 2em 0;
+}
+
+.detail-container {
+  position: relative;
+  height: 100vh;
+  background-color: #fff;
+}
+
+.cell {
+  padding: 0 1em;
+}
+
+.wrapper {
+  display: flex;
+  justify-content: space-between;
+  border-bottom: 1px solid #d7d7d7;
+  padding: 1em 0;
+}
+
+.phoneIcon {
+  font-size: 35px;
+  color: #e9332e;
+}
+
+.phone {
+  position: absolute;
+  bottom: 30px;
+  display: flex;
+  width: 100%;
+  justify-content: center;
+}
+
+.phone > div {
   display: flex;
   flex-direction: column;
   align-items: center;
-  margin: 20px 0;
-  width: 50%;
 }
 </style>
diff --git a/src/views/ebiz/renewalManage/List.vue b/src/views/ebiz/renewalManage/List.vue
index d36ec8ca9..3b60b01ca 100644
--- a/src/views/ebiz/renewalManage/List.vue
+++ b/src/views/ebiz/renewalManage/List.vue
@@ -1,8 +1,7 @@
 <template>
   <div class="renewal-manage bg-white">
-    <div v-if="!isShow">
+    <div>
       <van-sticky>
-        <!-- <van-field v-model="searchVal" label="保单号/投保人" placeholder="请输入" sticky /> -->
         <div class="list-header">
           <van-search placeholder="请输入保单号/投保人" v-model="searchVal" @search="search" />
         </div>
@@ -15,46 +14,46 @@
           type="year-month"
           :flag="true"
         ></FieldDatePicter>
-        <van-tabs v-model="active" sticky @change="tabChange">
-          <van-tab title="待扣款" name="wait"></van-tab>
-          <van-tab title="扣款成功" name="success"></van-tab>
-          <van-tab title="扣款失败" name="fail"></van-tab>
+        <van-tabs v-model="active" sticky @change="tabChange" class="changeTab">
+          <van-tab title="待扣款" :name="0"></van-tab>
+          <van-tab title="扣款成功" :name="1"></van-tab>
+          <van-tab title="扣款失败" :name="2"></van-tab>
+          <van-tab title="正在扣款" :name="3"></van-tab>
         </van-tabs>
       </van-sticky>
-      <div class="list-container fs12 pb10 pt10 pl20 pr20" v-for="(item, index) in searchList" :key="index" @click="goDetail(item)">
-        <div class="flex justify-content-s">
-          <div>
-            <span>保单号：</span><span>{{ item.contNo }}</span>
+      <van-list :immediate-check="false" v-model="loading" :finished="finished" finished-text="">
+        <div v-for="item in list" :key="item.contNo" class="dataList" @click="goDetail(item)">
+          <div class="flex justify-content-s dataLine">
+            <div>
+              <span>保单号：</span><span>{{ item.contNo }}</span>
+            </div>
+            <div>
+              <span>金额：</span><span class="green">{{ item.money }}</span>
+            </div>
           </div>
-          <div>
-            <span>金额：</span><span class="green">{{ item.duePayMoney }}</span>
+          <div class="dataLine">
+            投保人：<span>{{ item.appntName }}</span>
+          </div>
+          <div class="dataLine">
+            被保人：<span>{{ item.insuredName }}</span>
+          </div>
+          <div class="dataLine">
+            扣款日：<span>{{ item.payToDate }}</span>
           </div>
         </div>
-        <div>
-          投保人：<span>{{ item.applicant }}</span>
-        </div>
-        <div>
-          被保人：<span>{{ item.insured }}</span>
-        </div>
-        <div>
-          扣款日：<span>{{ item.duePayDate }}</span>
-        </div>
-      </div>
-      <div v-if="searchList.length == 0" class="list  text-center">
+      </van-list>
+
+      <div v-if="list && list.length === 0" class="list  text-center">
         <img :src="src" />
-        <div class="mt20">暂无续期保单</div>
+        <div class="mt20">暂无数据</div>
       </div>
     </div>
-    <div v-else class="list  text-center">
-      <img :src="src" />
-      <div class="mt20" v-if="errMessage != ''">{{ errMessage }}</div>
-    </div>
   </div>
 </template>
 <script>
-import { Sticky, Tabs, Tab, Col, Row, Search, Field, Cell } from 'vant'
+import { Sticky, Tabs, Tab, Col, Row, Search, Field, List } from 'vant'
 import FieldDatePicter from '@/components/ebiz/FieldDatePicter'
-import { getList, getDetail } from '@/api/ebiz/renewalManage/renewalManage'
+import { getList } from '@/api/ebiz/renewalManage/renewalManage'
 import formatDate from '@/assets/js/utils/date-utils'
 
 export default {
@@ -67,111 +66,75 @@ export default {
     [Row.name]: Row,
     [Search.name]: Search,
     [Sticky.name]: Sticky,
-    [Cell.name]: Cell,
-    [FieldDatePicter.name]: FieldDatePicter
+    [FieldDatePicter.name]: FieldDatePicter,
+    [List.name]: List
   },
   data() {
     return {
-      payDate: formatDate.formatDate(new Date(), 'yyyy-MM'), //扣款日期
-      searchVal: '', //搜索内容
-      // list: [] //列表数据
-      list: [
-        // {
-        //   riskName: '重大疾病保险',
-        //   duePayMoney: '2888.00',
-        //   currentPeriod: '2',
-        //   contNo: '6200987623439788',
-        //   duePayDate: '2020-04-01',
-        //   applicant: '李四',
-        //   insured: '张三',
-        //   failReason: '扣款金额不足',
-        //   accountNo: '1233465768686',
-        //   deductionStatus: '1'
-        // },
-        // {
-        //   riskName: '重大疾病保险',
-        //   duePayMoney: '122888.00',
-        //   currentPeriod: '2',
-        //   contNo: '6200987623439759',
-        //   duePayDate: '2020-04-01',
-        //   applicant: '李四',
-        //   insured: '张三',
-        //   failReason: '扣款金额不足',
-        //   accountNo: '1233465768686',
-        //   deductionStatus: '0'
-        // }
-      ],
-      searchList: [], //搜索列表
-      active: 'wait', //扣款类型 wait-待扣款 success-扣款成功 fail-扣款失败
-      isShow: false, //无数据时显示
+      loading: false,
+      finished: true,
+      // 扣款日期
+      payDate: formatDate.formatDate(new Date(), 'yyyy-MM'),
+      // 搜索内容
+      searchVal: '',
+      list: [],
+      searchList: [],
+      active: 0,
+      isShow: false,
       maxDate: new Date(),
-      errMessage: '', //错误提示
-      src: this.$assetsUrl + 'images/background.png' //图片路径
+      errMessage: '',
+      src: this.$assetsUrl + 'images/background.png'
     }
   },
-  created() {},
-  mounted() {
-    this.getpolicyList() //获取续期保单列表
-    document.body.style.backgroundColor = '#fff'
-    if (this.list.length > 0) {
-      this.searchList = this.NewItems(this.active)
-    }
+  created() {
+    this.$toast.loading('加载中...')
+    this.getpolicyList()
   },
-  beforeRouteLeave(to, from, next) {
-    document.body.style.backgroundColor = ''
-    next()
-  },
-  methods: {
-    //获取续期保单列表
-    async getpolicyList() {
-      let param = { deductionMonth: '2019-06' }
-      // let param = { deductionMonth: this.payDate }
-      getList(param).then(res => {
-        this.$toast.clear()
-        if (res.result == 0) {
-          this.list = res.content
-          this.searchList = this.NewItems(this.active)
-          this.isShow = false
-        } else {
-          this.isShow = true
-          this.errMessage = res.resultMessage || '暂无续期保单'
-        }
-      })
-    },
 
-    //搜索
+  methods: {
+    // 获取续期保单列表
+    async getpolicyList() {
+      let param = {
+        payDate: this.payDate,
+        otherNo: this.searchVal,
+        payFlag: this.active
+      }
+      let result = await getList(param)
+      this.list.splice(0)
+      this.list = result.list ? result.list : []
+    },
+    // 搜索
     search(val) {
       this.searchVal = val
       this.searchList = this.NewItems(this.active)
     },
-    //选定日期
+    // 选定日期
     onDateConfirm(val) {
       this.payDate = val
       this.getpolicyList()
     },
-    //去保单详情页
+    // 去保单详情页
     goDetail(val) {
       this.$jump({
         flag: 'h5',
         extra: {
-          // url: location.origin + `/#/renewalManage/detail`
-          url: location.origin + `/#/renewalManage/detail?contNo=${val.contNo}`
+          url: location.origin + `/#/renewalManage/detail/${val.contNo}/${val.payToDate}/${val.payFlag}`
         },
         routerInfo: {
-          // path: `/renewalManage/detail`
-          path: `/renewalManage/detail?contNo=${val.contNo}`
+          path: `/renewalManage/detail/${val.contNo}/${val.payToDate}/${val.payFlag}`
         }
       })
     },
-    //切换扣款状态tab
+    // 切换扣款状态tab
     tabChange(name) {
+      console.log(name)
       this.active = name
-      this.searchList = this.NewItems(name)
+      this.getpolicyList()
     },
-    //筛选排序list
+    // 筛选排序list
     NewItems(name) {
       let _this = this
-      let type = '' //扣款状态标识 0：待扣款；1：扣款成功；2：扣款失败
+      let type = ''
       switch (name) {
         case 'wait':
           type = '0'
@@ -196,19 +159,37 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
+.dataList {
+  padding: 1em;
+  border-bottom: 1px solid #d7d7d7;
+}
+
+.dataLine {
+  padding: 0.25em 0;
+}
+
+.changeTab {
+  margin-top: -1px;
+}
+
+/deep/ .mb1 {
+  margin-bottom: 1px !important;
+}
 .renewal-manage {
   background: rgba(236, 249, 255, 1);
+  min-height: 100vh;
   img {
     width: 253px;
     height: 201px;
   }
 }
+
 /deep/ .van-field__label {
   width: 50%;
 }
+
 .list-container {
   border-bottom: 1px solid #ebedf0;
-  border-top: 1px solid #ebedf0;
   .flex {
     div:first-child {
       width: 62%;