<template>
  <div class="info">
    <div class="content">
      <div>
        <dataBreadcrumb :breads="breads"></dataBreadcrumb>
		<noticeDetail>
			<slot>
				<div @click="jump" class="jump">项目报价</div>
			</slot>
		</noticeDetail>
      </div>
      <div class="info_box">
        <el-row>
          <el-button @click="back">返回</el-button>
          <el-button type="primary" @click="signup">报名</el-button>
        </el-row>
      </div>
    </div>
  </div>
</template>

<script>
import {biddingDetail} from '@api/supply/bid'
import dataBreadcrumb from '@components/dataBreadcrumb.vue'
import noticeDetail from '@components/detail/noticeDetail.vue'
export default {
  components: {
    dataBreadcrumb,
	noticeDetail
  },
  data() {
    return {
      breads: ['投标管理', '在线报名', '招标公告'],
	  id:"",
    }
  },
  methods:{
	  jump(){
		this.$router.push("/supply/bid/signupOnline/seePrice") 
	  },
	 signup(row){
	 	this.$router.push("/supply/bid/signupOnline/SignUp")
	 },
	back() {
		this.$router.go(-1)
	},
  },
  created() {
  }
}
</script>

<style scoped>
	.jump{
		cursor:pointer;
		margin-top: 30px;
		color:#005CBF
	}
	.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;
	}
	.info_mes {
		margin-bottom: 40px;
		display: flex;
		justify-content: center;
	}

	.info_mes p {
		display: inline-block;
	}

	.info_mes .left_mes {
		margin-right: 200px;
		font-size:16px ;
	}
	.right_mes{
		font-size:16px ;
	}

	h1 {
		display: flex;
		justify-content: center;
	}

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

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

	.el-row {
		display: flex;
		justify-content: center;

	}
	.message>p{
		font-weight: bold;
	}
</style>
