noob-components/examples/view/base/table.vue

<template>
    <SearchRow title="表格演示">
        <template #default>
            <SearchInput v-model="example.aaa" :width="180"></SearchInput>
            <DictSelect v-model="example.bbb" dict="test"></DictSelect>
            <DictSelect v-model="example.ccc" stateProp="test" :width="120"></DictSelect>
        </template>
    </SearchRow>
    <ListTable :data="data" :height="800" :props="prop"></ListTable>
</template>

<script lang="ts" setup>
import { useStore } from "vuex";
import { reactive, onMounted, ref } from "vue";
import { ListTable, SearchRow, SearchInput, DictSelect } from "noob";

const { state, commit, dispatch } = useStore();
const example = reactive({
    aaa: "",
    bbb: 'b',
    ccc: 'c',
});

const data = [
    { caseName: 111, taskName: 111, userId: 'test', content: 'content', createTime: 'createTime' }
]

const prop = [
    {
        code: "caseName",
        name: "案件名称",
        width: 110,
    },
    {
        code: "taskName",
        name: "任务名称",
        width: 110,
    },
    {
        code: "userId",
        name: "用户名",
        width: 100,
    },
    {
        code: "content",
        name: "日志内容",
        width: 500,
    },
    {
        code: "createTime",
        name: "产生时间",
        width: 170,
    },
];

onMounted(() => { });
</script>
<style lang="scss" scoped>
//@import url(); 引入公共css类
</style>