<template>
    <view class="body">
        <CustomNavbar @back="back" titke="申请消息"></CustomNavbar>
        <view v-for="(value, key) in messageList" class="newsList" @click="goList(value)" :key="key">
            <view class="newsIcon">
                <image :src="value.icon" mode=""></image>
                <!-- <view v-if="news_recruit.unread[value.id] > 0" class="point"></view> -->
            </view>
            <view class="newsListRight">
                <view class="head">
                    <view class="head_left">
                        {{ value.title }}
                    </view>
                    <!-- <view class="head_right" v-if="value.data.length > 0">
						{{value.data[0][0][value.prop.time]}}
					</view> -->
                </view>
                <!-- <view class="content" v-if="value.data.length > 0">
					{{value.prop.desc(value)}}
				</view> -->
            </view>
        </view>
        <cs-button></cs-button>
        <CustomTabbar :currentpage="2"></CustomTabbar>
    </view>
</template>

<script>
    import CustomTabbar from '@/components/CustomTabbar/custom_tabbar.vue'
    import CustomNavbar from '@/components/CustomNavbar/navbar.vue';

    export default {
        components: {
            CustomTabbar,
            CustomNavbar
        },
        data() {
            return {
                loading: false,
                size: 20,
                messageList: [{
                        id: "0",
                        title: "消息通知",
                        icon: "../../../static/img/notice.svg",
                        page: {
                            current: 0,
                            size: this.size,
                            total: this.size,
                        },
                        data: [],
                        prop: {
                            title: "title",
                            desc: (value) => {
                                if (value.data[0]) return value.data[0][0]["desc"];
                            },
                            time: "createTime",
                            isRead: "isRead",
                            listDesc: "desc",
                        },
                        navigateTo(item) {
                            uni.$once("getNewsDetail", (cb) => {
                                cb(item);
                            });
                            uni.navigateTo({
                                url: "/pages/news/newsDetail?type=0",
                            });
                        },
                    }
                    // , {
                    // 	id: "1",
                    // 	title: "任务申请",
                    // 	icon: "../../../static/img/renwu.png",
                    // 	page: {
                    // 		current: 0,
                    // 		size: this.size,
                    // 		total: this.size,
                    // 	},
                    // 	data: [],
                    // 	prop: {
                    // 		title: "missionTitle",
                    // 		desc: (value) => {
                    // 			if (value.data[0])
                    // 				return `您收到${value.data[0][0]["companyName"]}的任务`;
                    // 		},
                    // 		time: "createTime",
                    // 		isRead: "status",
                    // 		listDesc: "companyName",
                    // 	},
                    // 	navigateTo(item, dispatch) {
                    // 		// dispatch("readNew", {
                    // 		// 	key: "1",
                    // 		// 	id: item.id,
                    // 		// });
                    // 		uni.navigateTo({
                    // 			url: `/pages/projectInfo/projectInfo?type=1&missionNo=${encodeURIComponent(
                    // 				item.missionNo
                    // 			)}&id=${encodeURIComponent(item.id)}`,
                    // 		});
                    // 	},
                    // }, {
                    // 	id: "1",
                    // 	title: "岗位申请",
                    // 	icon: "../../../static/img/job_recruit.svg",
                    // 	page: {
                    // 		current: 0,
                    // 		size: this.size,
                    // 		total: this.size,
                    // 	},
                    // 	data: [],
                    // 	prop: {
                    // 		title: "missionTitle",
                    // 		desc: (value) => {
                    // 			if (value.data[0])
                    // 				return `您收到${value.data[0][0]["companyName"]}的任务`;
                    // 		},
                    // 		time: "createTime",
                    // 		isRead: "status",
                    // 		listDesc: "companyName",
                    // 	},
                    // 	navigateTo(item, dispatch) {
                    // 		// dispatch("readNew", {
                    // 		// 	key: "1",
                    // 		// 	id: item.id,
                    // 		// });
                    // 		uni.navigateTo({
                    // 			url: `/pages/projectInfo/projectInfo?type=1&missionNo=${encodeURIComponent(
                    // 				item.missionNo
                    // 			)}&id=${encodeURIComponent(item.id)}`,
                    // 		});
                    // 	},
                    // }, {
                    // 	id: "1",
                    // 	title: "个体户申请",
                    // 	icon: "../../../static/img/own_recruit.svg",
                    // 	page: {
                    // 		current: 0,
                    // 		size: this.size,
                    // 		total: this.size,
                    // 	},
                    // 	data: [],
                    // 	prop: {
                    // 		title: "missionTitle",
                    // 		desc: (value) => {
                    // 			if (value.data[0])
                    // 				return `您收到${value.data[0][0]["companyName"]}的任务`;
                    // 		},
                    // 		time: "createTime",
                    // 		isRead: "status",
                    // 		listDesc: "companyName",
                    // 	},
                    // 	navigateTo(item, dispatch) {
                    // 		// dispatch("readNew", {
                    // 		// 	key: "1",
                    // 		// 	id: item.id,
                    // 		// });
                    // 		uni.navigateTo({
                    // 			url: `/pages/projectInfo/projectInfo?type=1&missionNo=${encodeURIComponent(
                    // 				item.missionNo
                    // 			)}&id=${encodeURIComponent(item.id)}`,
                    // 		});
                    // 	},
                    // },
                ]
            }
        },
        onLoad() {},
        onShow() {
            if (!this.$api.haslogin()) {
                uni.redirectTo({
                    url: "/pages/login/login"
                })
            } else {
                uni.$emit('newsReadChange')
            }
        },
        // onPullDownRefresh() {
        // 	this.loading = true
        // 	this.$store.dispatch("newsInit").then(() => {
        // 		this.loading = false
        // 		uni.stopPullDownRefresh();
        // 	}).catch(() => {
        // 		this.loading = false
        // 		uni.stopPullDownRefresh();
        // 	})
        // },
        methods: {
            goList(item) {
                // if (item.data.length === 0) {
                // 	uni.showToast({
                // 		title: '暂无消息',
                // 		icon: 'none'
                // 	});
                // 	return
                // }
                console.log(item.data)
                // 任务推送、岗位推送、政策推送
                if (item.title == '岗位申请') {
                    console.log('岗位申请')
                    uni.navigateTo({
                        url: './taskProjectList'
                    })
                } else if (item.title == '岗位申请') {
                    console.log('岗位申请')
                    uni.navigateTo({
                        url: './jobProjectList'
                    })
                } else if (item.title == '个体户申请') {
                    uni.navigateTo({
                        url: './policyList'
                    })
                } else {
                    uni.navigateTo({
                        url: './newsList?type=' + item.id
                    })
                }
            },
            back() {
                uni.reLaunch({
                    url: '/pages/my/my'
                })
            },
        },
    }
