update

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

@@ -3,9 +3,10 @@ import FormTitle from "../../../../../components/FormTitle/index.vue";
 import Backfill from "./Backfill.vue";
 import {v4} from "uuid";
 import XTimePicker from "../../../../../components/XTimePicker/XTimePicker.vue";
-import {useTemplateRef} from "vue";
+import {onMounted, reactive, useTemplateRef} from "vue";
 import {Message} from "@arco-design/web-vue";
 import Api from "../../../../../api/index.js";
+import Preview from "../../../../../components/XImage/Preview.vue";
 
 const INDEX = ['一', '二', '三'];
 const emits = defineEmits(['success', 'prev']);
@@ -68,6 +69,16 @@ const success = async () => {
         }
     });
 }
+
+const SelectList = reactive([]);
+const getSelectList = async () => {
+    const {data} = await Api.merchant.getChooseContent({id: form.value.platform_id});
+    SelectList.length = 0;
+    SelectList.push(...data);
+}
+onMounted(() => {
+    getSelectList();
+})
 </script>
 
 <template>
@@ -109,12 +120,16 @@ const success = async () => {
                     <Backfill :form="form" :index="index" v-model:po="form.backfill[index]"></Backfill>
 
                     <div class="flex gap-[8px]">
-                        <a-button type="outline">
-                            <template #icon>
-                                <icon-bulb/>
-                            </template>
-                            查看指引
-                        </a-button>
+                        <Preview
+                            :srcList="SelectList.find(v => v.id === form.backfill[index].content_id)?.image_arr || []"
+                            infinite>
+                            <a-button type="outline">
+                                <template #icon>
+                                    <icon-bulb/>
+                                </template>
+                                查看指引
+                            </a-button>
+                        </Preview>
                         <a-button
                             v-if="form.backfill.length > 1"
                             @click="form.backfill.splice(index, 1)"