mirror of
https://github.com/cool-team-official/cool-admin-vue.git
synced 2026-02-07 17:15:33 +00:00
83 lines
1.6 KiB
Vue
83 lines
1.6 KiB
Vue
<template>
|
|
<div class="demo">
|
|
<cl-crud @load="onLoad">
|
|
<el-row>
|
|
<cl-refresh-btn></cl-refresh-btn>
|
|
<cl-add-btn></cl-add-btn>
|
|
<cl-multi-delete-btn></cl-multi-delete-btn>
|
|
<demo-dialog></demo-dialog>
|
|
<demo-context-menu></demo-context-menu>
|
|
<demo-form></demo-form>
|
|
<demo-query></demo-query>
|
|
<cl-flex1></cl-flex1>
|
|
<cl-search-key field="name"></cl-search-key>
|
|
<demo-adv-search></demo-adv-search>
|
|
</el-row>
|
|
|
|
<el-row>
|
|
<demo-table></demo-table>
|
|
</el-row>
|
|
|
|
<el-row>
|
|
<cl-flex1></cl-flex1>
|
|
<cl-pagination></cl-pagination>
|
|
</el-row>
|
|
|
|
<demo-upsert></demo-upsert>
|
|
</cl-crud>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { defineComponent } from "vue";
|
|
import { CrudLoad } from "@/crud/types";
|
|
import { TestService } from "../utils/service";
|
|
import Dialog from "./crud/dialog.vue";
|
|
import ContextMenu from "./crud/context-menu.vue";
|
|
import Query from "./crud/query.vue";
|
|
import AdvSearch from "./crud/adv-search.vue";
|
|
import Table from "./crud/table.vue";
|
|
import Upsert from "./crud/upsert.vue";
|
|
import Form from "./crud/form.vue";
|
|
|
|
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>
|