You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
60 lines
1.4 KiB
60 lines
1.4 KiB
2 years ago
|
<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>
|