<template>
   <el-dialog title="预览" :visible.sync="previewData.dialogFormVisible" :fullscreen="true">
        <el-form v-model="previewData">
            <el-form-item label="文章标题" label-width="120px">
                <span>{{previewData.title}}</span>
            </el-form-item>
             <el-form-item label="SEO关键字" label-width="120px">
                <span>{{previewData.keywords}}</span>
            </el-form-item>
             <el-form-item label="SEO描述" label-width="120px">
                <span>{{previewData.description}}</span>
            </el-form-item><!-- 
            <el-form-item label="所属分类" label-width="120px">
                <span>{{previewData.parent_title}}</span>
            </el-form-item> -->
            <el-form-item label="置顶" label-width="120px">
                <span>{{previewData.tops}}</span>
            </el-form-item>
            <el-form-item label="置顶结束时间" label-width="120px">
                <span>{{previewData.top_end_time}}</span>
            </el-form-item>
            <el-form-item label="文章图标" label-width="120px">
                <img :src="previewData.img" />
            </el-form-item>
            <el-form-item label="外链" label-width="120px">
                <span>{{previewData.link}}</span>
            </el-form-item>
            <el-form-item label="摘要" label-width="120px">
                <span v-html="previewData.abstract"></span>
            </el-form-item>
            <el-form-item label="内容" label-width="120px">
                <span v-for="item in previewData.content" v-html="item"></span>
            </el-form-item>
            <el-form-item label="发布状态" label-width="120px">
                <span>{{previewData.releases}}</span>
            </el-form-item>
            <el-form-item label="发布时间" label-width="120px">
                <span>{{previewData.release_time}}</span>
            </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer">
            <el-button type="primary" @click="previewData.dialogFormVisible = false">确 定</el-button>
        </div>
    </el-dialog>
</template>
<script>
export default {
    name: 'preview',
    props: {
        previewData: Object
    },
    data() {
        return {
         
        };
    },
    methods: {
    },
    mounted() {
        console.log(this.previewData, 88);
    }
};
</script>