<template>
  <div id="equipment-total">
    <van-row>
      <van-col span="24" class="main">
        <van-col span="24" class="one">
          <p>实验室30万元以上设备情况</p>
          <p>
            *注：每台设备标准机时为K=1800小时/年；研究工作总机时（D）是指每台仪器每年本实验室研究人员使用的总时间；服务工作机时（E）是指每台仪器每年非本实验室工作人员使用的总时间；机时率（%）=（D+E）/K。*
          </p>
        </van-col>
        <van-col span="24" class="two">
          <van-col span="24" class="two_1">
            <p>设备总台数(台)</p>
            <p>{{ totalInfo.p1 }}</p>
          </van-col>
          <van-col span="24" class="two_1">
            <p>大型仪器服务共享平台(台)</p>
            <p>{{ totalInfo.p2 }}</p>
          </van-col>
          <van-col span="24" class="two_1">
            <p>设备总价值(万元)</p>
            <p>{{ totalInfo.p3 }}</p>
          </van-col>
          <van-col span="24" class="two_1">
            <p>平均每台仪器研究工作总时(小时)</p>
            <p>{{ totalInfo.p4 }}</p>
          </van-col>
          <van-col span="24" class="two_1">
            <p>平均每台仪器服务工作总时(小时)</p>
            <p>{{ totalInfo.p5 }}</p>
          </van-col>
          <van-col span="24" class="two_1">
            <p>机时率(%)</p>
            <p>{{ totalInfo.p6 }}</p>
          </van-col>
        </van-col>
      </van-col>
    </van-row>
  </div>
</template>

<script>
import { mapState, createNamespacedHelpers } from 'vuex';
export default {
  name: 'equipment-total',
  props: {
    totalInfo: { type: Object },
  },
  components: {},
  data: function () {
    return {};
  },
  created() {},
  methods: {},
  computed: {
    ...mapState(['user']),
  },
  metaInfo() {
    return { title: this.$route.meta.title };
  },
  watch: {
    test: {
      deep: true,
      immediate: true,
      handler(val) {},
    },
  },
};
</script>

<style lang="less" scoped>
.main {
  background-color: #fff;
  margin: 0 0 5px 0;
  .one {
    padding: 5px;

    p:first-child {
      text-align: center;
      font-weight: bold;
      margin: 0 0 5px 0;
    }
    p:last-child {
      font-size: 14px;
      color: #409eff9f;
    }
  }
  .two {
    padding: 0 8px;
    .two_1 {
      border-radius: 8px;
      margin: 0 0 5px 0;
      padding: 8px;
      p:first-child {
        text-align: center;
        font-size: 15px;
        font-weight: bold;
        margin: 0px 0 4px 0;
      }
      p:last-child {
        border: 1px solid #ccc;
        border-radius: 5px;
        background-color: #f1f1f1;
        padding: 5px;
      }
    }
  }
}
</style>
