<!--
  @description:供应商申报材料(步骤条)
  @Modifier:qk
  @routerPath:/supplier/editorDeclaration/declarationStepsBar
  @date:2020/2/17-17:27
-->
<template>
  <div class="set-up-project">
    <div class="step-wrapper">
      <stepsBar ref="stepsBar" :list="stepsList" :save="save" />
      <!--页面步骤条-->
    </div>
    <div class="p0-16">
      <router-view ref="project" @stepPage="_stepPage" @showStatuschage="showStatuschage" />

      <!-- 审核状态图片 -->
      <div class="supper_auditStatus">
        <!-- 待审核 -->
        <img v-if="showStatus==='00'" src="@assets/img/common/audit/auditWait.png" alt="">
        <!-- 审核通过 -->
        <img v-if="showStatus==='01'" src="@assets/img/common/audit/auditOk.png" alt="">
        <!-- 审核不通过 -->
        <img v-if="showStatus==='02'" src="@assets/img/common/audit/auditNo.png" alt="">
      </div>
    </div>
  </div>
</template>

<script>
import stepsBar from '@comp/common/stepsBar'

export default {
  name: 'EditorDeclaration',
  components: {
    stepsBar
  },
  data() {
    return {
      showStatus: '', // 展示状态 00待审核 01审核通过 02审核不通过/驳回
      stepsList: [
        {
          name: '基本信息',
          path: '/supplierDeclaration/supplier/essentialInformation' // 基本信息
        },
        {
          name: '业务经办人信息',
          path: '/supplierDeclaration/supplier/businessManagerInfo' // 业务经办人
        },
        {
          name: '企业资质',
          path: '/supplierDeclaration/supplier/enterpriseQualification' // 企业资质
        },
        {
          name: '供货记录',
          path: '/supplierDeclaration/supplier/supplYrecord' // 供货记录
        },
        {
          name: '财务状况',
          path: '/supplierDeclaration/supplier/financialSituation' // 财务状况
        }
      ]
    }
  },
  destroyed() {
    // 销毁时清除所有cookie
    sessionStorage.clear()
  },
  methods: {
    // 接收基本信息传的参数-审核状态-审核图片展示
    showStatuschage(showStatus) {
      this.showStatus = showStatus
    },
    // 控制上一步 下一步跳转页面 子组件传给父组件
    // prev 上一步 next 下一步 或者是数字直接指定展示第几步的页面
    _stepPage(page, pageData) {
      // 路由携带参数
      const query = {
        id: pageData.id// 项目Id
      }
      // 调用步骤条-组件方法
      this.$refs.stepsBar.stepPage(page, query)
    },
    // 暂存接口 type参数 draft 点击步骤条切换-进行保存草稿
    save(type) {
      // 调用立项页面的方法-暂存草稿
      if (this.$refs.project.saveData) {
        this.$refs.project.saveData(type)
      }
    }
  }
}
</script>

<style lang="less" scoped>
.projectApproval {
  height: calc(100vh - 56px - 48px - 64px - 11px - 17px);
}
.step-wrapper {
  padding: 20px 14px;
}
// 申报图片
.supper_auditStatus{
  position: absolute;
  top: 50px;
  right:100px;

}
</style>
