0430号修改

lxf

2025-04-30 b4c4556a5eddf6708ec55b07e3edc15b2217842e

 src/page/cashWithdrawalRecord/compontents/cash-list.vue

@@ -1,62 +1,102 @@
<template>
  <div class="wrapper">
    <div v-if="list.length<=0" class="empty text-center">
      {{ $t('hj162e')}}!
    <div v-if="list.length <= 0" class="empty text-center">
      {{ $t("hj162e") }}!
    </div>
    <div v-else>
      <ul
        class="table-list"
        v-infinite-scroll="loadMore"
        infinite-scroll-disabled="loading"
        infinite-scroll-distance="10">
        <li class="list-body" v-for="(item) in list" :key="item.key">
        infinite-scroll-distance="10"
      >
        <li class="list-body" v-for="item in list" :key="item.key">
          <div class="order-info-box" style="border-radius: .15rem">
            <div class="order-title">
                    <span class="main">
                        {{ $t('hjtxyhk') }}
                    </span>
              <span class="payNumber"> ﷼{{item.withAmt}}</span>
              <span class="main">
                {{ $t("hjtxyhk") }}
              </span>
              <span class="payNumber"> {{ item.withAmt }}</span>
              <span class="red pull-right">
                        {{item.withStatus == 1?$t('hjtxcg'):item.withStatus == 2?$t('hjtxsb'):item.withStatus == 3?$t('hjddqx'):$t('hjshz')}}
                        <i v-if="item.withStatus == 1" class="iconfont icon-tongguo4 animated bounceIn"></i>
                        <i v-if="item.withStatus==0" class="iconfont icon-dengdai animated bounceInDown"></i>
                        <i v-if="item.withStatus == 2" class="iconfont icon-failure animated bounceInDown"></i>
                        <i v-if="item.withStatus == 3"
                           class="iconfont icon-iconfontweitongguo animated bounceInDown"></i>
                    </span>
                {{
                  item.withStatus == 1
                    ? $t("hjtxcg")
                    : item.withStatus == 2
                    ? $t("hjtxsb")
                    : item.withStatus == 3
                    ? $t("hjddqx")
                    : $t("hjshz")
                }}
                <i
                  v-if="item.withStatus == 1"
                  class="iconfont icon-tongguo4 animated bounceIn"
                ></i>
                <i
                  v-if="item.withStatus == 0"
                  class="iconfont icon-dengdai animated bounceInDown"
                ></i>
                <i
                  v-if="item.withStatus == 2"
                  class="iconfont icon-failure animated bounceInDown"
                ></i>
                <i
                  v-if="item.withStatus == 3"
                  class="iconfont icon-iconfontweitongguo animated bounceInDown"
                ></i>
              </span>
              <!-- <span class="secondary ">123456789</span> -->
            </div>
            <div class="order-info">
              <p class="clearfix">
                <span class="col-xs-6">{{ $t('hj44') }}:<b class="space"> ﷼{{item.withFee}}</b></span>
                <span class="col-xs-6"
                  >{{ $t("hj44") }}:<b class="space">
                    {{ item.withFee }}</b
                  ></span
                >
                <!-- <span class="col-xs-6">实际到账金额:<b class="space" style="font-size:0.26rem">{{item.withAmt - item.withFee}}</b>元</span>                         -->
              </p>
              <p class="clearfix">
                <span class="col-xs-12">{{ $t('hj247') }}:<b class="space">{{item.bankName}}-{{item.bankAddress}}</b></span>
                <span class="col-xs-12"
                  >{{ $t("hj247") }}:<b class="space"
                    >{{ item.bankName }}-{{ item.bankAddress }}</b
                  ></span
                >
              </p>
              <p class="clearfix">
                <span class="col-xs-12">{{ $t('hjkh') }}:<b class="space">{{item.bankNo}}</b></span>
                <span class="col-xs-12"
                  >{{ $t("hjkh") }}:<b class="space">{{ item.bankNo }}</b></span
                >
              </p>
              <p v-if="item.withStatus == 3" class="clearfix">
                <span class="col-xs-12">{{ $t('hjqxyy') }}:<b class="space">{{item.withMsg}}</b></span>
                <span class="col-xs-12"
                  >{{ $t("hjqxyy") }}:<b class="space">{{
                    item.withMsg
                  }}</b></span
                >
              </p>
              <p v-if="item.withStatus == 2" class="clearfix">
                <span class="col-xs-12">{{ $t('hj201') }}:<b class="space">{{item.withMsg}}</b></span>
                <span class="col-xs-12"
                  >{{ $t("hj201") }}:<b class="space">{{
                    item.withMsg
                  }}</b></span
                >
              </p>
              <p class="clearfix">
                        <span class="secondary col-xs-6">{{ $t('sj') }}:
                            <b v-if="item.applyTime">{{new Date(item.applyTime) | timeFormat}}</b>
                            <b v-else></b>
                        </span>
                <span class="secondary col-xs-6"
                  >{{ $t("sj") }}:
                  <b v-if="item.applyTime">{{
                    new Date(item.applyTime) | timeFormat
                  }}</b>
                  <b v-else></b>
                </span>
              </p>
            </div>
           <!-- <div v-if="item.withStatus == 0" class="order-foot clearfix">
            <!-- <div v-if="item.withStatus == 0" class="order-foot clearfix">
              <div @click="cancle(item.id)" class="foot-btn">
                <i class='font-icon'></i>
                {{ $t('hjqxtx') }}
              </div>
            </div> -->

          </div>
          <!-- <div class="capital">
              <div class="pro">
