<template>
    <div>
        <div class="container">
            <div class="card">
                <div class="font-size21 font-bold">{{ DetailList.title }}</div>
                <div class="flex flex-x  flex-center2 m-top10 m-bottom10">
                    <van-tag v-if="DetailList.status" color="#EBF1FE" text-color="#3974F6" size="large">{{
                    DetailList.status ? "进行中" : "已结束" }}</van-tag>
                    <van-tag v-if="!DetailList.status" color="#F5F5F5" text-color="#AAAAAA" size="large">{{
                    DetailList.status ? "进行中" : "已结束" }}</van-tag>
                    <div class="font-size13 C1 m-left12">{{ DetailList.data }}</div>

                </div>
                <div class="y66666 font-size15 m-bottom5">享受服务条件：{{ DetailList.condition }}</div>
                <div class="y66666 font-size15 m-bottom5">服务提供方：{{ DetailList.provider }}</div>
                <div class="flex flex-x">
                    <div class="y66666 font-size15 nowrap">服务时间： </div>
                    <div class="y66666 font-size15">{{ DetailList.serviceData  }} </div>
                </div>
                <div  v-html="DetailList.content"></div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
         
            DetailList: {
                title: '鞠源社区为退役待就业的军人提供 就业岗位',
                content: '<p>县级以上地方人民政府退役士兵安置工作主管部门组织自主就业的退役士兵参加职业教育</p><p>县级以上地方人民政府退役士兵安置工作主管部门组织自主就业的退役士兵参加职业教育</p>', data: '2024-05-08 09:30'
                , status: 1, condition: '退役军人 40-60岁', provider: 'XXX就业指导中心', serviceData: "2024-05-08 13:00至2024-6-22 13:00"
            }
        }
    },
    created() {

    },
    methods: {

    },
}
</script>
<style lang="scss" scoped></style>