描述列表 - IKDescription
props
props | 类型 | 说明 | 默认值 |
---|---|---|---|
title | String | 标题 | "" |
column | Number | 每行列数 | 2 |
tableSize | String | 表格的大小尺寸(large / default / small) | "default" |
border | Boolean | 是否需要边框 | true |
tableData | Array | 表格的数据 | [] |
titleWidth | String | 标题的宽度 | "200px" |
contentWidth | String | 内容的宽度 | "" |
示例代码
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>