Skip to content

H
hls-xcmg-vue-app
Commit 74dd2314 authored by 李晓兵's avatar 李晓兵
Browse files
Options

'样式'

parent 8255f21b
Pipeline #2952 canceled with stages
      Hide whitespace changes
      Inline Side-by-side
      Showing with 1259 additions and 1217 deletions
      src/pages/pay/firstPay/contract-record.vue
      View file @ 74dd2314
      <template>
      <h-view id="contract-record" class="public-style">
      <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 class="my-content" style="margin-top:-1px">
      <div class="top-head">
      <div class="center">
      <div class="now-pay">
      <div class="title">当前应付</div>
      <div class="data">
      <span>￥</span>
      {{ money |currency }}
      </div>
      </div>
      </div>
      </div>
      <section class="pay-content">
      <section v-for="(item,index) in prj_lists" :key="index" class="contract-item">
      <div class="header">
      <img src="@/assets/payment/file.png" >
      <p>&nbsp; {{ item.project_number }}</p>
      <span>{{ item.bp_name }}</span>
      </div>
      <div class="content">
      <div v-for="(e,i) in item.cf_lists" :key="i" class="list-item">
      <span class="item-left">{{ e.cf_item_name }}</span>
      <div class="item-center">
      <p>应还金额</p>
      <p>已还金额</p>
      <p>本次还款</p>
      </div>
      <div class="item-right">
      <p>{{ parseFloat(e.due_amount).toFixed(2)|currency }}</p>
      <p>{{ e.received_amount|currency }}</p>
      <input v-model="e.amount" type="text" placeholder="请输入还款金额" >
      </div>
      </div>
      </div>
      </section>
      </section>
      <div class="prompt">
      <div>
      <img src="@/assets/payment/prompt.png" alt >
      </div>
      <div>
      <p>温馨提示</p>
      <p>推荐使用农行卡，农行卡支付免收手续费！</p>
      <p>由于存在款项到账时差性，“已还金额”字段可能XXX，给您造成的不便，请谅解，谢谢！</p>
      </div>
      </div>
      <bottom-tab>
      <tab-button class="footer" @click.native="createDetail">支&nbsp;&nbsp;付</tab-button>
      </bottom-tab>
      </h-content>
      </h-view>
      </template>
      <script>
      export default {
      name: 'ContractRecord',
      components: {},
      data () {
      return {
      money: 0,
      inputNum: 0,
      prj_lists: [],
      }
      },
      watch: {
      prj_lists: {
      handler (newName, oldName) {
      let vm = this
      let sumL = []
      for (let i of this.prj_lists) {
      i.cf_lists.forEach(j => {
      sumL.push(j.amount)
      })
      let a = 0
      let newSum = sumL.filter(item => {
      return item !== ''
      })
      let notNaN = newSum.filter(item => {
      return !isNaN(item)
      })
      if (notNaN.length !== 0) {
      notNaN.forEach(i => {
      a = a + parseFloat(i)
      vm.money = a
      })
      } else {
      vm.money = 0
      }
      }
      },
      deep: true,
      },
      },
      beforeRouteEnter (to, from, next) {
      next(vm => {
      vm.getDetail()
      })
      },
      methods: {
      getDetail () {
      let vm = this
      let url = process.env.basePath + 'payment_prj_list_query'
      let param = {
      bp_id: window.sessionStorage.getItem('bp_id'),
      }
      hlsPopup.showLoading('请稍候')
      vm.$post(url, param).then(function (res) {
      vm.hlsPopup.hideLoading()
      if (res.result === 'S') {
      vm.prj_lists = res.prj_lists
      } else {
      hlsPopup.showLongCenter(res.message)
      }
      })
      },
      makeDetailData () {
      let data = []
      this.prj_lists.forEach(i => {
      i.cf_lists.forEach(j => {
      j.project_id = i.project_id
      data.push(j)
      })
      })
      data.forEach(i => {
      delete i.cf_item_name
      delete i.due_amount
      delete i.received_amount
      delete i.project_number
      i.bp_id = window.sessionStorage.getItem('bp_id')
      })
      return data
      },
      createDetail () {
      let vm = this
      let url = process.env.basePath + 'create_detail_0_part'
      let data = vm.makeDetailData()
      let param = {
      order_id: window.sessionStorage.getItem('order_id'),
      pay_lists: data,
      }
      hlsPopup.showLoading('请稍候')
      vm.$post(url, param).then(function (res) {
      vm.hlsPopup.hideLoading()
      if (res.result === 'S') {
      vm.toPayEntry(vm.money)
      } else {
      hlsPopup.showLongCenter(res.message)
      }
      })
      },
      toPayEntry (money) {
      this.$router.push({
      name: 'PayEntry',
      params: {
      money,
      },
      })
      },
      },
      }
      </script>
      <style lang='less' >
      #contract-record {
      .top-head {
      width: 100%;
      height: 142px;
      background: url("../../../assets/payment/back1.png");
      background-size: 100% 142px;
      }
      .center {
      .now-pay {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-flow: column wrap;
      }
      .title {
      font-family: PingFangSC-Regular;
      font-size: 14px;
      color: #ffffff;
      margin-top: 1.8%;
      }
      .data {
      font-family: Verdana-Bold;
      font-size: 24px;
      color: #ffffff;
      letter-spacing: 0;
      line-height: 18px;
      margin-top: 16px;
      }
      }
      .pay-content {
      width: 100%;
      margin-top:-60px;
      height: 370px;
      overflow: scroll;
      .contract-item {
      width: 95%;
      background-color: #fff;
      margin: 0 auto;
      box-shadow: 0 1px 3px 2px rgba(168, 168, 168, 0.14);
      .header {
      height: 44px;
      background: #fff;
      display: flex;
      font-family: PingFangSC-Semibold;
      font-size: 15px;
      color: #383f45;
      letter-spacing: 0;
      line-height: 44px;
      padding: 0 16px;
      img {
      height: 30px;
      margin-top: 10px;
      margin-right: 6px;
      }
      p {
      flex: 2;
      border-bottom: 1px solid #f3f3f7;
      font-weight: 700;
      }
      span {
      border-bottom: 1px solid #f3f3f7;
      font-weight: 700;
      }
      }
      .title {
      padding: 0 16px;
      font-family: PingFangSC-Regular;
      font-size: 13px;
      color: #383f45;
      div {
      border-bottom: 1px solid #eee;
      display: flex;
      text-align: center;
      padding: 0 14px;
      height: 37px;
      line-height: 37px;
      justify-content: space-between;
      }
      }
      .content {
      margin-bottom: 8px;
      background-color: #fff;
      .list-item:not(:last-of-type) {
      background: url("../../../assets/payment/border.png") 0px 90px
      no-repeat;
      }
      .list-item {
      display: flex;
      justify-content: space-around;
      align-items: center;
      height: 99px;
      padding-bottom: 12px;
      .item-left {
      font-family: PingFangSC-Semibold;
      font-size: 13px;
      color: #383f45;
      letter-spacing: 0;
      // flex: 3;
      margin-top: -63px;
      }
      .item-center {
      font-family: PingFangSC-Regular;
      font-size: 13px;
      color: rgba(56, 63, 69, 0.6);
      letter-spacing: 0;
      line-height: 30px;
      // flex: 5;
      }
      .item-right {
      // flex: 4;
      line-height: 30px;
      p:nth-of-type(1) {
      font-family: Verdana-Bold;
      font-size: 12px;
      color: #1d3fff;
      letter-spacing: 0;
      text-align: right;
      }
      p:nth-of-type(2) {
      font-family: Verdana-Bold;
      font-size: 12px;
      color: #383f45;
      letter-spacing: 0;
      text-align: right;
      }
      input {
      width: 90px;
      border: none;
      border-bottom: 1px solid #1d3fff;
      font-size: 13px;
      text-align: right;
      float: right;
      }
      input::placeholder {
      font-family: PingFangSC-Regular;
      font-size: 13px;
      color: rgba(56, 63, 69, 0.4);
      letter-spacing: 0;
      }
      }
      }
      }
      }
      }
      .prompt {
      position: absolute;
      width: 100%;
      bottom: 40px;
      background: rgba(142, 195, 30, 0.1);
      height: 111px;
      display: flex;
      div:first-child {
      flex: 1;
      padding: 16px 0 0 16px;
      img {
      width: 16px;
      height: 16px;
      }
      }
      div:last-child {
      flex: 12;
      p:first-child {
      padding-top: 16px;
      font-family: PingFangSC-Semibold;
      font-size: 14px;
      color: #8ec31e;
      letter-spacing: 0.5px;
      margin-bottom: 7px;
      }
      p:nth-child(n + 2) {
      text-indent: 2em;
      line-height: 20px;
      padding-right: 16px;
      font-family: PingFangSC-Regular;
      font-size: 12px;
      color: rgba(101, 100, 100, 0.8);
      letter-spacing: 0.37px;
      margin-left: -22px;
      }
      }
      }
      .footer {
      background-color: @headerColor;
      color: #fff;
      }
      }
      </style>
      <template>
      <h-view id="contract-record" class="public-style">
      <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 class="my-content" style="margin-top:-1px">
      <div class="top-head">
      <div class="center">
      <div class="now-pay">
      <div class="title">当前应付</div>
      <div class="data">
      <span>￥</span>
      {{ money |currency }}
      </div>
      </div>
      </div>
      </div>
      <section class="pay-content">
      <section v-for="(item,index) in prj_lists" :key="index" class="contract-item">
      <div class="header">
      <img src="@/assets/payment/file.png" >
      <p>&nbsp; {{ item.project_number }}</p>
      <span>{{ item.bp_name }}</span>
      </div>
      <div class="content">
      <div v-for="(e,i) in item.cf_lists" :key="i" class="list-item">
      <span class="item-left">{{ e.cf_item_name }}</span>
      <div class="item-center">
      <p>应还金额</p>
      <p>已还金额</p>
      <p>本次还款</p>
      </div>
      <div class="item-right">
      <p>{{ parseFloat(e.due_amount).toFixed(2)|currency }}</p>
      <p>{{ e.received_amount|currency }}</p>
      <input v-model="e.amount" type="text" placeholder="请输入还款金额" >
      </div>
      </div>
      </div>
      </section>
      </section>
      <div class="prompt">
      <div>
      <img src="@/assets/payment/prompt.png" alt >
      </div>
      <div>
      <p>温馨提示</p>
      <p>推荐使用农行卡，农行卡支付免收手续费！</p>
      <p>由于存在款项到账时差性，“已还金额”字段可能XXX，给您造成的不便，请谅解，谢谢！</p>
      </div>
      </div>
      <bottom-tab>
      <tab-button class="footer" @click.native="createDetail">支&nbsp;&nbsp;付</tab-button>
      </bottom-tab>
      </h-content>
      </h-view>
      </template>
      <script>
      export default {
      name: 'ContractRecord',
      components: {},
      data () {
      return {
      money: 0,
      inputNum: 0,
      prj_lists: [],
      }
      },
      watch: {
      prj_lists: {
      handler (newName, oldName) {
      let vm = this
      let sumL = []
      for (let i of this.prj_lists) {
      i.cf_lists.forEach(j => {
      sumL.push(j.amount)
      })
      let a = 0
      let newSum = sumL.filter(item => {
      return item !== ''
      })
      let notNaN = newSum.filter(item => {
      return !isNaN(item)
      })
      if (notNaN.length !== 0) {
      notNaN.forEach(i => {
      a = a + parseFloat(i)
      vm.money = a
      })
      } else {
      vm.money = 0
      }
      }
      },
      deep: true,
      },
      },
      beforeRouteEnter (to, from, next) {
      next(vm => {
      vm.getDetail()
      })
      },
      methods: {
      getDetail () {
      let vm = this
      let url = process.env.basePath + 'payment_prj_list_query'
      let param = {
      bp_id: window.sessionStorage.getItem('bp_id'),
      }
      hlsPopup.showLoading('请稍候')
      vm.$post(url, param).then(function (res) {
      vm.hlsPopup.hideLoading()
      if (res.result === 'S') {
      vm.prj_lists = res.prj_lists
      } else {
      hlsPopup.showLongCenter(res.message)
      }
      })
      },
      makeDetailData () {
      let data = []
      this.prj_lists.forEach(i => {
      i.cf_lists.forEach(j => {
      j.project_id = i.project_id
      data.push(j)
      })
      })
      data.forEach(i => {
      delete i.cf_item_name
      delete i.due_amount
      delete i.received_amount
      delete i.project_number
      i.bp_id = window.sessionStorage.getItem('bp_id')
      })
      return data
      },
      createDetail () {
      let vm = this
      let url = process.env.basePath + 'create_detail_0_part'
      let data = vm.makeDetailData()
      let param = {
      order_id: window.sessionStorage.getItem('order_id'),
      pay_lists: data,
      }
      hlsPopup.showLoading('请稍候')
      vm.$post(url, param).then(function (res) {
      vm.hlsPopup.hideLoading()
      if (res.result === 'S') {
      vm.toPayEntry(vm.money)
      } else {
      hlsPopup.showLongCenter(res.message)
      }
      })
      },
      toPayEntry (money) {
      this.$router.push({
      name: 'PayEntry',
      params: {
      money,
      },
      })
      },
      },
      }
      </script>
      <style lang='less' >
      #contract-record {
      .top-head {
      position: relative;
      width: 100%;
      height: 142px;
      background: url("../../../assets/payment/back1.png");
      background-size: 100% 142px;
      }
      .center {
      .now-pay {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-flow: column wrap;
      }
      .title {
      font-family: PingFangSC-Regular;
      font-size: 14px;
      color: #ffffff;
      margin-top: 1.8%;
      }
      .data {
      font-family: Verdana-Bold;
      font-size: 24px;
      color: #ffffff;
      letter-spacing: 0;
      line-height: 18px;
      margin-top: 16px;
      }
      }
      .pay-content {
      position: absolute;
      bottom: 150px;
      width: 100%;
      //margin-top:-60px;
      height: 370px;
      overflow: scroll;
      //background-color: #FFF;
      .contract-item {
      width: 95%;
      background-color: #fff;
      margin: 0 auto;
      box-shadow: 0 1px 3px 2px rgba(168, 168, 168, 0.14);
      .header {
      height: 44px;
      background: #fff;
      display: flex;
      font-family: PingFangSC-Semibold;
      font-size: 15px;
      color: #383f45;
      letter-spacing: 0;
      line-height: 44px;
      padding: 0 16px;
      img {
      height: 30px;
      margin-top: 10px;
      margin-right: 6px;
      }
      p {
      flex: 2;
      border-bottom: 1px solid #f3f3f7;
      font-weight: 700;
      }
      span {
      border-bottom: 1px solid #f3f3f7;
      font-weight: 700;
      }
      }
      .title {
      padding: 0 16px;
      font-family: PingFangSC-Regular;
      font-size: 13px;
      color: #383f45;
      div {
      border-bottom: 1px solid #eee;
      display: flex;
      text-align: center;
      padding: 0 14px;
      height: 37px;
      line-height: 37px;
      justify-content: space-between;
      }
      }
      .content {
      margin-bottom: 8px;
      background-color: #fff;
      .list-item:not(:last-of-type) {
      background: url("../../../assets/payment/border.png") 0px 90px
      no-repeat;
      }
      .list-item {
      display: flex;
      justify-content: space-around;
      align-items: center;
      height: 99px;
      padding-bottom: 12px;
      .item-left {
      font-family: PingFangSC-Semibold;
      font-size: 13px;
      color: #383f45;
      letter-spacing: 0;
      // flex: 3;
      margin-top: -63px;
      }
      .item-center {
      font-family: PingFangSC-Regular;
      font-size: 13px;
      color: rgba(56, 63, 69, 0.6);
      letter-spacing: 0;
      line-height: 30px;
      // flex: 5;
      }
      .item-right {
      // flex: 4;
      line-height: 30px;
      p:nth-of-type(1) {
      font-family: Verdana-Bold;
      font-size: 12px;
      color: #1d3fff;
      letter-spacing: 0;
      text-align: right;
      }
      p:nth-of-type(2) {
      font-family: Verdana-Bold;
      font-size: 12px;
      color: #383f45;
      letter-spacing: 0;
      text-align: right;
      }
      input {
      width: 90px;
      border: none;
      border-bottom: 1px solid #1d3fff;
      font-size: 13px;
      text-align: right;
      float: right;
      }
      input::placeholder {
      font-family: PingFangSC-Regular;
      font-size: 13px;
      color: rgba(56, 63, 69, 0.4);
      letter-spacing: 0;
      }
      }
      }
      }
      }
      }
      .prompt {
      position: absolute;
      width: 100%;
      bottom: 40px;
      background: rgba(142, 195, 30, 0.1);
      height: 111px;
      display: flex;
      div:first-child {
      flex: 1;
      padding: 16px 0 0 16px;
      img {
      width: 16px;
      height: 16px;
      }
      }
      div:last-child {
      flex: 12;
      p:first-child {
      padding-top: 16px;
      font-family: PingFangSC-Semibold;
      font-size: 14px;
      color: #8ec31e;
      letter-spacing: 0.5px;
      margin-bottom: 7px;
      }
      p:nth-child(n + 2) {
      text-indent: 2em;
      line-height: 20px;
      padding-right: 16px;
      font-family: PingFangSC-Regular;
      font-size: 12px;
      color: rgba(101, 100, 100, 0.8);
      letter-spacing: 0.37px;
      margin-left: -22px;
      }
      }
      }
      .footer {
      background-color: @headerColor;
      color: #fff;
      }
      }
      </style>
      src/pages/pay/marginPay/pay-entry.vue
      View file @ 74dd2314
      <template>
      <h-view id="pay-entry" class="public-style">
      <transition name="trans">
      <div v-show="downNum" class="modal-show">
      <div class="down">
      <p>提示</p>
      <span>您好，当前余额不足，请重新支付！</span>
      <button @click="downNum=false">确定</button>
      </div>
      </div>
      </transition>
      <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 class="entry-content">
      <div class="amount">
      <p>交易金额</p>
      <div>￥{{ money |currency }}</div>
      </div>
      <list-item :item-height="56" class="pay-way">
      <item
      v-for="(item,index) in nongBank"
      :proportion="[7,1,1]"
      :key="index"
      @click.native="isSelect(`nong${index}`)"
      >
      <div slot="name" style="flex=3">
      <img :src="selectImg(item)" alt class="icon" >
      {{ item.bank_full_name }}({{ selectLast(item) }})
      <img
      v-show="item.recommand"
      class="push"
      src="@/assets/payment/push.png"
      >
      </div>
      <section slot="content">
      <img v-show="select === `nong${index}`" src="@/assets/payment/select.png" alt >
      <img v-show="select !== `nong${index}`" src="@/assets/payment/unselect.png" alt >
      </section>
      </item>
      <item :proportion="[7,1,1]" @click.native="isSelect('one')">
      <div slot="name">
      <img src="@/assets/payment/alipay.png" alt class="icon1" > 支付宝
      </div>
      <section slot="content">
      <img v-show="select === 'one'" src="@/assets/payment/select.png" alt >
      <img v-show="select !== 'one'" src="@/assets/payment/unselect.png" alt >
      </section>
      </item>
      <item :proportion="[7,1,1]" @click.native="isSelect('two')">
      <div slot="name">
      <img src="@/assets/payment/wx.png" alt class="icon2" > 微信
      </div>
      <section slot="content">
      <img v-show="select === 'two'" src="@/assets/payment/select.png" alt >
      <img v-show="select !== 'two'" src="@/assets/payment/unselect.png" alt >
      </section>
      </item>
      <item
      v-for="(item,index) in newList"
      :proportion="[7,1,1]"
      :key="index"
      @click.native="isSelect(`three${index}`)"
      >
      <div slot="name" style="flex=3">
      <img :src="selectImg(item)" alt class="icon" >
      {{ item.bank_full_name }}({{ selectLast(item) }})
      <img
      v-show="item.recommand"
      class="push"
      src="@/assets/payment/push.png"
      >
      </div>
      <section slot="content">
      <img v-show="select === `three${index}`" src="@/assets/payment/select.png" alt >
      <img v-show="select !== `three${index}`" src="@/assets/payment/unselect.png" alt >
      </section>
      </item>
      </list-item>
      </h-content>
      <bottom-tab>
      <tab-button class="foot" @click.native="pay">立即付款</tab-button>
      </bottom-tab>
      </h-view>
      </template>
      <script>
      import js from '@/assets/payment/js.png'
      import ny from '@/assets/payment/ly.png'
      import pf from '@/assets/payment/pf.png'
      import gd from '@/assets/payment/gd.png'
      import gf from '@/assets/payment/gf.png'
      import jt from '@/assets/payment/jt.png'
      import gs from '@/assets/payment/gs.png'
      import ms from '@/assets/payment/ms.png'
      import pa from '@/assets/payment/pa.png'
      import xy from '@/assets/payment/xy.png'
      import yzcx from '@/assets/payment/yzcx.png'
      import zg from '@/assets/payment/zg.png'
      import zs from '@/assets/payment/zs.png'
      import zx from '@/assets/payment/zx.png'
      import bank from '@/assets/payment/bank.png'
      export default {
      name: 'PayEntry',
      components: {},
      data () {
      return {
      money: '',
      select: 'three0',
      name: '',
      downNum: false,
      recommand: false,
      flag: false, // 用于判断是否有农业银行卡
      lists: [],
      nongBank: [], // 存农行卡
      }
      },
      computed: {
      newList () {
      let vm = this
      vm.nongBank = []
      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)
      })
      if (vm.flag) {
      vm.select = 'nong0'
      } else {
      vm.select = 'one'
      }
      return notNong
      },
      },
      watch: {},
      beforeRouteEnter (to, from, next) {
      next(vm => {
      vm.name = from.name
      vm.getType()
      vm.nongBank = []
      })
      },
      activated () {
      this.money = this.$route.params.money
      },
      methods: {
      selectImg (e) {
      if (e.bank_full_name.indexOf('建设') !== -1) {
      return js
      } else if (e.bank_full_name.indexOf('农业') !== -1) {
      e.recommand = true
      return ny
      } else if (e.bank_full_name.indexOf('光大') !== -1) {
      return gd
      } else if (e.bank_full_name.indexOf('广发') !== -1) {
      return gf
      } else if (e.bank_full_name.indexOf('浦') !== -1) {
      return pf
      } else if (e.bank_full_name.indexOf('工商') !== -1) {
      return gs
      } else if (e.bank_full_name.indexOf('交通') !== -1) {
      return jt
      } else if (e.bank_full_name.indexOf('民生') !== -1) {
      return ms
      } else if (e.bank_full_name.indexOf('平安') !== -1) {
      return pa
      } else if (e.bank_full_name.indexOf('兴业') !== -1) {
      return xy
      } else if (e.bank_full_name.indexOf('邮') !== -1) {
      return yzcx
      } else if (e.bank_full_name.indexOf('中国') !== -1) {
      return zg
      } else if (e.bank_full_name.indexOf('招商') !== -1) {
      return zs
      } else if (e.bank_full_name.indexOf('中信') !== -1) {
      return zx
      } else {
      return bank
      }
      },
      selectLast (item) {
      let num = item.bank_account_num
      return num.substring(num.length - 4)
      },
      isSelect (way) {
      this.select = way
      },
      pay () {
      let vm = this
      hlsPopup.showLoading('请稍候')
      setTimeout(() => {
      vm.hlsPopup.hideLoading()
      if (vm.money === 0) {
      vm.downNum = true
      } else {
      vm.changePage()
      }
      }, 2000)
      },
      changePage () {
      this.$router.push({
      name: 'Success',
      params: {
      userName: this.userName,
      money: this.$route.params.money,
      },
      })
      },
      getType () {
      let vm = this
      let url = process.env.basePath + 'payment_method_query'
      let param = {
      bp_id: window.sessionStorage.getItem('bp_id'),
      }
      hlsPopup.showLoading('请稍候')
      vm.$post(url, param).then(function (res) {
      vm.hlsPopup.hideLoading()
      if (res.result === 'S') {
      vm.lists = res.lists
      } else {
      hlsPopup.showLongCenter(res.message)
      }
      })
      },
      },
      }
      </script>
      <style lang='less' >
      #pay-entry {
      .trans-enter-active,
      .trans-leave-active {
      transition: opacity 0.5s;
      }
      .trans-enter,
      .trans-leave-active {
      opacity: 0;
      }
      .modal-show {
      width: 100%;
      height: 100%;
      position: absolute;
      display: flex;
      z-index: 900;
      background-color: rgba(56, 63, 69, 0.3);
      justify-content: center;
      align-items: center;
      .down {
      position: relative;
      width: 301px;
      height: 162px;
      display: flex;
      justify-content: center;
      flex-flow: column wrap;
      align-items: center;
      background-size: 301px 24.7px;
      background-color: #fff;
      border-radius: 8px;
      p {
      font-family: PingFangSC-Semibold;
      font-size: 16px;
      color: #1d3fff;
      margin-top: 16px;
      flex: 2;
      }
      span {
      font-family: PingFangSC-Regular;
      font-size: 14px;
      color: #383f45;
      flex: 3;
      letter-spacing: 0;
      margin-top: 16px;
      }
      button {
      width: 159px;
      flex: 2;
      margin-bottom: 16px;
      height: 40px;
      background-color: @headerColor;
      font-family: PingFangSC-Semibold;
      font-size: 15px;
      color: #fafafa;
      line-height: 20px;
      }
      }
      }
      .push {
      position: absolute;
      top: 10px;
      margin-left: 10px;
      width: 35px;
      }
      .entry-content {
      .amount {
      height: 166px;
      background-color: #fff;
      padding-top: 55px;
      text-align: center;
      border-bottom: 1px solid #d9dbdf;
      p {
      font-family: PingFangSC-Regular;
      font-size: 14px;
      color: #656464;
      letter-spacing: 0;
      }
      div {
      font-family: PingFangSC-Semibold;
      font-size: 24px;
      color: #383f45;
      letter-spacing: 0.86px;
      font-weight: 700;
      margin-top: 10px;
      }
      }
      .pay-way {
      .hls-item {
      padding-left: 12px;
      .add-name {
      flex: 3;
      line-height: 56px;
      font-family: PingFangSC-Regular;
      font-size: 14px;
      color: #656464;
      .icon1 {
      width: 34px;
      height: 34px;
      display: block;
      float: left;
      margin-top: 10px;
      margin-right: 5px;
      }
      .icon2 {
      width: 32px;
      display: block;
      float: left;
      margin-top: 12px;
      margin-right: 8px;
      }
      .icon {
      width: 30px;
      display: block;
      float: left;
      position: relative;
      margin: 12px 8px 0 3px;
      }
      }
      .add-content {
      img {
      width: 21px;
      }
      }
      }
      }
      }
      .foot {
      background-color: @headerColor;
      color: #fff;
      }
      }
      </style>
      <template>
      <h-view id="pay-entry-margin" class="public-style">
      <transition name="trans">
      <div v-show="downNum" class="modal-show">
      <div class="down">
      <p>提示</p>
      <span>您好，当前余额不足，请重新支付！</span>
      <button @click="downNum=false">确定</button>
      </div>
      </div>
      </transition>
      <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 class="entry-content">
      <div class="amount">
      <p>交易金额</p>
      <div>￥{{ money |currency }}</div>
      </div>
      <list-item :item-height="56" class="pay-way">
      <item
      v-for="(item,index) in nongBank"
      :proportion="[7,1,1]"
      :key="index"
      @click.native="isSelect(`nong${index}`)"
      >
      <div slot="name" style="flex=3">
      <img :src="selectImg(item)" alt class="icon" >
      {{ item.bank_full_name }}({{ selectLast(item) }})
      <img
      v-show="item.recommand"
      class="push"
      src="@/assets/payment/push.png"
      >
      </div>
      <section slot="content">
      <img v-show="select === `nong${index}`" src="@/assets/payment/select.png" alt >
      <img v-show="select !== `nong${index}`" src="@/assets/payment/unselect.png" alt >
      </section>
      </item>
      <item :proportion="[7,1,1]" @click.native="isSelect('one')">
      <div slot="name">
      <img src="@/assets/payment/alipay.png" alt class="icon1" > 支付宝
      </div>
      <section slot="content">
      <img v-show="select === 'one'" src="@/assets/payment/select.png" alt >
      <img v-show="select !== 'one'" src="@/assets/payment/unselect.png" alt >
      </section>
      </item>
      <item :proportion="[7,1,1]" @click.native="isSelect('two')">
      <div slot="name">
      <img src="@/assets/payment/wx.png" alt class="icon2" > 微信
      </div>
      <section slot="content">
      <img v-show="select === 'two'" src="@/assets/payment/select.png" alt >
      <img v-show="select !== 'two'" src="@/assets/payment/unselect.png" alt >
      </section>
      </item>
      <item
      v-for="(item,index) in newList"
      :proportion="[7,1,1]"
      :key="index"
      @click.native="isSelect(`three${index}`)"
      >
      <div slot="name" style="flex=3">
      <img :src="selectImg(item)" alt class="icon" >
      {{ item.bank_full_name }}({{ selectLast(item) }})
      <img
      v-show="item.recommand"
      class="push"
      src="@/assets/payment/push.png"
      >
      </div>
      <section slot="content">
      <img v-show="select === `three${index}`" src="@/assets/payment/select.png" alt >
      <img v-show="select !== `three${index}`" src="@/assets/payment/unselect.png" alt >
      </section>
      </item>
      </list-item>
      </h-content>
      <bottom-tab>
      <tab-button class="foot" @click.native="pay">立即付款</tab-button>
      </bottom-tab>
      </h-view>
      </template>
      <script>
      import js from '@/assets/payment/js.png'
      import ny from '@/assets/payment/ly.png'
      import pf from '@/assets/payment/pf.png'
      import gd from '@/assets/payment/gd.png'
      import gf from '@/assets/payment/gf.png'
      import jt from '@/assets/payment/jt.png'
      import gs from '@/assets/payment/gs.png'
      import ms from '@/assets/payment/ms.png'
      import pa from '@/assets/payment/pa.png'
      import xy from '@/assets/payment/xy.png'
      import yzcx from '@/assets/payment/yzcx.png'
      import zg from '@/assets/payment/zg.png'
      import zs from '@/assets/payment/zs.png'
      import zx from '@/assets/payment/zx.png'
      import bank from '@/assets/payment/bank.png'
      export default {
      name: 'PayEntry',
      components: {},
      data () {
      return {
      money: '',
      select: 'three0',
      name: '',
      downNum: false,
      recommand: false,
      flag: false, // 用于判断是否有农业银行卡
      lists: [],
      nongBank: [], // 存农行卡
      }
      },
      computed: {
      newList () {
      let vm = this
      vm.nongBank = []
      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)
      })
      if (vm.flag) {
      vm.select = 'nong0'
      } else {
      vm.select = 'one'
      }
      return notNong
      },
      },
      watch: {},
      beforeRouteEnter (to, from, next) {
      next(vm => {
      vm.name = from.name
      vm.getType()
      vm.nongBank = []
      })
      },
      activated () {
      this.money = this.$route.params.money
      },
      methods: {
      selectImg (e) {
      if (e.bank_full_name.indexOf('建设') !== -1) {
      return js
      } else if (e.bank_full_name.indexOf('农业') !== -1) {
      e.recommand = true
      return ny
      } else if (e.bank_full_name.indexOf('光大') !== -1) {
      return gd
      } else if (e.bank_full_name.indexOf('广发') !== -1) {
      return gf
      } else if (e.bank_full_name.indexOf('浦') !== -1) {
      return pf
      } else if (e.bank_full_name.indexOf('工商') !== -1) {
      return gs
      } else if (e.bank_full_name.indexOf('交通') !== -1) {
      return jt
      } else if (e.bank_full_name.indexOf('民生') !== -1) {
      return ms
      } else if (e.bank_full_name.indexOf('平安') !== -1) {
      return pa
      } else if (e.bank_full_name.indexOf('兴业') !== -1) {
      return xy
      } else if (e.bank_full_name.indexOf('邮') !== -1) {
      return yzcx
      } else if (e.bank_full_name.indexOf('中国') !== -1) {
      return zg
      } else if (e.bank_full_name.indexOf('招商') !== -1) {
      return zs
      } else if (e.bank_full_name.indexOf('中信') !== -1) {
      return zx
      } else {
      return bank
      }
      },
      selectLast (item) {
      let num = item.bank_account_num
      return num.substring(num.length - 4)
      },
      isSelect (way) {
      this.select = way
      },
      pay () {
      let vm = this
      hlsPopup.showLoading('请稍候')
      setTimeout(() => {
      vm.hlsPopup.hideLoading()
      if (vm.money === 0) {
      vm.downNum = true
      } else {
      vm.changePage()
      }
      }, 2000)
      },
      changePage () {
      this.$router.push({
      name: 'Success',
      params: {
      userName: this.userName,
      money: this.$route.params.money,
      },
      })
      },
      getType () {
      let vm = this
      let url = process.env.basePath + 'payment_method_query'
      let param = {
      bp_id: window.sessionStorage.getItem('bp_id'),
      }
      hlsPopup.showLoading('请稍候')
      vm.$post(url, param).then(function (res) {
      vm.hlsPopup.hideLoading()
      if (res.result === 'S') {
      vm.lists = res.lists
      } else {
      hlsPopup.showLongCenter(res.message)
      }
      })
      },
      },
      }
      </script>
      <style lang='less' >
      #pay-entry-margin {
      .trans-enter-active,
      .trans-leave-active {
      transition: opacity 0.5s;
      }
      .trans-enter,
      .trans-leave-active {
      opacity: 0;
      }
      .modal-show {
      width: 100%;
      height: 100%;
      position: absolute;
      display: flex;
      z-index: 900;
      background-color: rgba(56, 63, 69, 0.3);
      justify-content: center;
      align-items: center;
      .down {
      position: relative;
      width: 301px;
      height: 162px;
      display: flex;
      justify-content: center;
      flex-flow: column wrap;
      align-items: center;
      background-size: 301px 24.7px;
      background-color: #fff;
      border-radius: 8px;
      p {
      font-family: PingFangSC-Semibold;
      font-size: 16px;
      color: #1d3fff;
      margin-top: 16px;
      flex: 2;
      }
      span {
      font-family: PingFangSC-Regular;
      font-size: 14px;
      color: #383f45;
      flex: 3;
      letter-spacing: 0;
      margin-top: 16px;
      }
      button {
      width: 159px;
      flex: 2;
      margin-bottom: 16px;
      height: 40px;
      background-color: @headerColor;
      font-family: PingFangSC-Semibold;
      font-size: 15px;
      color: #fafafa;
      line-height: 20px;
      }
      }
      }
      .push {
      position: absolute;
      top: 10px;
      margin-left: 10px;
      width: 35px;
      }
      .entry-content {
      .amount {
      height: 166px;
      background-color: #fff;
      padding-top: 55px;
      text-align: center;
      border-bottom: 1px solid #d9dbdf;
      p {
      font-family: PingFangSC-Regular;
      font-size: 14px;
      color: #656464;
      letter-spacing: 0;
      }
      div {
      font-family: PingFangSC-Semibold;
      font-size: 24px;
      color: #383f45;
      letter-spacing: 0.86px;
      font-weight: 700;
      margin-top: 10px;
      }
      }
      .pay-way {
      .hls-item {
      padding-left: 12px;
      .add-name {
      flex: 3;
      line-height: 56px;
      font-family: PingFangSC-Regular;
      font-size: 14px;
      color: #656464;
      .icon1 {
      width: 34px;
      height: 34px;
      display: block;
      float: left;
      margin-top: 10px;
      margin-right: 5px;
      }
      .icon2 {
      width: 32px;
      display: block;
      float: left;
      margin-top: 12px;
      margin-right: 8px;
      }
      .icon {
      width: 30px;
      display: block;
      float: left;
      position: relative;
      margin: 12px 8px 0 3px;
      }
      }
      .add-content {
      img {
      width: 21px;
      }
      }
      }
      }
      }
      .foot {
      background-color: @headerColor;
      color: #fff;
      }
      }
      </style>
      src/pages/pay/payment/contract-record.vue
      View file @ 74dd2314
      <template>
      <h-view id="payment-contract-record" class="public-style">
      <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 style="margin-top:-1px;">
      <div class="top-head">
      <div class="center">
      <div class="now-pay">
      <div class="title">当前应付</div>
      <div class="data">
      <span>￥</span>
      {{ sumMoney |currency }}
      </div>
      </div>
      </div>
      </div>
      <div class="search">
      <img src="@/assets/payment/search.png" alt >
      <input type="text" placeholder="请输入合同号/车架号/承租人名称" >
      </div>
      <section class="pay-content">
      <section v-for="(item,index) in info" :key="index" class="contract-item">
      <div class="header">
      <img src="@/assets/payment/file.png" alt >
      <p>&nbsp; {{ item.project_number }}</p>
      <span>还款中</span>
      </div>
      <div class="content">
      <div v-for="(detail,index) in item.con_lists" :key="index" class="item">
      <div class="list">
      <div>
      <span>承租人</span>
      <span class="bp-name">{{ item.bp_name }}</span>
      </div>
      <div>
      <span>车牌号</span>
      <span>{{ detail.lease_item_car_num }}</span>
      </div>
      </div>
      <div class="list">
      <div>
      <span>参数项</span>
      <span>{{ detail.product_code }}</span>
      </div>
      <div>
      <span>应还金额</span>
      <span class="orange">{{ detail.due_amount|currency }}</span>
      </div>
      </div>
      <div class="list">
      <div>
      <span>发动机号</span>
      <span>{{ detail.lease_item_engine_num }}</span>
      </div>
      <div>
      <span>已还金额</span>
      <span class="blue">{{ detail.received_amount|currency }}</span>
      </div>
      </div>
      <div class="list">
      <div>
      <span>厂商型号</span>
      <span>{{ detail.lease_item_factory_num }}</span>
      </div>
      <div>
      <span>本次还款</span>
      <section>
      <input v-model="detail.amount" type="text" placeholder="请输入还款金额" >
      </section>
      </div>
      </div>
      </div>
      </div>
      </section>
      <list-item :item-height="44">
      <item>
      <div slot="name">逾期利息</div>
      <span slot="content">{{ money|currency }}</span>
      </item>
      </list-item>
      </section>
      <div class="prompt">
      <div>
      <img src="@/assets/payment/prompt.png" alt >
      </div>
      <div>
      <p>温馨提示</p>
      <p>推荐使用农行卡，农行卡支付免收手续费！</p>
      <p>由于存在款项到账时差性，“已还金额”字段可能XXX，给您造成的不便，请谅解，谢谢！</p>
      </div>
      </div>
      <bottom-tab>
      <tab-button class="footer" @click.native="payDetail()">支&nbsp;&nbsp;付</tab-button>
      </bottom-tab>
      </h-content>
      </h-view>
      </template>
      <script>
      export default {
      name: 'PaymentContractRecord',
      components: {},
      beforeRouteEnter (to, from, next) {
      next(vm => {
      vm.getRentInfo()
      vm.money = vm.$route.params.money
      vm.sumMoney = vm.money
      })
      },
      data () {
      return {
      sumMoney: '',
      money: '',
      reFund1: '',
      reFund2: '',
      info: [],
      }
      },
      computed: {},
      watch: {
      info: {
      handler (newName, oldName) {
      let vm = this
      let sumL = []
      vm.sumMoney = vm.money
      for (let i of this.info) {
      i.con_lists.forEach(j => {
      sumL.push(j.amount)
      })
      let a = 0
      let newSum = sumL.filter(item => {
      return item !== ''
      })
      let notNaN = newSum.filter(item => {
      return !isNaN(item)
      })
      if (notNaN.length !== 0) {
      notNaN.forEach(i => {
      a = a + parseFloat(i)
      if (vm.money !== '') {
      vm.sumMoney = parseFloat(a + parseFloat(vm.money))
      } else {
      vm.sumMoney = a
      }
      })
      } else {
      if (vm.money !== '') {
      vm.sumMoney = vm.money
      } else {
      vm.sumMoney = 0
      }
      }
      }
      },
      deep: true,
      },
      },
      activated () {},
      methods: {
      getRentInfo () {
      let vm = this
      let url = process.env.basePath + 'payment_con_list_query'
      let param = {
      bp_id: window.sessionStorage.getItem('bp_id'),
      }
      hlsPopup.showLoading('请稍候')
      vm.$post(url, param).then(function (res) {
      vm.hlsPopup.hideLoading()
      if (res.result === 'S') {
      vm.info = res.prj_lists
      } else {
      hlsPopup.showLongCenter(res.message)
      }
      })
      },
      createData () {
      let pushList = []
      this.info.forEach(i => {
      i.con_lists.forEach(j => {
      let obj = {}
      obj.bp_id = window.sessionStorage.getItem('bp_id')
      obj.amount = j.amount
      obj.contract_id = j.contract_id
      pushList.push(obj)
      })
      })
      return pushList
      },
      payDetail () {
      let vm = this
      let url = process.env.basePath + 'create_detail_1_part'
      let payLists = vm.createData()
      let param = {
      order_id: window.sessionStorage.getItem('order_id'),
      pay_lists: payLists,
      }
      hlsPopup.showLoading('请稍候')
      vm.$post(url, param).then(function (res) {
      vm.hlsPopup.hideLoading()
      if (res.result === 'S') {
      vm.toPayEntry(vm.sumMoney)
      } else {
      hlsPopup.showLongCenter(res.message)
      }
      })
      },
      toPayEntry (money) {
      this.$router.push({
      name: 'PaymentPayEntry',
      params: {
      sumMoney: this.sumMoney,
      money: this.money,
      },
      })
      },
      },
      }
      </script>
      <style lang='less' >
      #payment-contract-record {
      .none {
      display: flex;
      justify-content: center;
      align-items: center;
      }
      .top-head {
      position: fixed;
      width: 100%;
      height: 92px;
      background: url("../../../assets/payment/back1.png");
      background-size: 100% 142px;
      }
      .now-pay {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-flow: column wrap;
      }
      .title {
      font-family: PingFangSC-Regular;
      font-size: 14px;
      color: #ffffff;
      margin-top: 1.8%;
      }
      .data {
      font-family: Verdana-Bold;
      font-size: 24px;
      color: #ffffff;
      letter-spacing: 0;
      line-height: 18px;
      margin-top: 16px;
      }
      .search {
      width: 351px;
      margin: 0 auto;
      img {
      position: absolute;
      width: 16px;
      bottom: 28px;
      right: 31px;
      top: 83px;
      z-index: 999;
      }
      input {
      position: absolute;
      top: 69px;
      width: 351px;
      height: 44px;
      border-radius: 4px;
      padding-left: 12px;
      box-shadow: 0 1px 3px 2px rgba(168, 168, 168, 0.14);
      }
      input::placeholder {
      opacity: 0.4;
      font-family: PingFangSC-Regular;
      font-size: 14px;
      color: #b4b4b5;
      }
      }
      .pay-content {
      width: 100%;
      position: relative;
      margin-top: 32%;
      height: 54%;
      overflow: scroll;
      .contract-item {
      background-color: #fff;
      box-shadow: 0 1px 3px 2px rgba(168, 168, 168, 0.14);
      border-radius: 2px;
      width: 359px;
      margin: 0 auto;
      .header {
      height: 34px;
      background: #fff;
      display: flex;
      align-items: center;
      line-height: 37px;
      padding: 0 16px;
      img {
      height: 30px;
      }
      p {
      flex: 2;
      font-family: PingFangSC-Semibold;
      font-size: 15px;
      color: #383f45;
      letter-spacing: 0;
      font-weight: 700;
      }
      span {
      display: inline-block;
      width: 57px;
      height: 21px;
      text-align: center;
      line-height: 21px;
      border: 1px solid #1d3fff;
      border-radius: 2px;
      font-family: PingFangSC-Regular;
      font-size: 14px;
      color: #3957ff;
      letter-spacing: 0;
      }
      }
      .content {
      margin-bottom: 8px;
      .item {
      padding: 4px 0;
      background-color: #fff;
      margin-bottom: 4px;
      .list {
      margin-bottom: 0;
      display: flex;
      .bp-name {
      width: 75px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      }
      div {
      flex: 1;
      display: flex;
      height: 28px;
      line-height: 29px;
      margin-left: -0px;
      section {
      flex: 1;
      }
      input {
      text-align: center;
      width: 96px;
      height: 28px;
      border-bottom: 1px solid #00469c;
      border-radius: 2px;
      font-family: PingFangSC-Regular;
      font-size: 12px;
      }
      input::placeholder {
      color: #b4b4b5;
      }
      &:first-child {
      flex: 2;
      }
      &:last-child {
      flex: 3;
      margin-left: -40px;
      }
      span:last-child {
      flex: 1;
      font-family: PingFangSC-Regular;
      font-size: 13px;
      color: #383f45;
      }
      span.orange {
      font-family: DIN-Bold;
      font-size: 13px;
      color: #1d3fff;
      font-weight: 700;
      }
      span.blue {
      font-family: DIN-Bold;
      font-size: 13px;
      font-weight: 700;
      color: #383f45;
      }
      span:first-child {
      flex: 1;
      text-align: right;
      margin-right: 10px;
      font-family: PingFangSC-Regular;
      font-size: 13px;
      color: rgba(56, 63, 69, 0.6);
      }
      }
      }
      }
      }
      }
      }
      .prompt {
      position: absolute;
      width: 100%;
      bottom: 40px;
      background: rgba(142, 195, 30, 0.1);
      height: 111px;
      display: flex;
      div:first-child {
      flex: 1;
      padding: 16px 0 0 16px;
      img {
      width: 16px;
      height: 16px;
      }
      }
      div:last-child {
      flex: 12;
      p:first-child {
      padding-top: 16px;
      font-family: PingFangSC-Semibold;
      font-size: 14px;
      color: #8ec31e;
      letter-spacing: 0.5px;
      margin-bottom: 7px;
      }
      p:nth-child(n + 2) {
      text-indent: 2em;
      padding-right: 16px;
      line-height: 20px;
      font-family: PingFangSC-Regular;
      font-size: 12px;
      color: rgba(101, 100, 100, 0.8);
      letter-spacing: 0.37px;
      margin-left: -22px;
      }
      }
      }
      .footer {
      background: @headerColor;
      color: white;
      }
      }
      </style>
      <template>
      <h-view id="payment-contract-record" class="public-style">
      <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 style="margin-top:-1px;">
      <div class="top-head">
      <div class="center">
      <div class="now-pay">
      <div class="title">当前应付</div>
      <div class="data">
      <span>￥</span>
      {{ sumMoney |currency }}
      </div>
      </div>
      </div>
      </div>
      <div class="search">
      <input type="text" placeholder="请输入合同号/车架号/承租人名称" >
      <img src="@/assets/payment/search.png" alt >
      </div>
      <section class="pay-content">
      <section v-for="(item,index) in info" :key="index" class="contract-item">
      <div class="header">
      <img src="@/assets/payment/file.png" alt >
      <p>&nbsp; {{ item.project_number }}</p>
      <span>还款中</span>
      </div>
      <div class="content">
      <div v-for="(detail,index) in item.con_lists" :key="index" class="item">
      <div class="list">
      <div>
      <span>承租人</span>
      <span class="bp-name">{{ item.bp_name }}</span>
      </div>
      <div>
      <span>车牌号</span>
      <span>{{ detail.lease_item_car_num }}</span>
      </div>
      </div>
      <div class="list">
      <div>
      <span>参数项</span>
      <span>{{ detail.product_code }}</span>
      </div>
      <div>
      <span>应还金额</span>
      <span class="orange">{{ detail.due_amount|currency }}</span>
      </div>
      </div>
      <div class="list">
      <div>
      <span>发动机号</span>
      <span>{{ detail.lease_item_engine_num }}</span>
      </div>
      <div>
      <span>已还金额</span>
      <span class="blue">{{ detail.received_amount|currency }}</span>
      </div>
      </div>
      <div class="list">
      <div>
      <span>厂商型号</span>
      <span>{{ detail.lease_item_factory_num }}</span>
      </div>
      <div>
      <span>本次还款</span>
      <section>
      <input v-model="detail.amount" type="text" placeholder="请输入还款金额" >
      </section>
      </div>
      </div>
      </div>
      </div>
      </section>
      <list-item :item-height="44">
      <item>
      <div slot="name">逾期利息</div>
      <span slot="content">{{ money|currency }}</span>
      </item>
      </list-item>
      </section>
      <div class="prompt">
      <div>
      <img src="@/assets/payment/prompt.png" alt >
      </div>
      <div>
      <p>温馨提示</p>
      <p>推荐使用农行卡，农行卡支付免收手续费！</p>
      <p>由于存在款项到账时差性，“已还金额”字段可能XXX，给您造成的不便，请谅解，谢谢！</p>
      </div>
      </div>
      <bottom-tab>
      <tab-button class="footer" @click.native="payDetail()">支&nbsp;&nbsp;付</tab-button>
      </bottom-tab>
      </h-content>
      </h-view>
      </template>
      <script>
      export default {
      name: 'PaymentContractRecord',
      components: {},
      beforeRouteEnter (to, from, next) {
      next(vm => {
      vm.getRentInfo()
      vm.money = vm.$route.params.money
      vm.sumMoney = vm.money
      })
      },
      data () {
      return {
      sumMoney: '',
      money: '',
      reFund1: '',
      reFund2: '',
      info: [],
      }
      },
      computed: {},
      watch: {
      info: {
      handler (newName, oldName) {
      let vm = this
      let sumL = []
      vm.sumMoney = vm.money
      for (let i of this.info) {
      i.con_lists.forEach(j => {
      sumL.push(j.amount)
      })
      let a = 0
      let newSum = sumL.filter(item => {
      return item !== ''
      })
      let notNaN = newSum.filter(item => {
      return !isNaN(item)
      })
      if (notNaN.length !== 0) {
      notNaN.forEach(i => {
      a = a + parseFloat(i)
      if (vm.money !== '') {
      vm.sumMoney = parseFloat(a + parseFloat(vm.money))
      } else {
      vm.sumMoney = a
      }
      })
      } else {
      if (vm.money !== '') {
      vm.sumMoney = vm.money
      } else {
      vm.sumMoney = 0
      }
      }
      }
      },
      deep: true,
      },
      },
      activated () {},
      methods: {
      getRentInfo () {
      let vm = this
      let url = process.env.basePath + 'payment_con_list_query'
      let param = {
      bp_id: window.sessionStorage.getItem('bp_id'),
      }
      hlsPopup.showLoading('请稍候')
      vm.$post(url, param).then(function (res) {
      vm.hlsPopup.hideLoading()
      if (res.result === 'S') {
      vm.info = res.prj_lists
      } else {
      hlsPopup.showLongCenter(res.message)
      }
      })
      },
      createData () {
      let pushList = []
      this.info.forEach(i => {
      i.con_lists.forEach(j => {
      let obj = {}
      obj.bp_id = window.sessionStorage.getItem('bp_id')
      obj.amount = j.amount
      obj.contract_id = j.contract_id
      pushList.push(obj)
      })
      })
      return pushList
      },
      payDetail () {
      let vm = this
      let url = process.env.basePath + 'create_detail_1_part'
      let payLists = vm.createData()
      let param = {
      order_id: window.sessionStorage.getItem('order_id'),
      pay_lists: payLists,
      }
      hlsPopup.showLoading('请稍候')
      vm.$post(url, param).then(function (res) {
      vm.hlsPopup.hideLoading()
      if (res.result === 'S') {
      vm.toPayEntry(vm.sumMoney)
      } else {
      hlsPopup.showLongCenter(res.message)
      }
      })
      },
      toPayEntry (money) {
      this.$router.push({
      name: 'PaymentPayEntry',
      params: {
      sumMoney: this.sumMoney,
      money: this.money,
      },
      })
      },
      },
      }
      </script>
      <style lang='less' >
      #payment-contract-record {
      .none {
      display: flex;
      justify-content: center;
      align-items: center;
      }
      .top-head {
      position: relative;
      width: 100%;
      height: 92px;
      background: url("../../../assets/payment/back1.png");
      background-size: 100% 142px;
      }
      .now-pay {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-flow: column wrap;
      }
      .title {
      font-family: PingFangSC-Regular;
      font-size: 14px;
      color: #ffffff;
      margin-top: 1.8%;
      }
      .data {
      font-family: Verdana-Bold;
      font-size: 24px;
      color: #ffffff;
      letter-spacing: 0;
      line-height: 18px;
      margin-top: 16px;
      }
      .search {
      width: 351px;
      margin: 0 auto;
      height: 44px;
      position: relative;
      z-index: 100;
      display: flex;
      align-items: center;
      justify-content: space-around;
      background: #fff;
      border-radius: 0.08rem;
      top: -23px;
      img {
      //position: absolute;
      width: 16px;
      height: 16px;
      // bottom: 28px;
      // right: 31px;
      // top: 83px;
      // z-index: 999;
      }
      input {
      //position: absolute;
      //top: 69px;
      // width: 351px;
      width: 84%;
      height: 94%;
      // height: 44px;
      // border-radius: 4px;
      padding-left: 12px;
      // box-shadow: 0 1px 3px 2px rgba(168, 168, 168, 0.14);
      }
      input::placeholder {
      opacity: 0.4;
      font-family: PingFangSC-Regular;
      font-size: 14px;
      color: #b4b4b5;
      }
      }
      .pay-content {
      width: 100%;
      position: absolute;
      bottom: 150px;
      height: 54%;
      overflow: scroll;
      .contract-item {
      background-color: #fff;
      box-shadow: 0 1px 3px 2px rgba(168, 168, 168, 0.14);
      border-radius: 2px;
      width: 359px;
      margin: 0 auto;
      .header {
      height: 34px;
      background: #fff;
      display: flex;
      align-items: center;
      line-height: 37px;
      padding: 0 16px;
      img {
      height: 30px;
      }
      p {
      flex: 2;
      font-family: PingFangSC-Semibold;
      font-size: 15px;
      color: #383f45;
      letter-spacing: 0;
      font-weight: 700;
      }
      span {
      display: inline-block;
      width: 57px;
      height: 21px;
      text-align: center;
      line-height: 21px;
      border: 1px solid #1d3fff;
      border-radius: 2px;
      font-family: PingFangSC-Regular;
      font-size: 14px;
      color: #3957ff;
      letter-spacing: 0;
      }
      }
      .content {
      margin-bottom: 8px;
      .item {
      padding: 4px 0;
      background-color: #fff;
      margin-bottom: 4px;
      .list {
      margin-bottom: 0;
      display: flex;
      .bp-name {
      width: 75px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      }
      div {
      flex: 1;
      display: flex;
      height: 28px;
      line-height: 29px;
      margin-left: -0px;
      section {
      flex: 1;
      }
      input {
      text-align: center;
      width: 96px;
      height: 28px;
      border-bottom: 1px solid #00469c;
      border-radius: 2px;
      font-family: PingFangSC-Regular;
      font-size: 12px;
      }
      input::placeholder {
      color: #b4b4b5;
      }
      &:first-child {
      flex: 2;
      }
      &:last-child {
      flex: 3;
      margin-left: -40px;
      }
      span:last-child {
      flex: 1;
      font-family: PingFangSC-Regular;
      font-size: 13px;
      color: #383f45;
      }
      span.orange {
      font-family: DIN-Bold;
      font-size: 13px;
      color: #1d3fff;
      font-weight: 700;
      }
      span.blue {
      font-family: DIN-Bold;
      font-size: 13px;
      font-weight: 700;
      color: #383f45;
      }
      span:first-child {
      flex: 1;
      text-align: right;
      margin-right: 10px;
      font-family: PingFangSC-Regular;
      font-size: 13px;
      color: rgba(56, 63, 69, 0.6);
      }
      }
      }
      }
      }
      }
      }
      .prompt {
      position: absolute;
      width: 100%;
      bottom: 40px;
      background: rgba(142, 195, 30, 0.1);
      height: 111px;
      display: flex;
      div:first-child {
      flex: 1;
      padding: 16px 0 0 16px;
      img {
      width: 16px;
      height: 16px;
      }
      }
      div:last-child {
      flex: 12;
      p:first-child {
      padding-top: 16px;
      font-family: PingFangSC-Semibold;
      font-size: 14px;
      color: #8ec31e;
      letter-spacing: 0.5px;
      margin-bottom: 7px;
      }
      p:nth-child(n + 2) {
      text-indent: 2em;
      padding-right: 16px;
      line-height: 20px;
      font-family: PingFangSC-Regular;
      font-size: 12px;
      color: rgba(101, 100, 100, 0.8);
      letter-spacing: 0.37px;
      margin-left: -22px;
      }
      }
      }
      .footer {
      background: @headerColor;
      color: white;
      }
      }
      </style>
      www/index.html
      View file @ 74dd2314
      <!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,width=device-width,viewport-fit=cover"><meta name=format-detection content="telephone=no"><meta name=format-detection content="email=no"><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><script type=text/javascript src=./static/vuePlatform.js></script><script type=text/javascript src=./static/prototype.js></script><script type=text/javascript src=cordova.js></script><script type=text/javascript src="http://api.map.baidu.com/api?v=2.0&ak=CyOWd7pmPurvZ0PERgxEOlAlifG0y7Sp"></script><title>xcmg</title><link href=./static/css/app.e98353bdaa2e9a17f3294a901de26692.css rel=stylesheet></head><body><div id=app-box></div><script type=text/javascript src=./static/js/manifest.3ad1d5771e9b13dbdad2.js></script><script type=text/javascript src=./static/js/vendor.e547499500fbe65e7169.js></script><script type=text/javascript src=./static/js/app.6f0329b8e167e3a3d3c7.js></script></body></html>
      \ No newline at end of file
      <!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,width=device-width,viewport-fit=cover"><meta name=format-detection content="telephone=no"><meta name=format-detection content="email=no"><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><script type=text/javascript src=./static/vuePlatform.js></script><script type=text/javascript src=./static/prototype.js></script><script type=text/javascript src=cordova.js></script><script type=text/javascript src="http://api.map.baidu.com/api?v=2.0&ak=CyOWd7pmPurvZ0PERgxEOlAlifG0y7Sp"></script><title>徐工融租</title><link href=./static/css/app.8f0a8a0d6ef283f3106145ffb247b191.css rel=stylesheet></head><body><div id=app-box></div><script type=text/javascript src=./static/js/manifest.3ad1d5771e9b13dbdad2.js></script><script type=text/javascript src=./static/js/vendor.e547499500fbe65e7169.js></script><script type=text/javascript src=./static/js/app.f95b4cd0438a2bcd59ee.js></script></body></html>
      \ No newline at end of file
      www/static/css/app.8f0a8a0d6ef283f3106145ffb247b191.css.map 0 → 100644
      View file @ 74dd2314
      This source diff could not be displayed because it is too large. You can view the blob instead.
      www/static/css/app.e98353bdaa2e9a17f3294a901de26692.css.map deleted 100644 → 0
      View file @ 8255f21b
      This source diff could not be displayed because it is too large. You can view the blob instead.
      www/static/js/app.6f0329b8e167e3a3d3c7.js deleted 100644 → 0
      View file @ 8255f21b
      This source diff could not be displayed because it is too large. You can view the blob instead.
      www/static/js/app.f95b4cd0438a2bcd59ee.js 0 → 100644
      View file @ 74dd2314
      This source diff could not be displayed because it is too large. You can view the blob instead.
      www/static/js/manifest.3ad1d5771e9b13dbdad2.js.map
      View file @ 74dd2314
      {"version":3,"sources":["webpack:///static/js/manifest.3ad1d5771e9b13dbdad2.js","webpack:///webpack/bootstrap 71c42240d46f00a45f59"],"names":["modules","__webpack_require__","moduleId","installedModules","exports","module","i","l","call","parentJsonpFunction","window","chunkIds","moreModules","executeModules","chunkId","result","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","shift","s","2","m","c","d","name","getter","o","defineProperty","configurable","enumerable","get","n","__esModule","object","property","p","oe","err"],"mappings":"CAAS,SAAUA,GCuCjB,QAASC,GAAoBC,GAG5B,GAAGC,EAAiBD,GACnB,MAAOC,GAAiBD,GAAUE,OAGnC,IAAIC,GAASF,EAAiBD,IAC7BI,EAAGJ,EACHK,GAAG,EACHH,WAUD,OANAJ,GAAQE,GAAUM,KAAKH,EAAOD,QAASC,EAAQA,EAAOD,QAASH,GAG/DI,EAAOE,GAAI,EAGJF,EAAOD,QA1Df,GAAIK,GAAsBC,OAAqB,YAC/CA,QAAqB,aAAI,SAA8BC,EAAUC,EAAaC,GAI7E,IADA,GAAIX,GAAUY,EAA+BC,EAAtBT,EAAI,EAAGU,KACzBV,EAAIK,EAASM,OAAQX,IACzBQ,EAAUH,EAASL,GAChBY,EAAgBJ,IAClBE,EAASG,KAAKD,EAAgBJ,GAAS,IAExCI,EAAgBJ,GAAW,CAE5B,KAAIZ,IAAYU,GACZQ,OAAOC,UAAUC,eAAed,KAAKI,EAAaV,KACpDF,EAAQE,GAAYU,EAAYV,GAIlC,KADGO,GAAqBA,EAAoBE,EAAUC,EAAaC,GAC7DG,EAASC,QACdD,EAASO,SAEV,IAAGV,EACF,IAAIP,EAAE,EAAGA,EAAIO,EAAeI,OAAQX,IACnCS,EAASd,EAAoBA,EAAoBuB,EAAIX,EAAeP,GAGtE,OAAOS,GAIR,IAAIZ,MAGAe,GACHO,EAAG,EA6BJxB,GAAoByB,EAAI1B,EAGxBC,EAAoB0B,EAAIxB,EAGxBF,EAAoB2B,EAAI,SAASxB,EAASyB,EAAMC,GAC3C7B,EAAoB8B,EAAE3B,EAASyB,IAClCT,OAAOY,eAAe5B,EAASyB,GAC9BI,cAAc,EACdC,YAAY,EACZC,IAAKL,KAMR7B,EAAoBmC,EAAI,SAAS/B,GAChC,GAAIyB,GAASzB,GAAUA,EAAOgC,WAC7B,WAAwB,MAAOhC,GAAgB,SAC/C,WAA8B,MAAOA,GAEtC,OADAJ,GAAoB2B,EAAEE,EAAQ,IAAKA,GAC5BA,GAIR7B,EAAoB8B,EAAI,SAASO,EAAQC,GAAY,MAAOnB,QAAOC,UAAUC,eAAed,KAAK8B,EAAQC,IAGzGtC,EAAoBuC,EAAI,KAGxBvC,EAAoBwC,GAAK,SAASC,GAA2B,KAAMA","file":"static/js/manifest.3ad1d5771e9b13dbdad2.js","sourcesContent":["/******/ (function(modules) { // webpackBootstrap\n/******/ \t// install a JSONP callback for chunk loading\n/******/ \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n/******/ \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\n/******/ \t\t// add \"moreModules\" to the modules object,\n/******/ \t\t// then flag all \"chunkIds\" as loaded and fire callback\n/******/ \t\tvar moduleId, chunkId, i = 0, resolves = [], result;\n/******/ \t\tfor(;i < chunkIds.length; i++) {\n/******/ \t\t\tchunkId = chunkIds[i];\n/******/ \t\t\tif(installedChunks[chunkId]) {\n/******/ \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n/******/ \t\t\t}\n/******/ \t\t\tinstalledChunks[chunkId] = 0;\n/******/ \t\t}\n/******/ \t\tfor(moduleId in moreModules) {\n/******/ \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n/******/ \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n/******/ \t\t\t}\n/******/ \t\t}\n/******/ \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);\n/******/ \t\twhile(resolves.length) {\n/******/ \t\t\tresolves.shift()();\n/******/ \t\t}\n/******/ \t\tif(executeModules) {\n/******/ \t\t\tfor(i=0; i < executeModules.length; i++) {\n/******/ \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n/******/ \t\t\t}\n/******/ \t\t}\n/******/ \t\treturn result;\n/******/ \t};\n/******/\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// objects to store loaded and loading chunks\n/******/ \tvar installedChunks = {\n/******/ \t\t2: 0\n/******/ \t};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId]) {\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/ \t\t}\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\ti: moduleId,\n/******/ \t\t\tl: false,\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.l = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// define getter function for harmony exports\n/******/ \t__webpack_require__.d = function(exports, name, getter) {\n/******/ \t\tif(!__webpack_require__.o(exports, name)) {\n/******/ \t\t\tObject.defineProperty(exports, name, {\n/******/ \t\t\t\tconfigurable: false,\n/******/ \t\t\t\tenumerable: true,\n/******/ \t\t\t\tget: getter\n/******/ \t\t\t});\n/******/ \t\t}\n/******/ \t};\n/******/\n/******/ \t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t__webpack_require__.n = function(module) {\n/******/ \t\tvar getter = module && module.__esModule ?\n/******/ \t\t\tfunction getDefault() { return module['default']; } :\n/******/ \t\t\tfunction getModuleExports() { return module; };\n/******/ \t\t__webpack_require__.d(getter, 'a', getter);\n/******/ \t\treturn getter;\n/******/ \t};\n/******/\n/******/ \t// Object.prototype.hasOwnProperty.call\n/******/ \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"./\";\n/******/\n/******/ \t// on error function for async loading\n/******/ \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n/******/ })\n/************************************************************************/\n/******/ ([]);\n\n\n// WEBPACK FOOTER //\n// static/js/manifest.3ad1d5771e9b13dbdad2.js"," \t// install a JSONP callback for chunk loading\n \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [], result;\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n \t\tif(executeModules) {\n \t\t\tfor(i=0; i < executeModules.length; i++) {\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t};\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// objects to store loaded and loading chunks\n \tvar installedChunks = {\n \t\t2: 0\n \t};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"./\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 71c42240d46f00a45f59"],"sourceRoot":""}
      \ No newline at end of file
      {"version":3,"sources":["webpack:///static/js/manifest.3ad1d5771e9b13dbdad2.js","webpack:///webpack/bootstrap e34fcb62dfc0ad9593de"],"names":["modules","__webpack_require__","moduleId","installedModules","exports","module","i","l","call","parentJsonpFunction","window","chunkIds","moreModules","executeModules","chunkId","result","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","shift","s","2","m","c","d","name","getter","o","defineProperty","configurable","enumerable","get","n","__esModule","object","property","p","oe","err"],"mappings":"CAAS,SAAUA,GCuCjB,QAASC,GAAoBC,GAG5B,GAAGC,EAAiBD,GACnB,MAAOC,GAAiBD,GAAUE,OAGnC,IAAIC,GAASF,EAAiBD,IAC7BI,EAAGJ,EACHK,GAAG,EACHH,WAUD,OANAJ,GAAQE,GAAUM,KAAKH,EAAOD,QAASC,EAAQA,EAAOD,QAASH,GAG/DI,EAAOE,GAAI,EAGJF,EAAOD,QA1Df,GAAIK,GAAsBC,OAAqB,YAC/CA,QAAqB,aAAI,SAA8BC,EAAUC,EAAaC,GAI7E,IADA,GAAIX,GAAUY,EAA+BC,EAAtBT,EAAI,EAAGU,KACzBV,EAAIK,EAASM,OAAQX,IACzBQ,EAAUH,EAASL,GAChBY,EAAgBJ,IAClBE,EAASG,KAAKD,EAAgBJ,GAAS,IAExCI,EAAgBJ,GAAW,CAE5B,KAAIZ,IAAYU,GACZQ,OAAOC,UAAUC,eAAed,KAAKI,EAAaV,KACpDF,EAAQE,GAAYU,EAAYV,GAIlC,KADGO,GAAqBA,EAAoBE,EAAUC,EAAaC,GAC7DG,EAASC,QACdD,EAASO,SAEV,IAAGV,EACF,IAAIP,EAAE,EAAGA,EAAIO,EAAeI,OAAQX,IACnCS,EAASd,EAAoBA,EAAoBuB,EAAIX,EAAeP,GAGtE,OAAOS,GAIR,IAAIZ,MAGAe,GACHO,EAAG,EA6BJxB,GAAoByB,EAAI1B,EAGxBC,EAAoB0B,EAAIxB,EAGxBF,EAAoB2B,EAAI,SAASxB,EAASyB,EAAMC,GAC3C7B,EAAoB8B,EAAE3B,EAASyB,IAClCT,OAAOY,eAAe5B,EAASyB,GAC9BI,cAAc,EACdC,YAAY,EACZC,IAAKL,KAMR7B,EAAoBmC,EAAI,SAAS/B,GAChC,GAAIyB,GAASzB,GAAUA,EAAOgC,WAC7B,WAAwB,MAAOhC,GAAgB,SAC/C,WAA8B,MAAOA,GAEtC,OADAJ,GAAoB2B,EAAEE,EAAQ,IAAKA,GAC5BA,GAIR7B,EAAoB8B,EAAI,SAASO,EAAQC,GAAY,MAAOnB,QAAOC,UAAUC,eAAed,KAAK8B,EAAQC,IAGzGtC,EAAoBuC,EAAI,KAGxBvC,EAAoBwC,GAAK,SAASC,GAA2B,KAAMA","file":"static/js/manifest.3ad1d5771e9b13dbdad2.js","sourcesContent":["/******/ (function(modules) { // webpackBootstrap\n/******/ \t// install a JSONP callback for chunk loading\n/******/ \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n/******/ \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\n/******/ \t\t// add \"moreModules\" to the modules object,\n/******/ \t\t// then flag all \"chunkIds\" as loaded and fire callback\n/******/ \t\tvar moduleId, chunkId, i = 0, resolves = [], result;\n/******/ \t\tfor(;i < chunkIds.length; i++) {\n/******/ \t\t\tchunkId = chunkIds[i];\n/******/ \t\t\tif(installedChunks[chunkId]) {\n/******/ \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n/******/ \t\t\t}\n/******/ \t\t\tinstalledChunks[chunkId] = 0;\n/******/ \t\t}\n/******/ \t\tfor(moduleId in moreModules) {\n/******/ \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n/******/ \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n/******/ \t\t\t}\n/******/ \t\t}\n/******/ \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);\n/******/ \t\twhile(resolves.length) {\n/******/ \t\t\tresolves.shift()();\n/******/ \t\t}\n/******/ \t\tif(executeModules) {\n/******/ \t\t\tfor(i=0; i < executeModules.length; i++) {\n/******/ \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n/******/ \t\t\t}\n/******/ \t\t}\n/******/ \t\treturn result;\n/******/ \t};\n/******/\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// objects to store loaded and loading chunks\n/******/ \tvar installedChunks = {\n/******/ \t\t2: 0\n/******/ \t};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId]) {\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/ \t\t}\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\ti: moduleId,\n/******/ \t\t\tl: false,\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.l = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// define getter function for harmony exports\n/******/ \t__webpack_require__.d = function(exports, name, getter) {\n/******/ \t\tif(!__webpack_require__.o(exports, name)) {\n/******/ \t\t\tObject.defineProperty(exports, name, {\n/******/ \t\t\t\tconfigurable: false,\n/******/ \t\t\t\tenumerable: true,\n/******/ \t\t\t\tget: getter\n/******/ \t\t\t});\n/******/ \t\t}\n/******/ \t};\n/******/\n/******/ \t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t__webpack_require__.n = function(module) {\n/******/ \t\tvar getter = module && module.__esModule ?\n/******/ \t\t\tfunction getDefault() { return module['default']; } :\n/******/ \t\t\tfunction getModuleExports() { return module; };\n/******/ \t\t__webpack_require__.d(getter, 'a', getter);\n/******/ \t\treturn getter;\n/******/ \t};\n/******/\n/******/ \t// Object.prototype.hasOwnProperty.call\n/******/ \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"./\";\n/******/\n/******/ \t// on error function for async loading\n/******/ \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n/******/ })\n/************************************************************************/\n/******/ ([]);\n\n\n// WEBPACK FOOTER //\n// static/js/manifest.3ad1d5771e9b13dbdad2.js"," \t// install a JSONP callback for chunk loading\n \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [], result;\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n \t\tif(executeModules) {\n \t\t\tfor(i=0; i < executeModules.length; i++) {\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t};\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// objects to store loaded and loading chunks\n \tvar installedChunks = {\n \t\t2: 0\n \t};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"./\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap e34fcb62dfc0ad9593de"],"sourceRoot":""}
      \ No newline at end of file
      Markdown is supported
      0% or
      You are about to add 0 people to the discussion. Proceed with caution.
      Finish editing this message first!
      Please register or to comment