<template>
    <div class="info">
        <div class="content">
            <editTenderAnnouncement v-if="auditStatus == 2"></editTenderAnnouncement>
            <div v-if="auditStatus == 0||auditStatus == 1">
                <div class="title_info">
                    <dataBreadcrumb :breads="breads"></dataBreadcrumb>
                </div>
                <div class="info_box">
                    <noticeDetail @getstate="getstate"></noticeDetail>
                    <el-row>
                        <el-button @click="back">返回</el-button>
                    </el-row>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
import noticeDetail from '@components/detail/noticeDetail.vue';
import editTenderAnnouncement from '@components/edit/editTenderAnnouncement.vue';
import dataBreadcrumb from '@components/dataBreadcrumb.vue';
export default {
    components: {
        dataBreadcrumb,
        noticeDetail,
        editTenderAnnouncement
    },
    data() {
        return {
            breads: ['投标管理', '在线报名', '招标公告'],
            auditStatus: ''
        };
    },
    methods: {
        getstate(val) {
            this.auditStatus = val;
        },
        back() {
            this.$router.go(-1);
        }
    }
};
</script>

<style scoped>
.info {
    box-sizing: border-box;
    padding: 30px;
    background: rgb(240, 242, 245);
    width: 100%;
}

.info > .info_prev {
    box-sizing: border-box;
    padding-left: 30px;
    padding-top: 30px;
    background: #fff;
}

.content_list {
    margin-top: 50px;
}

.content_list h3 {
    margin-top: 30px;
    font-weight: bold;
    padding-bottom: 10px;
}

.content_list p {
    margin-top: 10px;
    margin-bottom: 10px;
}

.message > p {
    font-weight: bold;
}
.el-row {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}
</style>