@@ -76,147 +116,147 @@
        loading...
      </div>
      <div v-show="!loading" class="load-all text-center">
        {{ $t('hj236') }}
        {{ $t("hj236") }}
      </div>
    </div>
  </div>
</template>

<script>
import { Toast } from 'mint-ui'
import * as api from '@/axios/api'
import { Toast } from "mint-ui";
import * as api from "@/axios/api";

export default {
  components: {},
  props: {},
  data () {
  data() {
    return {
      loading: false,
      list: [],
      pageNum: 1,
      pageSize: 15
    }
    };
  },
  watch: {},
  computed: {},
  created () {},
  mounted () {
    this.getListDetail()
  created() {},
  mounted() {
    this.getListDetail();
  },
  methods: {
    async getListDetail () {
    async getListDetail() {
      let opt = {
        withStatus: '', // 提现状态 0已提交，1转账成功，2转账失败
        withStatus: "", // 提现状态 0已提交，1转账成功，2转账失败
        pageNum: this.pageNum,
        pageSize: 15
      }
      let data = await api.withdrawList(opt)
      };
      let data = await api.withdrawList(opt);
      if (data.status === 0) {
        data.data.list.forEach(element => {
          this.list.push(element)
        })
          this.list.push(element);
        });
      } else {
        Toast(data.msg)
        Toast(data.msg);
      }
    },
    async loadMore () {
    async loadMore() {
      if (this.list.length < 10) {
        return
        return;
      }
      this.loading = true
      this.loading = true;
      // 加载下一页
      this.pageNum++
      await this.getListDetail()
      this.loading = false
      this.pageNum++;
      await this.getListDetail();
      this.loading = false;
    },
    async cancle (val) {
    async cancle(val) {
      // 取消提现
      // MessageBox.confirm('您确定要平仓吗?').then(async action => {
      let opt = {
        withId: val
      }
      let data = await api.canceloutMoney(opt)
      };
      let data = await api.canceloutMoney(opt);
      if (data.status === 0) {
        this.list = []
        Toast(data.msg)
        this.getListDetail()
        this.list = [];
        Toast(data.msg);
        this.getListDetail();
      } else {
        Toast(data.msg)
        Toast(data.msg);
      }
      // });
    }
  },
  filters: {
    timeFormat (time) {
    timeFormat(time) {
      if (!time) {
        return ''
        return "";
      }
      var nd = new Date(time)
      var y = nd.getFullYear()
      var mm = nd.getMonth() + 1
      var d = nd.getDate()
      var h = nd.getHours()
      var m = nd.getMinutes()
      var c = nd.getSeconds()
      var nd = new Date(time);
      var y = nd.getFullYear();
      var mm = nd.getMonth() + 1;
      var d = nd.getDate();
      var h = nd.getHours();
      var m = nd.getMinutes();
      var c = nd.getSeconds();
      if (mm < 10) {
        mm = '0' + mm
        mm = "0" + mm;
      }
      if (d < 10) {
        d = '0' + d
        d = "0" + d;
      }
      if (h < 10) {
        h = '0' + h
        h = "0" + h;
      }
      if (m < 10) {
        m = '0' + m
        m = "0" + m;
      }
      if (c < 10) {
        c = '0' + c
        c = "0" + c;
      }
      // 17:35:2922-06-2022
      // return y + '/' + mm + '/' + d + ' ' + h + ':' + m + ':' + c  //年月日时分秒
      return d + '/' + mm + '/' + y + ' ' + h + ':' + m + ':' + c  //日月年时分秒
      return d + "/" + mm + "/" + y + " " + h + ":" + m + ":" + c; //日月年时分秒
    }
  }
};
</script>
<style lang="less" scoped>
.wrapper {
  // padding-top: 0.9rem;
}

.payNumber {
  font-size: 0.3rem;
  color: #ff8000;
}

.table-list {
  padding: 0.2rem 0;

  .list-body {
    padding: 0.1rem 0.2rem;
    .capital:nth-child(1) {
      border-top: 0.01rem solid #3f444a;
    }

    .capital {
      padding: 0.2rem;
      // border-radius: 0.2rem;
      border-bottom: 0.01rem solid #3f444a;

      div {
        line-height: 0.4rem;
      }

      .col-xs-4 {
        padding-left: 0;
        padding-right: 0;
      }

      .pro {
        color: #999;
      }
    }
  }
}
</script>
<style lang="less" scoped>
  .wrapper {
    // padding-top: 0.9rem;
  }

  .payNumber {
    font-size: 0.3rem;
    color: #ff8000;
  }

  .table-list {
    padding: 0.2rem 0;

    .list-body {
      padding: 0.1rem 0.2rem;
      .capital:nth-child(1) {
        border-top: 0.01rem solid #3f444a;
      }

      .capital {
        padding: 0.2rem;
        // border-radius: 0.2rem;
        border-bottom: 0.01rem solid #3f444a;

        div {
          line-height: 0.4rem;
        }

        .col-xs-4 {
          padding-left: 0;
          padding-right: 0;
        }

        .pro {
          color: #999;
        }
      }
    }
  }
</style>