update

src/pages/merchant/pages/task-center/manage-materials.vue

@@ -46,6 +46,7 @@ const vo = reactive({
     page: '',
     rows: [],
     total: 0,
+    pageSize: 9,
 });
 
 const {loading, pagination} = useTableQuery({
@@ -53,7 +54,6 @@ const {loading, pagination} = useTableQuery({
     api: Api.merchant.getTaskChildrenList,
     callback: (data) => {
         Object.assign(vo, data);
-        console.log(vo);
     }
 });
 </script>
@@ -74,29 +74,55 @@ const {loading, pagination} = useTableQuery({
             @page-change="(e) => pagination.current = e"
             :pagination="pagination">
             <template v-slot:title="{record}">
-                <a-input placeholder="请输入标题" v-model:model-value="record.title"></a-input>
+                <div class="flex flex-col gap-[12px]">
+                    <a-input
+                        v-for="v in record.childrenMaterial"
+                        placeholder="请输入标题"
+                        v-model:model-value="v.title">
+                    </a-input>
+                </div>
             </template>
             <template v-slot:content="{record}">
-                <a-input placeholder="请输入正文" v-model:model-value="record.content"></a-input>
+                <div class="flex flex-col gap-[12px]">
+                    <a-input
+                        v-for="v in record.childrenMaterial"
+                        placeholder="请输入正文"
+                        v-model:model-value="v.content">
+                    </a-input>
+                </div>
             </template>
             <template v-slot:tags="{record}">
-                <a-input placeholder="请输入话题" v-model:model-value="record.tags"></a-input>
+                <div class="flex flex-col gap-[12px]">
+                    <a-input
+                        v-for="v in record.childrenMaterial"
+                        placeholder="请输入话题"
+                        v-model:model-value="v.tags">
+                    </a-input>
+                </div>
             </template>
             <template v-slot:material="{record}">
-                <add-material :id="po.id">
-                    <div class="add-materials">
-                        <icon-plus/>
-                        <div>添加</div>
-                    </div>
-                </add-material>
+                <div class="flex flex-col gap-[12px]">
+                    <add-material
+                        v-for="v in record.childrenMaterial"
+                        :id="po.id">
+                        <div class="add-materials">
+                            <icon-plus/>
+                            <div>添加</div>
+                        </div>
+                    </add-material>
+                </div>
             </template>
             <template v-slot:pl="{record}">
-                <AddComment :id="po.id">
-                    <div class="add-materials">
-                        <icon-plus/>
-                        <div>添加</div>
-                    </div>
-                </AddComment>
+                <div class="flex flex-col gap-[12px]">
+                    <add-comment
+                        v-for="v in record.childrenMaterial"
+                        :id="v.id">
+                        <div class="add-materials">
+                            <icon-plus/>
+                            <div>添加</div>
+                        </div>
+                    </add-comment>
+                </div>
             </template>
         </a-table>
     </a-card>

src/pages/merchant/pages/task-center/new-task.vue

@@ -12,7 +12,7 @@ import Api from "../../../../api/index.js";
 import {deleteObjectFields} from "../../../../utils/index.js";
 
 const routes = useRoute();
-const step = ref(7);
+const step = ref(1);
 const form = reactive({});
 
 const init = () => {
@@ -41,7 +41,6 @@ const success = async (po) => {
     </div>
 
     <div class="mock-card mb-[20px]">
-        {{ form }}
         <a-steps :current="step">
             <a-step>任务简介</a-step>
             <a-step>发布管理</a-step>