Skip to content

描述列表 - IKDescription

props

props类型说明默认值
titleString标题""
columnNumber每行列数2
tableSizeString表格的大小尺寸(large / default / small)"default"
borderBoolean是否需要边框true
tableDataArray表格的数据[]
titleWidthString标题的宽度"200px"
contentWidthString内容的宽度""

示例代码

vue
<script lang="ts" setup>
// 示例数据
const exampleData = ref<any>([
  {
    label: "招标编号",
    value: "AB1234567",
    key: "projectNum",
  },
  {
    label: "招标项目名称",
    value: "示例招标项目名称",
    key: "projectName",
  },
  {
    label: "招标人",
    value: "某某招标人",
    key: "tenderee",
  },
  {
    label: "中标通知书发放时间",
    value: "2023-10-20",
    key: "awardNotifyTime",
  },
  {
    label: "中标单位",
    value: "陕西金合科技股份有限公司",
    key: "awardOrganization",
  },
  {
    label: "中标价格/万元",
    value: "100",
    key: "awardAmount",
  },
  {
    label: "是否属于依法必招范围",
    value: "是",
    span: 2,
    key: "mustBidsScope",
  },
  {
    label: "是否采用电子招标",
    value: "否",
    key: "electronic",
  },
  {
    label: "采购类型",
    value: "",
    key: "typeName",
  },
  {
    label: "招标形式",
    value: "公开招标",
    span: 2,
    key: "bidingFormName",
  },
  {
    label: "备注",
    value: "",
    span: 2,
    key: "remark",
  },
]);
</script>
<template>
  <IkPageMain fixed>
    <IKDescription :tableData="exampleData" />
  </IkPageMain>
</template>