<script setup lang="ts">
import {
  description_columns_in,
  description_columns_out,
  public_columns
} from "../../config/configs";
import BasicDescriptions from "/@/components/BasicDescriptions";
defineProps<{
  tradeInfo: Record<string, string>;
}>();
</script>

<template>
  <el-row>
    <el-col :span="8">
      <BasicDescriptions
        ref="defaultRef1"
        :data="tradeInfo"
        :columns="public_columns"
      />
    </el-col>
    <el-col :span="8">
      <BasicDescriptions
        ref="defaultRef2"
        :data="tradeInfo"
        :columns="description_columns_out"
    /></el-col>
    <el-col :span="8">
      <BasicDescriptions
        ref="defaultRef3"
        :data="tradeInfo"
        :columns="description_columns_in"
    /></el-col>
  </el-row>

  <!-- <div flex>
    <el-descriptions :column="1" border flex-1 size="small">
      <el-descriptions-item
        title="资金信息 "
        v-for="(item, index) in public_columns"
        :key="index"
        :label="item.label"
      >
        {{ tradeInfo[item.field] }}
      </el-descriptions-item>
    </el-descriptions>
    <el-descriptions :column="1" border flex-1 size="small">
      <el-descriptions-item
        v-for="(item, index) in description_columns_out"
        :key="index"
        :label="item.label"
        >{{ tradeInfo[item.field] }}</el-descriptions-item
      >
    </el-descriptions>

    <el-descriptions :column="1" border flex-1 size="small">
      <el-descriptions-item
        v-for="(item, index) in description_columns_in"
        :key="index"
        :label="item.label"
        >{{ tradeInfo[item.field] }}</el-descriptions-item
      >
    </el-descriptions>
  </div> -->
</template>

<style lang="scss" scoped>
:deep(.el-descriptions__label) {
  width: 80px !important;
}
</style>
