
<template>
    <Head>
        <Title>{{ tdkNewType }}{{ tdk.tdk_title }}</Title>
        <Meta :content=tdk.tdk_keyword name="keywords" />
        <Meta :content=tdk.tdk_description name="description" />
    </Head>
    <Header></Header>
    <Poster :type=2></Poster>


    <div class="--box-- todo-list-pos-box">

        <div class="todo-list-title-box">
            <h2>心愿清单</h2>
            <h4>听我许下与你有关的心愿</h4>
        </div>

        <div class="todo-list-big-box">
            <div class="todo-list-box" v-for="(item) in wishListList" :key="item.wish_list_id">
                <div class="todo-list-check-box">
                    <img v-if="item.wish_list_status === 1" alt="" class="todo-list-check-img"
                        src="https://www.mitangguan.cn/img/mitangguan/imcomplete.png">
                    <img v-else alt="" class="todo-list-check-img"
                        src="https://www.mitangguan.cn/img/mitangguan/complete.png">
                </div>
                <div class="todo-list-text-box">
                    <div class="todo-list-text">{{ item.wish_list_name }}</div>
                    <div class="todo-list-time">{{ item.wish_list_create_time }}</div>
                </div>

            </div>
        </div>

    </div>



    <Final></Final>
</template>
            

<script  setup >

/** 业务参数 */
const wishListList = ref([
    {
        "wish_list_id": 2,
        "wish_list_guid": "bd6483b4-8b7e-6b86-56da-abcd5da42c57",
        "wish_list_name": "一起去一次海边海岛！",
        "wish_list_author": "lwh",
        "wish_list_status": 1,
        "wish_list_create_time": "2023-08-24",
        "wish_list_sort": 2
    }
])



/** 接口对接 */

// 获取Tdk
let tdk = ref({})
useFetch('/api/tdk/getTdk', { params: { tdk_type: 4 } }).then(res => {
    tdk.value = JSON.parse(res.data.value).data
})

// 心愿单列表
useFetch('/api/wishList/getWishListList').then(res => {
    wishListList.value = JSON.parse(res.data.value).data || []
})

// // 添加流量访问
// useFetch('/api/flow/addFlowRecord', { params: { flow_target: route.name } })


// fontSizeReactive({
//     880: 1,
//     480: 3,
// })
onMounted(() => {
    htmlAddAnimations()

})
</script>

<style scoped src="~/assets/css/business/todo_list/index.scss"></style>
<style scoped src="~/assets/css/business/todo_list/media.scss"></style>

