<template>
    <MyDialog v-if="show" v-model="show" width="1200px" height="600px" class="journalismDlg">
        <template slot="title">{{title}}</template>
        <div v-html="myHtml" class="scroll" style="max-height: 513px;overflow: auto;"></div>
    </MyDialog>
</template>

<script>
import '@/components/module/module-one-1-1'
import MyDialog from '../components/MyDialog'

export default {
    components: {
        MyDialog,
    },
    name: 'journalismDlg',
    data() {
        return {
            title:'',
            data: null,
            dataList: [],
            show: false,
            myHtml:"<p></p>",
        };
    },

    /**特种作业人员数据 */
    mounted() {
        this.data = null;
    },

    methods: {
        showDialog(it) {
            this.data = it;
            this.title = it.title;
            this.$api.journalism.getJournalismInfo(it.id).then(d => {
                this.show=true;
                this.myHtml = d.data.content;
            });
        }
    },
};
</script>

<style lang="less" scoped>
.mytable {
    /deep/ th .cell {
        color: aquamarine;
    }
}
.head-title-tab {
        padding-top: 12px;
        display: block;
        width: 100%;

        .head-nav {
            background-size: 100% 100%;
            display: inline-block;
            width: auto;
            padding: 0px 24px;
        }
    }
</style>