<template>
    <div>
        <div class="content-head">
            <dataBreadcrumb :breads="breads"></dataBreadcrumb>
            <h3>查看合同</h3>
            <h5>查看合同</h5>
        </div>
        <div class="content">
            <iframe :src="url" frameborder="0" style="width: 100%; height: 600px"></iframe>
        </div>
    </div>
</template>

<script>
import { contract } from '@api/purchaser/buyOut';
import dataBreadcrumb from '@components/dataBreadcrumb.vue';
export default {
    components: {
        dataBreadcrumb
    },
    data() {
        return {
            projectId: 4,
            breads: ['应收账款买断管理', '应收账款买断列表'],
            id: '',
            url: ''
        };
    },
    created() {
        this.id = this.$route.params.id;
        this.url = this.$route.params.url;
    },
    methods: {
        //  async contract() {
        //      try {
        //    let projectId=this.id;
        //        const {
        //          data,
        //          code
        //        } = await contract(projectId)
        //        if (code === 200) {
        //          this.tableData = data
        //        }
        //      } catch (e) {
        //        console.log(e)
        //      }
        //    }
    }
};
</script>
<style scoped>
.contractContent {
    width: 100%;
    height: 500px;
    border: 1px solid #000000;
    margin-top: 30px;
}
.button {
    margin-top: 30px;
    height: 50px;
    width: 100%;
}
ul > li > div {
    margin-right: 10px;
}
</style>
