mirroring/cool-admin-vue
1
0
Fork 0
mirror of https://github.com/cool-team-official/cool-admin-vue.git synced 2024-11-01 14:10:27 +08:00
Code Issues Projects Releases Wiki Activity

新增crud示例

Browse Source
This commit is contained in:
ap 2021-12-07 10:29:01 +08:00
parent b7a0b23254
commit 0ccb591c33
1 changed files with 78 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
src/cool/modules/demo/views/crud.vue Normal file
View File

@ -0,0 +1,78 @@
<template>
<div class="demo">
<cl-crud @load="onLoad">
<el-row>
<cl-refresh-btn />
<cl-add-btn />
<cl-multi-delete-btn />
<demo-dialog />
<demo-context-menu />
<demo-form />
<demo-query />
<cl-flex1 />
<cl-search-key
field="name"
:field-list="[
{ label: '姓名', value: 'name' },
{ label: '年龄', value: 'age' }
]"
/>
<demo-adv-search />
</el-row>
<el-row>
<demo-table />
</el-row>
<el-row>
<cl-flex1 />
<cl-pagination />
</el-row>
<demo-upsert />
</cl-crud>
</div>
</template>
<script lang="ts">
import { defineComponent } from "vue";
import { TestService } from "../utils/service";
import Dialog from "../components/crud/dialog.vue";
import ContextMenu from "../components/crud/context-menu.vue";
import Query from "../components/crud/query.vue";
import AdvSearch from "../components/crud/adv-search.vue";
import Table from "../components/crud/table.vue";
import Upsert from "../components/crud/upsert.vue";
import Form from "../components/crud/form.vue";
import { CrudLoad } from "@cool-vue/crud/types";
export default defineComponent({
name: "crud",
components: {
"demo-dialog": Dialog,
"demo-context-menu": ContextMenu,
"demo-query": Query,
"demo-adv-search": AdvSearch,
"demo-table": Table,
"demo-upsert": Upsert,
"demo-form": Form
},
setup() {
function onLoad({ ctx, app }: CrudLoad) {
ctx.service(TestService).done();
app.refresh();
}
return {
onLoad
};
}
});
</script>
<style lang="scss">
html,
body,
#app,
.demo {
height: 100%;
overflow: hidden;
}
* {
padding: 0;
margin: 0;
}
</style>