<template>
  <div>
    <div class="content-head">
      <el-breadcrumb separator="/">
        <el-breadcrumb-item>招标管理 </el-breadcrumb-item>
        <el-breadcrumb-item>招标项目管理</el-breadcrumb-item>
        <el-breadcrumb-item>发布项目</el-breadcrumb-item>
      </el-breadcrumb>
      <h3>发布项目</h3>
      <h5>发布招标项目</h5>
    </div>
    <div class="othercontent">
      <div>
        <div class="describe">流程进度</div>
        <div class="steps">
          <el-steps :space="200" :active="activeIdx" finish-status="success" align-center>
            <el-step title="项目信息"></el-step>
            <el-step title="标的需求"></el-step>
            <el-step title="招标时间设置"></el-step>
            <el-step title="招标文件上传"></el-step>
          </el-steps>
        </div>
      </div>
      <!--  项目信息 -->
      <div v-show="activeIdx==0" class="message1">
        <messaage @getruleForm="getruleForm"></messaage>
      </div>
      <!-- 标的需求 -->
    <div v-show="activeIdx==1" class="demand">
        <demand @getruleForm="getruleForm"></demand>
      </div>
      <!-- 招标时间设置 -->
     <div v-show="activeIdx==2" class="timeSet">
        <timeSet @getruleForm="getruleForm"></timeSet>
      </div>
      <!-- 招标文件上传 -->
     <div v-show="activeIdx==3" class="fileUpload">
        <fileUpload :all-form="allForm" :limit="3"></fileUpload>
      </div>

    </div>
  </div>
</template>

<script>
import messaage from './message.vue'
import demand from './demand.vue'
import timeSet from './timeSet.vue'
import fileUpload from './fileUpload.vue'
export default {
  components: {
    messaage,
    demand,
    timeSet,
    fileUpload
  },
  data() {
    return {
      activeIdx: 0,
      allForm: {}
    }
  },
  created() {
    
  },
  methods: {
    next() {
      this.activeIdx++
    },
    upper() {
      this.activeIdx--
    },
    cancel() {
      this.$router.go(-1)
    },
    submit() {
      this.activeIdx++
    },
    getruleForm(val) {
      Object.assign(this.allForm, val)
    }
  }
}
</script>

<style scoped>
	.steps {
		width: 800px;
		margin: 0 auto;
		padding: 30px 0;
	}

	

	.othercontent>div {
		background: #fff;
		margin-bottom: 30px;
	}

	.bid {

		margin-top: -20px
	}

	.button {
		display: flex;
		justify-content: flex-end;
		padding-bottom: 20px;
		margin-right: 20px;
	}
</style>
