0430号修改

lxf

2025-04-30 b4c4556a5eddf6708ec55b07e3edc15b2217842e

 src/page/home/Record.vue

@@ -11,7 +11,9 @@
      <!-- <div class="main-title">{{ $t("請選擇提款账户") }}</div> -->
      <van-cell
        is-link
        :title="rechargeAccountData.name?rechargeAccountData.name:$t('請選擇')"
        :title="
          rechargeAccountData.name ? rechargeAccountData.name : $t('請選擇')
        "
        @click="rechargeAccountShow = true"
      />
      <van-action-sheet
@@ -22,62 +24,59 @@
        @select="rechargeAccountSelect"
      />
      <div class="pages_box">
          <!-- <div class="pages_box_after">账变前</div> -->
          <div class="pages_box_after">{{$t('je')}}</div>
          <!-- <div class="pages_box_after">账变后</div> -->
          <div class="pages_box_after">{{$t('操作时间')}}</div>
          <div class="pages_box_after">{{$t('描述')}}</div>
        <!-- <div class="pages_box_after">账变前</div> -->
        <div class="pages_box_after">{{ $t("je") }}</div>
        <!-- <div class="pages_box_after">账变后</div> -->
        <div class="pages_box_after">{{ $t("操作时间") }}</div>
        <div class="pages_box_after">{{ $t("描述") }}</div>
      </div>
      <div class="pages_box" v-for="(item,index) in pagelist" :key="index">
          <!-- <div class="pages_box_after">₹{{item.after}}</div> -->
          <div class="pages_box_after">₹{{item.amount }}</div>
          <!-- <div class="pages_box_after">₹{{item.beFore}}</div> -->
          <div class="pages_box_after">{{
                $moment(item.createTime).format(
                  "DD-MM-YYYY hh:mm:ss A"
                )
              }}</div>
          <div class="pages_box_after">{{item.descs}}</div>
      <div class="pages_box" v-for="(item, index) in pagelist" :key="index">
        <!-- <div class="pages_box_after">  {{item.after}}</div> -->
        <div class="pages_box_after">{{ item.amount }}</div>
        <!-- <div class="pages_box_after">  {{item.beFore}}</div> -->
        <div class="pages_box_after">
          {{ $moment(item.createTime).format("DD-MM-YYYY hh:mm:ss A") }}
        </div>
        <div class="pages_box_after">{{ item.descs }}</div>
      </div>
    </div>
  </div>

</template>

<script>
  import * as api from "@/axios/api";
import * as api from "@/axios/api";
export default {
  data() {
    return {
      userInfo:'',
      pagelist:[],
      userInfo: "",
      pagelist: [],
      rechargeAccountActions: [
        {
          name: this.$t('gm'),
          key: "BUY",
          name: this.$t("gm"),
          key: "BUY"
        },
        {
          name: this.$t('hj121'),
          key: "CLOSE_POSITION",
          name: this.$t("hj121"),
          key: "CLOSE_POSITION"
        },
        {
          name: this.$t('hj44'),
          key: "HANDLING_CHARGE",
        },
          name: this.$t("hj44"),
          key: "HANDLING_CHARGE"
        }
      ],
      rechargeAccountShow: false,
      rechargeAccountData: {},
      type:'',
      type: ""
    };
  },
  mounted() {
    this.getUserInfo()
    this.getUserInfo();
    this.getpagelist();
  },
  methods: {
    rechargeAccountSelect(e) {
      this.rechargeAccountData = e;
      this.type = e.key
      this.type = e.key;
      this.getpagelist();
    },
    async getUserInfo() {
@@ -90,74 +89,77 @@
      } else {
      }
    },
   async getpagelist(){
      let result = await api.moneylogAll({ userId: this.$store.state.userInfo.id,type:this.type,pageSize:9999, });
    async getpagelist() {
      let result = await api.moneylogAll({
        userId: this.$store.state.userInfo.id,
        type: this.type,
        pageSize: 9999
      });
      if (result.status === 0) {
        this.pagelist = result.data.records
        this.pagelist = result.data.records;
      } else {

      }
    },
  },
    }
  }
};
</script>

<style scoped lang="less">
  main {
    padding: 0 0.4rem 0.53333rem;
    box-sizing: border-box;
  }
  .main-title {
    font-style: normal;
    font-weight: 400;
    font-size: 0.37333rem;
    color: #8c9fad;
    margin-top: 0.3rem;
  }
main {
  padding: 0 0.4rem 0.53333rem;
  box-sizing: border-box;
}
.main-title {
  font-style: normal;
  font-weight: 400;
  font-size: 0.37333rem;
  color: #8c9fad;
  margin-top: 0.3rem;
}

  .pages_box_after{
    flex: 1;
    text-align: center;
  }
  .pages_box{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 60px;
    line-height: 60px;
    background-color: #fff;
    flex: 1;
    border-bottom: 1px solid #acc4d4;
    font-size: 12px;
  }
  .pages{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  /deep/ .van-cell {
    list-style: none;
    width: 100%;
    margin-top: 0.26667rem;
    background: #fff;
    border-radius: 0.10667rem;
    list-style: none;
    border: none;
    font-family: Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 0.37333rem;
    line-height: 0.53333rem;
    padding: 0.32rem 0.4rem;
    box-sizing: border-box;
    margin-top: 0.26667rem;
    box-shadow: 0 0.16rem 0.32rem #eaeaea99;
    margin-bottom: 20px;
  }
.pages_box_after {
  flex: 1;
  text-align: center;
}
.pages_box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  height: 60px;
  line-height: 60px;
  background-color: #fff;
  flex: 1;
  border-bottom: 1px solid #acc4d4;
  font-size: 12px;
}
.pages {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
/deep/ .van-cell {
  list-style: none;
  width: 100%;
  margin-top: 0.26667rem;
  background: #fff;
  border-radius: 0.10667rem;
  list-style: none;
  border: none;
  font-family: Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 0.37333rem;
  line-height: 0.53333rem;
  padding: 0.32rem 0.4rem;
  box-sizing: border-box;
  margin-top: 0.26667rem;
  box-shadow: 0 0.16rem 0.32rem #eaeaea99;
  margin-bottom: 20px;
}
/deep/ .van-nav-bar__content {
  height: 65px;
}