SmartCommunity/operationSupport/src/views/propertyManagement/common/previeInform.vue

<template>
    <div class="prev">
        <div>
            <div class="prev-text">
                <span>所属社区: </span><span class="text-right">{{ dataDetail.communityName }}</span>
            </div>
            <div class="prev-text">
                <span>发布对象: </span><span class="text-right">{{ dataDetail }}</span
                ><span>查看详情</span>
            </div>
            <div class="prev-text">
                <span>通知类型: </span
                ><span class="text-right">{{ dataDetail.type == 0 ? '物业通知' : dataDetail.type == 0 ? '社区活动' : '其他' }}</span>
            </div>
            <div class="prev-text">
                <span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 标题:</span><span class="text-right">{{ dataDetail.title }}</span>
            </div>
            <div class="prev-text">
                <span>是否紧急:</span><span class="text-right">{{ dataDetail.urgentFlag ? '是' : '否' }}</span>
            </div>
            <div class="prev-text">
                <span>通知内容:</span><span class="text-right">{{ dataDetail.content }}</span>
            </div>
            <div class="prev-text"><span>文件上传:</span><span class="text-right">文件名称</span></div>
        </div>
    </div>
</template>
<script>
export default {
    name: 'previe-inform',
    props: {
        dataDetail: {
            type: Object,
            default() {
                return {};
            }
        }
    },
    data() {
        return {};
    },

    methods: {}
};
</script>
<style lang="scss" scoped>
.prev {
    .prev-text {
        font-size: 12px;
        color: #424656;
        margin: 34px;
        :nth-child(2) {
            text-align: end;
        }
        .text-right {
            padding-left: 25px;
        }
    }
}
</style>