<template>
|
<cl-crud :ref="setRefs('crud')"
|
@load="onLoad">
|
|
<iframe src="http://localhost:9100/public/hn3d/example/00_hn_new.html"
|
id="ifr1"
|
name="ifr1"
|
frameborder="0"
|
scrolling="yes">
|
<p>Your browser does not support iframes.</p>
|
</iframe>
|
|
</cl-crud>
|
</template>
|
|
<script lang="ts">
|
import { defineComponent, reactive } from "vue";
|
import { CrudLoad, Upsert, Table } from "@cool-vue/crud/types";
|
import { useCool } from "/@/cool";
|
|
export default defineComponent({
|
setup() {
|
const { refs, setRefs, service } = useCool();
|
|
// 新增、编辑配置
|
const upsert = reactive<Upsert>({
|
items: []
|
});
|
|
// 表格配置
|
const table = reactive<Table>({
|
columns: []
|
});
|
|
// crud 加载
|
function onLoad({ ctx, app }: CrudLoad) {
|
// 绑定 service
|
ctx.service(service.xx).done();
|
app.refresh();
|
}
|
|
return {
|
refs,
|
setRefs,
|
upsert,
|
table,
|
onLoad
|
};
|
}
|
});
|
</script>
|
<style lang="scss" scoped>
|
.cl-crud{
|
padding: 0;
|
}
|
</style>
|
<style lang="scss">
|
#ifr1 {
|
width: 100%;
|
height: 100%;
|
}
|
</style>
|
