ldt-manger-web/src/views/ldt_bills/comps/billTraceInfo.vue

<template>
  <basic-container>
    <avue-crud :option="option" v-model="form">
    </avue-crud>
  </basic-container>
</template>

<script>
import {getDetail} from "@/api/ldt_bills/billtrace"

export default {
  data() {
    return {
      billId: null,
      form: {},
      option: {
        group: [
          {
            label: "付款流水",
            prop: "bills",
            icon: "el-icon-info",
            column: [
              {
                label: "订单号",
                prop: "id"
              },
            ]
          },
          {
            label: "积分流水",
            prop: "pointBills",
            icon: "",
            column: [
              {
                label: "订单号",
                prop: "id"
              },
            ]
          },
          {
            label: "余额流水",
            prop: "balanceBills",
            icon: "",
            column: [
              {
                label: "订单号",
                prop: "id"
              },
            ]
          },
          {
            label: "平台流水",
            prop: "platformBills",
            icon: "",
            column: [
              {
                label: "订单号",
                prop: "id"
              },
            ]
          },
          {
            label: "冻结流水",
            prop: "frozenRec",
            icon: "",
            column: [
              {
                label: "订单号",
                prop: "id"
              },
            ]
          },
        ]
      },
    }
  },
  mounted() {
    this.init();
  },
  methods: {
    init() {
      this.billId = this.$route.params.billId;
      getDetail(this.billId).then((res) => {
        const data = res.data.data;
        this.form = data.bills;
      });
    },
  }
}
</script>

<style scoped>

</style>