first

src/views/ad/template/index.vue

@@ -0,0 +1,52 @@
+<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>