53 lines
1.1 KiB
Vue
53 lines
1.1 KiB
Vue
<template>
|
|
<div class="table-box">
|
|
<ProTable ref="proTable" highlight-current-row :columns="columns" :request-api="ListApi"></ProTable>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="tsx" setup name="adTemplate">
|
|
import { adTemplate } from "@/api/interface/ad/list";
|
|
import ProTable from "@/components/ProTable/index.vue";
|
|
import { ColumnProps, ProTableInstance } from "@/components/ProTable/interface";
|
|
import { reactive, ref } from "vue";
|
|
import { ListApi } from "@/api/modules/ad/template";
|
|
|
|
// ProTable 实例
|
|
const proTable = ref<ProTableInstance>();
|
|
|
|
// 表格配置项
|
|
const columns = reactive<ColumnProps<adTemplate.List>[]>([
|
|
{
|
|
prop: "key",
|
|
label: "查询关键字",
|
|
isShow: false,
|
|
search: {
|
|
el: "input"
|
|
}
|
|
},
|
|
{
|
|
prop: "at_id",
|
|
label: "ID",
|
|
width: 100
|
|
},
|
|
{
|
|
prop: "at_name",
|
|
label: "模板名称"
|
|
},
|
|
{
|
|
prop: "at_code",
|
|
label: "模板编码"
|
|
},
|
|
|
|
{
|
|
prop: "at_description",
|
|
label: "模板描述"
|
|
},
|
|
{
|
|
prop: "created_at",
|
|
label: "添加时间"
|
|
}
|
|
]);
|
|
</script>
|
|
|
|
<style></style>
|