2023-01-29 15:26:45 +08:00
|
|
|
|
<template>
|
|
|
|
|
|
<fs-page>
|
2023-03-09 19:24:01 +00:00
|
|
|
|
<template #header>
|
|
|
|
|
|
<div class="title">
|
|
|
|
|
|
分发时复制Dict
|
|
|
|
|
|
<span class="sub">如果你想要表格里同一个字段的dict和form表单同一个字段的dict不一样,就需要分发时复制</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="more">
|
|
|
|
|
|
<a target="_blank" href="http://fast-crud.docmirror.cn/guide/advance/dict.html">文档</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</template>
|
2023-01-29 15:26:45 +08:00
|
|
|
|
<fs-crud ref="crudRef" v-bind="crudBinding">
|
|
|
|
|
|
<template #actionbar-right>
|
2023-03-09 19:24:01 +00:00
|
|
|
|
<a-alert class="ml-1" type="warning" message="如果你想要表格里同一个字段的dict和form表单同一个字段的dict不一样,就需要分发时复制;----点击switch看效果----↓↓↓↓↓↓" />
|
2023-01-29 15:26:45 +08:00
|
|
|
|
</template>
|
|
|
|
|
|
</fs-crud>
|
|
|
|
|
|
</fs-page>
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
2023-03-16 19:24:01 +00:00
|
|
|
|
<script lang="ts">
|
|
|
|
|
|
import { defineComponent, onMounted } from "vue";
|
|
|
|
|
|
import { useFs } from "@fast-crud/fast-crud";
|
2023-01-29 15:26:45 +08:00
|
|
|
|
import createCrudOptions from "./crud";
|
2023-03-16 19:24:01 +00:00
|
|
|
|
|
2023-01-29 15:26:45 +08:00
|
|
|
|
export default defineComponent({
|
|
|
|
|
|
name: "DictCloneable",
|
|
|
|
|
|
setup() {
|
2023-03-16 19:24:01 +00:00
|
|
|
|
const { crudBinding, crudRef, crudExpose } = useFs({ createCrudOptions });
|
2023-01-29 15:26:45 +08:00
|
|
|
|
|
|
|
|
|
|
// 页面打开后获取列表数据
|
|
|
|
|
|
onMounted(() => {
|
2023-03-16 19:24:01 +00:00
|
|
|
|
crudExpose.doRefresh();
|
2023-01-29 15:26:45 +08:00
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
return {
|
|
|
|
|
|
crudBinding,
|
|
|
|
|
|
crudRef
|
|
|
|
|
|
};
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
</script>
|