</script>

<style>
    .content {
        font-family: PingFangSC-Regular;
        font-size: 28rpx;
        color: #666666;
        width: 560rpx;
        overflow: hidden;
        white-space: nowrap;
        /*不换行*/
        text-overflow: ellipsis;
        /*超出部分文字以...显示*/
    }

    .head_right {
        float: right;
        font-family: PingFangSC-Regular;
        font-size: 24rpx;
        color: #CCCCCC;
    }

    .head_left {
        float: left;
        font-family: PingFangSC-Regular;
        font-size: 36rpx;
        color: #333333;
    }

    .head {
        overflow: hidden;
        width: 560rpx;
    }

    .newsListRight {
        float: left;
        width: 560rpx;
        height: 50rpx;
        line-height: 50rpx;
        padding-left: 30rpx;
    }

    .newsList .newsIcon {
        position: relative;
        width: 100rpx;
        height: 100rpx;
        display: inline-block;
        float: left;
    }

    .newsList image {
        width: 100rpx;
        height: 100rpx;
    }

    .newsList .point {
        position: absolute;
        top: 5rpx;
        right: 10rpx;
        width: 20rpx;
        height: 20rpx;
        background: red;
        border-radius: 50%;
    }

    .newsList {
        border-bottom: 1rpx solid #dddddd;
        padding-bottom: 30rpx;
        padding-right: 30rpx;
        padding-top: 30rpx;
        padding-left: 30rpx;
        overflow: hidden;
        display: flex;
        align-items: center;
    }

    .body {
        background-color: #fefefe;
        /* padding-left: 30rpx;

		width: 720rpx; */
    }

    page {
        background: #f6f6f6;
    }
</style>




<!-- <template>
    <view class="1">
        <CustomNavbar @back="back" :titke="'消息'"></CustomNavbar>
        <empty content="暂无数据" mr-top="300"></empty>
        <CustomTabbar :currentpage="2"></CustomTabbar>
    </view>
</template>

<script>
    import CustomNavbar from '@/components/CustomNavbar/navbar.vue'
    import CustomTabbar from '@/components/CustomTabbar/custom_tabbar.vue'
    export default {
        components: {CustomTabbar, CustomNavbar},
        data() {
            return {
                
            }
        },
        methods: {
            back() {
                uni.reLaunch({
                    url: '/pages/my/my'
                })
            }
        }
        
    }
</script>

<style lang="scss" scoped>
</style> -->