<template>
  <div class="container">
    <h1 class="title">苏州河道处调度指令看板</h1>

    <div class="bottom">
      <div>{{ $moment(time).format('YYYY-MM-DD HH:mm:ss') }}</div>
      <div @click="$emit('show-done')">当日已完成调令 <i class="el-icon-d-arrow-right"></i></div>
    </div>
  </div>
</template>

<script>
export default {
  inject: ['nowTime'],
  data() {
    return {
    }
  },
  methods: {

  },
  computed: {
    time () {
      return this.nowTime()
    }
  },
  mounted() {
  },
  destroyed() {
  }
}
</script>

<style scoped lang="scss">
.container {
  position: relative;

  .title {
    font-size: 2.8rem;
    line-height: 2.67rem;
    text-align: center;
    font-weight: 400;
    color: #FFFFFF;

    padding: 2.87rem 0 0 0;
  }

  .bottom {
    display: flex;
    justify-content: space-between;
    font-weight: 400;
    color: #FBFBFF;
    line-height: 2.92rem;
    font-size: 1.2rem;

    padding: 0 5.73rem;
  }
}
$title-height: 8.46rem;
</style>
