<template>
  <div>
    <rocketTit style="margin-bottom: 9px">生产动态</rocketTit>
    <container1>
      <el-row style="height: 100%">
        <el-col :span="12" style="height: 100%">
          <div class="right1_bg right1_bg1">
            <div style="padding: 10px 0 20px 0;">
              <span class="num">2890</span>件
            </div>
            <div style="font-size: 18px;">今日装药任务</div>
          </div>
        </el-col>
        <el-col :span="12" style="height: 100%">
          <div class="right1_bg right1_bg2">
            <div style="padding: 10px 0 20px 0;">
              <span class="num">824</span>人
            </div>
            <div style="font-size: 18px;">今日职工数</div>
          </div>
        </el-col>
      </el-row>
    </container1>
  </div>

</template>

<script>
import rocketTit from "../components/rocketTit/index.vue";
import container1 from "../components/container1/index.vue";
import resize from '../../dashboard/mixins/resize'

export default {
  mixins: [resize],
  name: 'right1',
  components: {
    rocketTit,
    container1,
  },
  data () {
    return {}
  },
  mounted () {

  },
  beforeDestroy () {
  },
  methods: {
  }
}
</script>

<style lang="scss" scoped>
.right1_bg {
  width: 211px;
  height: 132px;
  background-size: cover;
  text-align: center;
  padding: 10px  0 10px 0;
  margin: 20px auto 0 auto;
  
font-size: 14px;
  .num {
    font-size: 30px;
    font-family: Roboto-Black, Roboto;
    font-weight: 900;
    line-height: 35px;
    margin-right: 3px;
    vertical-align: middle;
  }
}
.right1_bg1 {
  background-image: url(./right1-1.png);
  .num {
    color: #f6d97e;
  }
}
.right1_bg2 {
  background-image: url(./right1-2.png);
  .num {
    color: #1098ff;
  }
}
</style>