|
@@ -1,9 +1,23 @@
|
|
|
<script setup lang="ts">
|
|
<script setup lang="ts">
|
|
|
-import { PlusOutlined } from '@ant-design/icons-vue';
|
|
|
|
|
|
|
+import { ref, type Ref } from "vue";
|
|
|
|
|
+import { PlusOutlined } from "@ant-design/icons-vue";
|
|
|
import PageHeader from '@/components/PageHeader.vue';
|
|
import PageHeader from '@/components/PageHeader.vue';
|
|
|
import RelationCompanyInput from './components/report-create/RelationCompanyInput.vue';
|
|
import RelationCompanyInput from './components/report-create/RelationCompanyInput.vue';
|
|
|
import ReportCategory from './components/report-create/ReportCategory.vue';
|
|
import ReportCategory from './components/report-create/ReportCategory.vue';
|
|
|
-import ReportMetaTextInputVue from './components/report-create/ReportMetaTextInput.vue';
|
|
|
|
|
|
|
+import DynamicMeta from './components/dynamic-meta/DynamicMeta.vue';
|
|
|
|
|
+import ChapterTypeSelect from "./components/ChapterTypeSelect.vue";
|
|
|
|
|
+
|
|
|
|
|
+const metadata: Ref<any[]> = ref([]);
|
|
|
|
|
+
|
|
|
|
|
+function onMetaChange(data: any[]) {
|
|
|
|
|
+ metadata.value = data;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+const chapterTypeSelectVisible = ref(false);
|
|
|
|
|
+
|
|
|
|
|
+function onChapterTypeSelected(type: string) {
|
|
|
|
|
+ console.log('selected chapter type is', type);
|
|
|
|
|
+}
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
|
<template>
|
|
@@ -13,17 +27,19 @@ import ReportMetaTextInputVue from './components/report-create/ReportMetaTextInp
|
|
|
<div class="metadata-wrap">
|
|
<div class="metadata-wrap">
|
|
|
<RelationCompanyInput />
|
|
<RelationCompanyInput />
|
|
|
<ReportCategory />
|
|
<ReportCategory />
|
|
|
- <ReportMetaTextInputVue />
|
|
|
|
|
- <a-button>
|
|
|
|
|
- <template #icon><plus-outlined /></template>
|
|
|
|
|
- 添加新项
|
|
|
|
|
- </a-button>
|
|
|
|
|
|
|
+ <DynamicMeta @change="onMetaChange" />
|
|
|
</div>
|
|
</div>
|
|
|
</a-col>
|
|
</a-col>
|
|
|
<a-col :span="12">
|
|
<a-col :span="12">
|
|
|
Logo
|
|
Logo
|
|
|
</a-col>
|
|
</a-col>
|
|
|
</a-row>
|
|
</a-row>
|
|
|
|
|
+ <a-divider></a-divider>
|
|
|
|
|
+ <a-button @click="() => chapterTypeSelectVisible = true">
|
|
|
|
|
+ <plus-outlined />
|
|
|
|
|
+ 添加章节
|
|
|
|
|
+ </a-button>
|
|
|
|
|
+ <ChapterTypeSelect @ok="onChapterTypeSelected" v-model:visible="chapterTypeSelectVisible" />
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
<style scoped lang="scss">
|