更新界面

src/pages/carConfirm/confirm-list.vue

@@ -89,6 +89,9 @@ export default {
   methods: {
     selectShowList () {
       let vm = this
+      vm.undo = []
+      vm.done = []
+      vm.tabNum = 0
       this.lists.forEach(item => {
         if (item.confirm_status === 'SUBMIT') {
           vm.undo.push(item)
@@ -96,6 +99,7 @@ export default {
           vm.done.push(item)
         }
       })
+      this.showList = this.undo
     },
     getTabNum (i) {
       this.tabNum = i
@@ -119,30 +123,6 @@ export default {
         vm.hlsPopup.hideLoading()
         if (res.result === 'S') {
           vm.lists = res.lists
-          // vm.lists = [{
-          //   'project_id': '48812',
-          //   'project_number': '',
-          //   'bp_name': '张三',
-          //   'total_price': '51',
-          //   'division_n': 'PDJ',
-          //   'confirm_status': 'SUBMIT',
-          // },
-          // {
-          //   'project_id': '48800',
-          //   'project_number': '',
-          //   'bp_name': '李四',
-          //   'total_price': '51',
-          //   'division_n': 'PDJ',
-          //   'confirm_status': 'APPROVED',
-          // },
-          // {
-          //   'project_id': '48800',
-          //   'project_number': '',
-          //   'bp_name': '王五',
-          //   'total_price': '51',
-          //   'division_n': 'PDJ',
-          //   'confirm_status': 'APPROVED',
-          // }]
           vm.selectShowList()
         } else {
           hlsPopup.showLongCenter(res.message)

src/pages/contractStart/start-list.vue

@@ -6,7 +6,7 @@
         <span>合同发车</span>
       </div>
     </h-header>
-    <Tab :tabNum="tabNum" @getTabNum="getTabNum" />
+    <Tab @getTabNum="getTabNum" />
     <div class="search">
       <input placeholder="请输入合同号/产品线/承租人名称" >
     </div>
@@ -61,7 +61,7 @@ export default {
   },
   data () {
     return {
-      tabNum: 0,
+      tabNum: '',
       contructs: [],
       lists: [],
       showList: [],
@@ -91,18 +91,18 @@ export default {
   created () {
   },
   methods: {
-    selectShowList (e) {
+    selectShowList () {
       let vm = this
       vm.undo = []
       vm.done = []
       vm.tabNum = 0
-      e.forEach(item => {
-        if (item.leases_status === 'N') {
-          vm.undo.push(item)
-        } else if (item.leases_status === 'Y') {
-          vm.done.push(item)
-        }
+      vm.undo = vm.lists.filter(i => {
+        return i.leases_status === 'N'
+      })
+      vm.done = vm.lists.filter(i => {
+        return i.leases_status === 'Y'
       })
+      this.showList = this.undo
     },
     getTabNum (i) {
       this.tabNum = i
@@ -133,7 +133,7 @@ export default {
         vm.hlsPopup.hideLoading()
         if (res.result === 'S') {
           vm.lists = res.lists
-          vm.selectShowList(res.lists)
+          vm.selectShowList()
         } else {
           hlsPopup.showLongCenter(res.message)
         }

src/pages/contractStart/tab.vue

@@ -20,15 +20,15 @@ import sign from '@/assets/contractStart/1.png'
 import finish from '@/assets/contractStart/3.png'
 
 export default {
-  props: {
-    'tabNum': {
-      type: Number,
-      default: 0,
-    },
-  },
+  // props: {
+  //   'tabNum': {
+  //     type: Number,
+  //     default: 0,
+  //   },
+  // },
   data () {
     return {
-      // tabNum: 0,
+      tabNum: 0,
       signed: signed,
       finished: finished,
       sign: sign,

src/pages/drawback/drawback-detail.vue

+/**
+* @Author Sean
+* @Date 2019/10/22
+*/
+<template>
+  <h-view id="reimburseDetail" class="public-style" style="height: 100%">
+    <h-header :proportion="[5,1,1]" class="bar-custom">
+      <div slot="left" class="h-header-btn">
+        <img src="@/assets/userBind/arrow.png" @click="$routeGo()" >
+        <span>退款明细</span>
+      </div>
+    </h-header>
+    <h-content>
+      <list-item :item-height="44">
+        <item>
+          <div slot="name">交易流水号</div>
+          <div slot="content">{{ detail.order_number }}</div>
+        </item>
+        <item>
+          <div slot="name">交易时间</div>
+          <div slot="content">{{ detail.order_date }}</div>
+        </item>
+        <item>
+          <div slot="name">收款账号</div>
+          <div slot="content">{{ '暂无字段' }}</div>
+        </item>
+        <item>
+          <div slot="name">收款账户名称</div>
+          <div slot="content">{{ '暂无字段' }}</div>
+        </item>
+        <item>
+          <div slot="name">商业伙伴</div>
+          <div slot="content">{{ detail.bp_name }}</div>
+        </item>
+        <item>
+          <div slot="name">商业伙伴类型</div>
+          <div slot="content">{{ detail.bp_type_n }}</div>
+        </item>
+        <item>
+          <div slot="name">付款账号</div>
+          <div slot="content">{{ '暂无字段' }}</div>
+        </item>
+        <item>
+          <div slot="name">付款账户名称</div>
+          <div slot="content">{{ '暂无字段' }}</div>
+        </item>
+      </list-item>
+      <div v-for="(list,index) in conList" :key="index" class="contract">
+        <div>
+          <div class="top">
+            <img src="@/assets/reimburseMyself/q.png" >
+            <span class="number">合同号</span>
+            <span>{{ list.project_number }}</span>
+          </div>
+          <div v-for="(item,indexTwo) in list.con_lists" :key="indexTwo" class="bottom">
+            <list-item >
+              <item>
+                <div slot="name">首付款</div>
+                <div slot="content">{{ item.down_payment | currency }}</div>
+              </item>
+              <item>
+                <div slot="name">保证金</div>
+                <div slot="content">{{ item.deposit | currency }}</div>
+              </item>
+              <item>
+                <div slot="name">手续费</div>
+                <div slot="content">{{ item.lease_charge | currency }}</div>
+              </item>
+              <item>
+                <div slot="name">GPS费用</div>
+                <div slot="content">{{ item.gps_fee | currency }}</div>
+              </item>
+              <item>
+                <div slot="name">保险押金</div>
+                <div slot="content">{{ item.insurance_fee	| currency }}</div>
+              </item>
+            </list-item>
+          </div>
+        </div>
+      </div>
+    </h-content>
+  </h-view>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      detail: {},
+      conList: [],
+    }
+  },
+  beforeRouteEnter (to, from, next) {
+    next(vm => {
+      vm.getDetail()
+      vm.getConList()
+    })
+  },
+  created: function () {},
+  mounted: function () {},
+  updated: function () {},
+  destroyed: function () {},
+  methods: {
+    getDetail () {
+      let vm = this
+      let url = process.env.basePath + 'my_repayment_detial_query'
+      let param = {
+        order_id: vm.$route.params.order_id,
+      }
+      hlsPopup.showLoading('请稍候')
+      vm.$post(url, param).then(function (res) {
+        vm.hlsPopup.hideLoading()
+        if (res.result === 'S') {
+          vm.detail = res.info
+        } else {
+          hlsPopup.showLongCenter(res.message)
+        }
+      })
+    },
+    getConList () {
+      let vm = this
+      let url = process.env.basePath + 'my_con_list_query'
+      let param = {
+        order_id: vm.$route.params.order_id,
+      }
+      hlsPopup.showLoading('请稍候')
+      vm.$post(url, param).then(function (res) {
+        vm.hlsPopup.hideLoading()
+        if (res.result === 'S') {
+          vm.conList = res.prj_lists
+        } else {
+          hlsPopup.showLongCenter(res.message)
+        }
+      })
+    },
+  },
+}
+</script>
+<style lang="less" rel="stylesheet">
+#reimburseDetail {
+  .h-header-btn {
+    img {
+      width: 16px;
+      height: 16px;
+      margin-left: 4px;
+    }
+    span {
+      font-family: PingFangSC-Semibold;
+      margin-left: 16px;
+      font-size: 17px;
+      letter-spacing: 0.61px;
+      line-height: 24px;
+    }
+  }
+  .hls-item .contents .add-name .left-icon {
+    width: 30px;
+  }
+
+  .list-wrap {
+    margin: 10px;
+  }
+
+  .add-name {
+    .time-font {
+      font-family: PingFangSC-Regular;
+      font-size: 14px;
+      color: #656464;
+    }
+  }
+
+  .add-content {
+    .money-font {
+      font-family: Verdana-Bold;
+      font-size: 15px;
+      color: rgba(56, 63, 69, 0.6);
+      font-weight: 600;
+    }
+
+    .time-font {
+      font-family: PingFangSC-Regular;
+      font-size: 14px;
+      color: #656464;
+    }
+  }
+  .contract {
+    width: 359px;
+    background-color: #fff;
+    margin: 0 auto;
+    margin-top: 8px;
+    .top {
+      height: 43px;
+      display: flex;
+      align-items: center;
+      display: flex;
+      img {
+        width: 30px;
+        height: 30px;
+        margin-left: 10px;
+      }
+      .number {
+        margin-left: 10px;
+        font-family: PingFangSC-Semibold;
+        font-size: 14px;
+        color: #4b4a4b;
+        letter-spacing: 0;
+        line-height: 18px;
+      }
+      span:last-child {
+        margin-left: 116px;
+        font-family: PingFangSC-Semibold;
+        font-size: 14px;
+        color: rgba(75, 74, 75, 0.97);
+        letter-spacing: 0;
+        line-height: 18px;
+      }
+    }
+    .bottom {
+      width: 300px;
+      margin: 0 auto;
+      display: flex;
+    }
+    .left {
+      flex: 1;
+    }
+    .right {
+      flex: 1;
+      text-align: right;
+    }
+  }
+}
+</style>

src/pages/drawback/drawback-list.vue

+<template>
+  <h-view id="reimburse" class="public-style" style="height: 100%">
+    <h-header :proportion="[5,1,1]" class="bar-custom">
+      <div slot="left" class="h-header-btn">
+        <img src="@/assets/userBind/arrow.png" @click="$routeGo()" >
+        <span>业务退款</span>
+      </div>
+    </h-header>
+    <div class="hinput">
+      <input v-model="keyWords" type="text" placeholder="请输入退款金额" >
+    </div>
+    <scroll ref="scroll" :updateData="[reimburseList]" :pullUp="true">
+      <section class="reimburse-wrap">
+        <list-item
+          v-for="(list,index) in reimburseList"
+          :key="index"
+          @click.native="godetail(list.order_id)"
+        >
+          <item>
+            <img slot="left-icon" src="@/assets/reimburseMyself/reimburse.png" class="left-icon" >
+            <div slot="name">退款金额</div>
+            <div slot="content" class="money-font">{{ list.orderamount | currency }}</div>
+          </item>
+          <item>
+            <div slot="left-icon" class="left-icon" />
+            <div slot="name" class="time-font">还款时间</div>
+            <div slot="content" class="time-font">{{ list.order_date }}</div>
+          </item>
+        </list-item>
+      </section>
+    </scroll>
+  </h-view>
+</template>
+<script>
+export default {
+  data () {
+    return {
+      reimburseList: [],
+      keyWords: '',
+    }
+  },
+  beforeRouteEnter (to, from, next) {
+    next(vm => {
+      vm.getList()
+    })
+  },
+  methods: {
+    godetail (e) {
+      this.$router.push({
+        name: 'DrawbackDetail',
+        params: {
+          order_id: e,
+        },
+      })
+    },
+    getList () {
+    //   let vm = this
+    //   let url = process.env.basePath + 'my_repayment_query'
+    //   let param = {
+    //     user_phone: window.localStorage.getItem('user_phone'),
+    //   }
+    //   vm.hlsPopup.showLoading('数据加载中，请稍后!')
+    //   vm.hlsHttp.post(url, param).then(function (res) {
+    //     vm.hlsPopup.hideLoading()
+    //     if (res.result === 'S') {
+      //   vm.reimburseList = res.lists
+      this.reimburseList = [
+        {
+          order_date: '2019/10/24',
+          orderamount: '0',
+          order_id: '16',
+        },
+      ]
+
+    //       if (res.lists.length > 0 && res.lists.length < 10) {
+    //         vm.$refs.scroll.update(true)
+    //       }
+    //     }
+    //   })
+    },
+  },
+}
+</script>
+
+<style lang="less" rel="stylesheet">
+#reimburse {
+  .h-header-btn {
+    img {
+      width: 16px;
+      height: 16px;
+      margin-left: 4px;
+    }
+    span {
+      font-family: PingFangSC-Semibold;
+      margin-left: 16px;
+      font-size: 17px;
+      letter-spacing: 0.61px;
+      line-height: 24px;
+    }
+  }
+  .hinput {
+    position: relative;
+    z-index: 50;
+    width: 100%;
+    height: 68px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-top: 3px;
+    background: #fff;
+    input {
+      width: 351px;
+      height: 36px;
+      padding-left: 20px;
+      margin: 0 auto;
+      opacity: 0.4;
+      border: none;
+      line-height: 34px;
+      border: none;
+      background: url("../../assets/drawback/uncheck.png") 310px no-repeat;
+      background-size: 16px 16px;
+      background-color: rgba(239, 239, 239, 0.55);
+    }
+    input:focus {
+      background-color: #fff;
+      background: url("../../assets/drawback/check.png") 310px no-repeat;
+      background-size: 16px 16px;
+      border: 1px solid #1d3fff;
+    }
+  }
+  .content {
+    margin-top: 10px;
+  }
+  .scrollContent {
+    padding-bottom: 70px;
+  }
+  .reimburse-wrap {
+    margin: 10px;
+  }
+  .hls-item .contents .add-name .left-icon {
+    width: 30px;
+  }
+  .add-name {
+    .time-font {
+      font-family: PingFangSC-Regular;
+      font-size: 14px;
+      color: rgba(56, 63, 69, 0.6);
+    }
+  }
+  .add-content {
+    .money-font {
+      font-family: Verdana-Bold;
+      font-size: 15px;
+      color: #1d3fff;
+    }
+    .time-font {
+      font-family: PingFangSC-Regular;
+      font-size: 14px;
+      color: rgba(56, 63, 69, 0.6);
+    }
+  }
+}
+</style>

src/pages/myInfo/my-info.vue

@@ -4,12 +4,18 @@
       <h-header class="header">
         <div slot="center" class="top-word">个人中心</div>
       </h-header>
+      <div class="card-top">
+        <img src="@/assets/myInfo/1.png" @click="showActionSheet" >
+        <div class="sign">
+          <span>{{ user_phone }}</span>
+          <div>
+            电子签
+            <p :class="[elecStatus?'across':'un-across']">{{ elecStatus?'已通过':'未通过' }}</p>
+          </div>
+        </div>
+      </div>
       <div class="card">
         <div class="card-info">
-          <div class="card-top">
-            <img src="@/assets/myInfo/1.jpg" @click="changePageHead" >
-            <span>{{ user_phone }}</span>
-          </div>
           <div class="card-bottom">
             <div @click="goStart">
               <img src="@/assets/myInfo/car.png" >
@@ -28,62 +34,73 @@
       </div>
     </div>
     <h-content class="my-content">
-      <div class="userInfo">我的合同</div>
-      <div class="my-contract">
-        <div class="content-wrap" @click="goSign">
-          <span :class="{'content-wrap-class-width':signCount>99, 'content-wrap-class':signCount<99}">{{ signCount > 99 ? '99+' : signCount }}</span>
-          <img src="@/assets/myInfo/unSign.png" >
-          <p>待签约</p>
-        </div>
-        <!--<div class="content-wrap" @click="goConfirm">
-          <span :class="{'content-wrap-class-width':confirmCount>99, 'content-wrap-class':confirmCount<99}">{{ confirmCount > 99 ? '99+' : confirmCount }}</span>
-          <img src="@/assets/myInfo/unConfirm.png" >
-          <p>待确认</p>
-        </div>-->
-        <div class="content-wrap">
-          <span :class="{'content-wrap-class-width':vedioCount>99, 'content-wrap-class':vedioCount<99}">{{ vedioCount > 99 ? '99+' : vedioCount }}</span>
-          <img src="@/assets/myInfo/unFace.png" >
-          <p>待面签</p>
-        </div>
-        <div @click="goCarConfirm">
-          <img src="@/assets/myInfo/carConfirm.png" >
-          <p>发车确认</p>
+      <div class="content-top">
+        <div class="userInfo">我的合同</div>
+        <div class="my-contract">
+          <div class="content-wrap" @click="goSign">
+            <span
+              :class="{'content-wrap-class-width':signCount>99, 'content-wrap-class':signCount<99}"
+            >{{ signCount > 99 ? '99+' : signCount }}</span>
+            <img src="@/assets/myInfo/unSign.png" >
+            <p>待签约</p>
+          </div>
+          <!-- <div class="content-wrap" @click="goConfirm">
+            <span
+              :class="{'content-wrap-class-width':confirmCount>99, 'content-wrap-class':confirmCount<99}"
+            >{{ confirmCount > 99 ? '99+' : confirmCount }}</span>
+            <img src="@/assets/myInfo/unConfirm.png" >
+            <p>待确认</p>
+          </div> -->
+          <div class="content-wrap">
+            <span
+              :class="{'content-wrap-class-width':vedioCount>99, 'content-wrap-class':vedioCount<99}"
+            >{{ vedioCount > 99 ? '99+' : vedioCount }}</span>
+            <img src="@/assets/myInfo/unFace.png" >
+            <p>待面签</p>
+          </div>
+          <div @click="goCarConfirm">
+            <img src="@/assets/myInfo/carConfirm.png" >
+            <p>发车确认</p>
+          </div>
         </div>
-      </div>
-      <list-item :item-height="44" class="list">
-        <item :show-arrow="true" @click.native="goReimburse">
-          <img slot="left-icon" src="@/assets/myInfo/myRefund.png" class="left-icon" >
-          <div slot="name">我的还款</div>
-        </item>
-        <item :show-arrow="true">
-          <img slot="left-icon" src="@/assets/myInfo/repay.png" class="left-icon" >
-          <div slot="name">业务退款</div>
-        </item>
-        <item :show-arrow="true" @click.native="goMyProduct">
-          <img slot="left-icon" src="@/assets/myInfo/collect.png" class="left-icon" >
-          <div slot="name">我的收藏</div>
-          <div slot="right-icon" :class="{'right-icon-width':productCount>99, 'right-icon':productCount<99}">{{ productCount > 99 ? '99+' : productCount }}</div>
-        </item>
-        <item :show-arrow="true" @click.native="changeHelp">
-          <img slot="left-icon" src="@/assets/myInfo/help.png" class="left-icon" >
-          <div slot="name">帮助与反馈</div>
-        </item>
-        <item :show-arrow="true">
-          <img slot="left-icon" src="@/assets/myInfo/about.png" class="left-icon" >
-          <div slot="name">关于徐工</div>
-        </item>
-        <item @click.native="updateVersion">
-          <img slot="left-icon" src="@/assets/myInfo/refresh.png" class="left-icon" >
-          <div slot="name">检查更新</div>
-        </item>
-        <item @click.native="logOut">
-          <img slot="left-icon" src="@/assets/myInfo/exit.png" class="left-icon" >
-          <div slot="name">退出登录</div>
-        </item>
-        <!-- <button v-if="flag" @click="changePageHead">用户绑定</button>
-        <button v-if="!flag" @click="unBind">解除绑定</button>-->
+        <list-item :item-height="44" class="list">
+          <item @click.native="goReimburse">
+            <img slot="left-icon" src="@/assets/myInfo/myRefund.png" class="left-icon" >
+            <div slot="name">我的还款</div>
+          </item>
+          <item @click.native="changeDrawbackList">
+            <img slot="left-icon" src="@/assets/myInfo/repay.png" class="left-icon" >
+            <div slot="name">业务退款</div>
+          </item>
+          <item @click.native="goMyProduct">
+            <img slot="left-icon" src="@/assets/myInfo/collect.png" class="left-icon" >
+            <div slot="name">我的收藏</div>
+            <div
+              slot="right-icon"
+              :class="{'right-icon-width':productCount>99, 'right-icon':productCount<99}"
+            >{{ productCount > 99 ? '99+' : productCount }}</div>
+          </item>
+          <item @click.native="changeHelp">
+            <img slot="left-icon" src="@/assets/myInfo/help.png" class="left-icon" >
+            <div slot="name">帮助与反馈</div>
+          </item>
+          <item>
+            <img slot="left-icon" src="@/assets/myInfo/about.png" class="left-icon" >
+            <div slot="name">关于徐工</div>
+          </item>
+          <item @click.native="updateVersion">
+            <img slot="left-icon" src="@/assets/myInfo/refresh.png" class="left-icon" >
+            <div slot="name">检查更新</div>
+          </item>
+          <item @click.native="logOut">
+            <img slot="left-icon" src="@/assets/myInfo/exit.png" class="left-icon" >
+            <div slot="name">退出登录</div>
+          </item>
+          <!-- <button v-if="flag" @click="changePageHead">用户绑定</button>
+          <button v-if="!flag" @click="unBind">解除绑定</button>-->
+        </list-item>
         <button @click="approveBtn ? unBind() : changePageHead()">{{ description }}</button>
-      </list-item>
+      </div>
     </h-content>
   </h-view>
 </template>
@@ -105,10 +122,11 @@ export default {
       productCount: '0',
       description: '',
       approveBtn: false,
+      elecStatus: false,
     }
   },
   watch: {
-    /*'user_bp_status' (newVal, oldVal) {
+    /* 'user_bp_status' (newVal, oldVal) {
       console.log('@@@@@@@@@@@@@@@@@')
       if (!this.bp_id && newVal === 'NEW') {
         this.description = '用户绑定'
@@ -127,8 +145,8 @@ export default {
       } else {
         this.flag = true
       } *!/
-    },*/
-    'user_bp_type' (newVal, oldVal) {
+    }, */
+    user_bp_type (newVal, oldVal) {
       if (newVal === 'AGENT') {
         this.isAGENT = true
       } else {
@@ -137,7 +155,7 @@ export default {
     },
   },
   created () {
-   /* if (this.user_bp_status === 'APPROVED') {
+    /* if (this.user_bp_status === 'APPROVED') {
       this.flag = false
     } else {
       this.flag = true
@@ -146,7 +164,7 @@ export default {
       this.isAGENT = true
     } else {
       this.isAGENT = false
-    }*/
+    } */
   },
   beforeRouteEnter (to, from, next) {
     next(vm => {
@@ -163,7 +181,7 @@ export default {
   activated () {},
   methods: {
     // 监听用户状态
-    watchBpStatus(){
+    watchBpStatus () {
       if (!this.bp_id && this.user_bp_status === 'NEW') {
         this.description = '用户绑定'
       } else if (this.bp_id && this.user_bp_status === 'NEW') {
@@ -171,7 +189,10 @@ export default {
       } else if (this.bp_id && this.user_bp_status === 'APPROVED') {
         this.description = '解除绑定'
         this.approveBtn = true
-      } else if ((this.bp_id && this.user_bp_status === 'RETURN') || (this.bp_id && this.user_bp_status === 'REJECT')) {
+      } else if (
+        (this.bp_id && this.user_bp_status === 'RETURN') ||
+        (this.bp_id && this.user_bp_status === 'REJECT')
+      ) {
         this.description = '审核未通过'
       } else {
         this.description = '审批中'
@@ -191,9 +212,9 @@ export default {
     },
     // 进入待确认，（进件确认）
     goConfirm () {
-     /* this.$router.push({
+      /* this.$router.push({
         name: 'IntoList',
-      })*/
+      }) */
       this.$router.push({
         name: 'IframTest',
       })
@@ -227,6 +248,11 @@ export default {
         name: 'HelpList',
       })
     },
+    changeDrawbackList () {
+      this.$router.push({
+        name: 'DrawbackList',
+      })
+    },
     changePay () {
       this.$router.push({
         name: 'FirstPay',
@@ -274,6 +300,14 @@ export default {
         },
       })
     },
+    showActionSheet () {
+      this.hlsPopup.showActionSheet({
+        buttonArray: ['查看头像', '选择头像'],
+        callback: (index) => {
+          console.log(index)
+        },
+      })
+    },
     unBind () {
       let vm = this
       hlsPopup.showConfirm({
@@ -300,7 +334,7 @@ export default {
                 if (res.result === 'S') {
                   vm.hlsPopup.showLongCenter('解绑成功')
                   vm.userQuery()
-                  //vm.flag = true
+                  // vm.flag = true
                   vm.approveBtn = false
                 } else {
                   vm.hlsPopup.showLongCenter(res.message)
@@ -316,7 +350,11 @@ export default {
     changePageHead () {
       let vm = this
       if (vm.bp_id) {
-        if (vm.user_bp_status === 'NEW' || vm.user_bp_status === 'REJECT' || vm.user_bp_status === 'RETURN') {
+        if (
+          vm.user_bp_status === 'NEW' ||
+          vm.user_bp_status === 'REJECT' ||
+          vm.user_bp_status === 'RETURN'
+        ) {
           vm.flag = true
           if (vm.user_bp_class === 'NP') {
             vm.$router.push({
@@ -418,6 +456,58 @@ export default {
 
 <style lang="less" scoped>
 #my-info {
+  .card-top {
+    width: 330px;
+    margin: 0 auto;
+    height: 110px;
+    display: flex;
+    align-items: center;
+    .sign {
+      margin-left: 24px;
+      height:55px;
+      span {
+        font-family: PingFangSC-Semibold;
+        font-size: 18px;
+        color: #fff;
+        margin-top: 10px;
+      }
+      div {
+        display: flex;
+        align-items: center;
+        margin-top: 20px;
+        font-family: PingFangSC-Regular;
+        font-size: 12px;
+        color: #ffffff;
+        letter-spacing: 0;
+        p {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          width: 44px;
+          height: 20px;
+          margin-left: 10px;
+          border: 1px solid #fff;
+          border-radius: 4px;
+          font-family: PingFangSC-Regular;
+          font-size: 12px;
+          color: #ffffff;
+          letter-spacing: 0;
+        }
+        .across{
+          background-color: #1D3FFF;
+        }
+        .un-across{
+          background: #0523ce;
+        }
+      }
+    }
+    img {
+      width: 59px;
+      height: 59px;
+      border-radius: 50%;
+      border: 1px solid #00469c;
+    }
+  }
   .top {
     width: 100%;
     height: 206px;
@@ -433,37 +523,18 @@ export default {
       }
     }
     .card {
-      width: 343px;
-      height: 217px;
+      width: 359px;
+      height: 108px;
       margin: 0 auto;
       z-index: 10;
       position: relative;
       top: 0px;
       left: 0px;
       background-color: #fff;
-      box-shadow: 0 2px 17px -1px rgba(0, 0, 0, 0.1);
       border-radius: 4px;
       .card-info {
         width: 295px;
         margin: 0 auto;
-        .card-top {
-          height: 110px;
-          display: flex;
-          align-items: center;
-          border-bottom: 1px solid #d9dbdf;
-          img {
-            width: 59px;
-            height: 59px;
-            border-radius: 50%;
-            border: 1px solid #00469c;
-          }
-          span {
-            font-family: PingFangSC-Semibold;
-            font-size: 18px;
-            color: #383f45;
-            margin-left: 24px;
-          }
-        }
         .card-bottom {
           height: 100px;
           width: 285px;
@@ -487,21 +558,29 @@ export default {
     }
   }
   .my-content {
+    background-color: #efefef;
+    .content-top {
+      width: 359px;
+      height: 121px;
+      margin: 0 auto;
+      margin-top: 82px;
+      background-color: #fff;
+      border-radius: 4px;
+    }
     .userInfo {
       height: 45px;
       line-height: 45px;
-      color: #00469c;
+      color: @headerColor;
       font-size: 15px;
       margin-left: 16px;
       position: relative;
-      margin-top: 70px;
     }
     .userInfo::before {
       content: "";
       display: block;
       width: 4px;
       height: 20px;
-      background-color: #00469c;
+      background-color: @headerColor;
       position: absolute;
       left: -15px;
       top: 12px;
@@ -513,9 +592,9 @@ export default {
       justify-content: space-between;
       align-items: center;
       text-align: center;
-      .content-wrap{
+      .content-wrap {
         position: relative;
-        .content-wrap-class{
+        .content-wrap-class {
           position: absolute;
           top: -10px;
           left: 25px;
@@ -528,7 +607,7 @@ export default {
           color: #fff;
           border-radius: 50%;
         }
-        .content-wrap-class-width{
+        .content-wrap-class-width {
           position: absolute;
           top: -10px;
           left: 25px;
@@ -554,47 +633,49 @@ export default {
       }
     }
     .list {
+      width: 359px;
+      margin: 0 auto;
+      background-color: #fff;
       font-family: PingFangSC-Regular;
       font-size: 14px;
       color: #656464;
       letter-spacing: 0;
       line-height: 18px;
-      border-top: 1px solid rgba(0, 0, 0, 0.1);
-      margin-top: 20px;
+      margin-top: 25px;
     }
   }
   button {
     width: 359px;
     height: 40px;
-    background: #00469c;
+    background: @headerColor;
     border-radius: 4px;
     color: #fff;
+    margin: 0 auto;
     margin-bottom: 68px;
-    margin-left:2%;
-    margin-top: 20px;
+    margin-top: 10px;
   }
 }
 .content {
   background-color: #fff;
 }
-  .right-icon{
-    width: 18px;
-    height: 18px;
-    font-size: 10px;
-    text-align: center;
-    line-height: 18px;
-    background-color: red;
-    color: #fff;
-    border-radius: 50%;
-  }
-  .right-icon-width{
-    width: 24px;
-    height: 18px;
-    font-size: 10px;
-    text-align: center;
-    line-height: 18px;
-    background-color: red;
-    color: #fff;
-    border-radius: 50%;
-  }
+.right-icon {
+  width: 18px;
+  height: 18px;
+  font-size: 10px;
+  text-align: center;
+  line-height: 18px;
+  background-color: red;
+  color: #fff;
+  border-radius: 50%;
+}
+.right-icon-width {
+  width: 24px;
+  height: 18px;
+  font-size: 10px;
+  text-align: center;
+  line-height: 18px;
+  background-color: red;
+  color: #fff;
+  border-radius: 50%;
+}
 </style>

src/pages/pay/firstPay/pay-entry.vue

@@ -122,21 +122,22 @@ export default {
     newList () {
       let vm = this
       vm.nongBank = []
-      let newList = vm.lists.map(i => {
-        return i.bank_full_name.indexOf('农业') === -1
-      })
       vm.lists.forEach((item, i) => {
         if (item.bank_full_name.indexOf('农业') !== -1) {
           vm.nongBank.push(vm.lists[i])
           vm.flag = true
         }
       })
+      let notNong = vm.lists.filter(i => {
+        return (i.bank_full_name.indexOf('农业') === -1)
+      })
+      console.log(notNong)
       if (vm.flag) {
         vm.select = 'nong0'
       } else {
         vm.select = 'one'
       }
-      return newList
+      return notNong
     },
   },
   watch: {},

src/pages/pay/marginPay/pay-entry.vue

@@ -121,20 +121,23 @@ export default {
   computed: {
     newList () {
       let vm = this
-      let value
+      vm.nongBank = []
       vm.lists.forEach((item, i) => {
         if (item.bank_full_name.indexOf('农业') !== -1) {
-          value = vm.lists.splice(i, 1)
-          vm.nongBank.push(...value)
+          vm.nongBank.push(vm.lists[i])
           vm.flag = true
         }
       })
+      let notNong = vm.lists.filter(i => {
+        return (i.bank_full_name.indexOf('农业') === -1)
+      })
+      console.log(notNong)
       if (vm.flag) {
         vm.select = 'nong0'
       } else {
         vm.select = 'one'
       }
-      return vm.lists
+      return notNong
     },
   },
   watch: {},

src/pages/pay/payment/pay-entry.vue

@@ -112,20 +112,23 @@ export default {
   computed: {
     newList () {
       let vm = this
-      let value
+      vm.nongBank = []
       vm.lists.forEach((item, i) => {
         if (item.bank_full_name.indexOf('农业') !== -1) {
-          value = vm.lists.splice(i, 1)
-          vm.nongBank.push(...value)
+          vm.nongBank.push(vm.lists[i])
           vm.flag = true
         }
       })
+      let notNong = vm.lists.filter(i => {
+        return (i.bank_full_name.indexOf('农业') === -1)
+      })
+      console.log(notNong)
       if (vm.flag) {
         vm.select = 'nong0'
       } else {
         vm.select = 'one'
       }
-      return vm.lists
+      return notNong
     },
   },
   watch: {},

src/router/index.js

@@ -96,6 +96,10 @@ import ContractRecords from '@/pages/contractInquire/contract-records'
 import RepayDetail from '@/pages/contractInquire/repay-detail'
 import RepayPlans from '@/pages/contractInquire/repay-plans'
 
+// 业务退款
+import DrawbackList from '@/pages/drawback/drawback-list'
+import DrawbackDetail from '@/pages/drawback/drawback-detail'
+
 Vue.use(Router)
 
 export default new Router({
@@ -239,6 +243,11 @@ export default new Router({
     {path: '/repay-detail', component: RepayDetail, name: 'RepayDetail', meta: {keepAlive: true}},
     {path: '/repay-plans', component: RepayPlans, name: 'RepayPlans', meta: {keepAlive: true}},
     {path: '/ifram-test', component: IframTest, name: 'IframTest', meta: {keepAlive: false}},
+    // 业务退款
+    {path: '/drawback-list', component: DrawbackList, name: 'DrawbackList', meta: {keepAlive: false}},
+    {path: '/drawback-detail', component: DrawbackDetail, name: 'DrawbackDetail', meta: {keepAlive: false}},
+
+
   ],
   scrollBehavior (to, from, savedPosition) {
     if (to.hash) {