<template>
    <div>
        <div v-if="industryinform" class='wrap pl80 pr80'>
            <h1 class="article-title ta-c">
                <span>{{industryinform.title}}</span>
                <span></span>
            </h1>
            <div class="article-meta ta-c pb30">   
                <div class="article-share f-r"></div>
                <span>{{industryinform.ptime}}</span>
                <span>来源：{{industryinform.source}}</span>
            </div>
            <div class="article-body pl80 pr80">
                <div  v-html='industryinform.content'></div>
            </div>
        </div>
        <!--source ptime<iframe :src="url" style='margin-bottom:30px' width="100%"  frameborder="0" scrolling="no" id="iframename" name="iframename" ></iframe> -->
        <!-- <htmlpanel :url="url1"></htmlpanel> height="100%" onload="changeFrameHeight(this)" -->
    </div>
</template>
<script>
    import htmlpanel from '@/page/common/htmlpanel'
    import {industdetails} from "@/api/crowdsource/crowdsource";
    export default{
        data(){
            return{
                // url1:'http://test.lovecode.cc/wzxx/2021/f2fd5d81_web.html'
                url:'',
                industryinform:null,
            }
        },
        // components:{htmlpanel},
        mounted(){
            // this.url=this.$route.params.url;
            // console.log('传过来地址',this.$route,this.url)
            let id=this.$route.query.id;
            industdetails(id).then(res=>{
                // console.log('id---',res)
                this.industryinform=res
            })
            // this.url1 = 'http://test.lovecode.cc/wzxx/2021/f2fd5d81_web.html' http://192.168.1.106/news/
            // var i = document.getElementById('iframename');
            // i.onload = function(){
            //     console.log(i.contentWindow.document)
            //     console.log(i.contentWindow.document.getElementsByClassName("login-user-input"))
            //     }
            // window.open('./cd4efefe_web.html', '_blank');
            //  var newWindow = window.open("#", "_blank");
            //                 newWindow.document.write(response.data);
      
        },
        methods:{
           
        },

    }
</script>
<style scoped>
        html,body{
                font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, 'SF Pro Display', Roboto, Noto, Arial, 'PingFang SC', sans-serif;
                font-size: 20px;
                height: 100%;
                margin: 0;
                min-width: 1280px;
        }
        body {
                font-size: 0.8rem;
        }
        .wrapvht{
            box-sizing: border-box;
            margin: 0 auto;
            width: 1200px;
            padding:0 80px
        }
        .pr80 {
                padding-right: 80px;
        }
        .pl80 {
                padding-left: 80px;
        }
        .wrap {
                box-sizing: border-box;
                margin: 0 auto;
                width: 1200px;
        }
        .ta-c {
                text-align: center;
        }
        .article-title {
                font-size: 26px;
                margin: 30px auto;
        }
        h1 {
                display: block;
                margin-block-start: 0.67em;
                margin-block-end: 0.67em;
                margin-inline-start: 0px;
                margin-inline-end: 0px;
                font-weight: bold;
        }
        .pb30 {
                padding-bottom: 30px;
        }
        .ta-c {
                text-align: center;
        }
        .article-meta {
                color: #949494;
                border-bottom: 1px solid #949494;
        }
        .f-r {
                float: right;
        }
        .article-share {
                position: relative;
                width: 180px;
        }
        .article-body {
                color: #323232;
                font-size: 16px;
                line-height: 30px;
                margin-top: 40px;
                min-height: 180px;
                padding-bottom: 40px;
        }
</style>