更新界面

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/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) {