<!--
  @description: 评标大厅驱动模板-头部
  @Modifier：肖文龙
  @routerPath:
  @date：  2019/11/14-9:43
-->
<template>
  <div class="drive-header">
    <!--驱动头部-->
    <div class="drive-content-header p0-16 clearfix">
      <div class="header-title">
        <!-- 返回按钮 -->
        <span class="header-back fl pointer" @click="back">
          <i class="iconfont icon-tuichu" />
          <span style="margin-left:4px;">退出评标室</span>
        </span>
        【{{ driveData.tenderName }}】评标室
        <div class="title-right fr">
          <!-- 刷新 -->
          <div class="fr">
            <el-button class="renewButton" icon="el-icon-refresh" @click="reloadDrive" />
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
/* 公共方法*/

export default {
  name: 'ProjectDrive',
  props: {
    // 返回
    back: {
      type: Function,
      default: function() {}
    },
    // 项目参数
    driveData: {
      type: Object,
      default: function() {
        return {
          tenderName: '' // 项目名称
        }
      }
    }
  },
  data() {
    return {}
  },
  methods: {
    // 刷新驱动
    reloadDrive() {
      this.$parent.getProjectDriveTask()
    }
  }
}
</script>

<style lang="less" scoped>
@import "~@assets/style/common/public.less";
.drive-header {
  .drive-content-header {
    padding: 0 16px;
    background: @hyacinthine;
    color: white;
    line-height: 56px;
    .header-title {
      text-align: center;
      font-size: 18px;
      .header-back {
        font-size: 14px;
        cursor: pointer;
      }
    }
    //刷新按钮样式
    .renewButton {
      border-radius: 50%;
      height: 30px;
      width: 30px;
      padding: 0px;
    }
  }
}
</style>
