<template>
  <dv-loading v-if="!showPage" style="width: 100%; height: 100%" class="the-loading">Loading...</dv-loading>
  <div v-else class="security">
    <item-title title="机械设备台账"></item-title>
    <div class="table-rank">
      <dv-scroll-board :config="jixie_config" style="width: 100%; height: 100%" />
    </div>
  </div>
</template>

<script>
import ItemTitle from '@/components/ItemTitle.vue'

export default {
  name: 'mechanical',
  components: {
    ItemTitle
  },
  data() {
    return {
      showPage: true,
      jixie_config: {
        oddRowBGC: 'rgba(3, 23, 44,0.9)',
        evenRowBGC: 'rgba(3, 23, 44,0.9)',
        waitTime: 2000,
        rowNum: 10,
        align: ['center', 'center', 'center', 'center', 'center', 'center', 'center', 'center', 'center'],
        headerBGC: '#0b375d',
        header: ['序号', '设备名称', '设备型号', '数量', '完好情况', '进场日期', '出场日期', '设备负责人', '备注'],
        data: [
          ['1', '塔吊（塔式起重机）', 'QTZ80(6011)', '1', '完好', '2023年10月3日', '', '哈尔滨华拓金属结构有限公司', '实训楼1#'],
          ['2', '塔吊（塔式起重机）', 'QTZ80', '1', '完好', '2023年10月5日', '', '哈尔滨东建机械制造有限公司', '托育楼2#'],
          ['3', '钢筋直螺纹剥肋滚丝机', 'HGS-45', '1', '完好', '2023年10月3日', '', '赵晓天', '衡水市振华机械制造有限公司'],
          ['4', '全自动钢筋直螺纹滚丝机', 'QZD-45型', '1', '完好', '2023年10月8日', '', '赵晓天', '衡水市振华机械制造有限公司'],
          ['5', '全自动钢筋直螺纹滚丝机', 'QZD-45型', '1', '完好', '2023年10月8日', '2024年3月30日', '赵晓天', '衡水市振华机械制造有限公司'],
          ['6', '全自动钢筋调直切断机', 'RING', '1', '完好', '2023年10月8日', '', '赵晓天', '河南省长原市咸象机械厂'],
          ['7', '全自动钢筋弯曲机', 'HL-09型', '1', '完好', '2023年10月8日', '', '赵晓天', '长葛市宏远建筑机械广'],
          ['8', '全自动钢筋弯曲机', 'GF-20/25/28型', '2', '完好', '2023年10月8日', '', '赵晓天', '长葛市宏远建筑机械广'],
          ['9', '桩机', 'JZU90型', '1', '完好', '2023年09月20日', '2023年10月4日', '姜德', '山东省桩工机械工程技术研究中心'],
          ['10', '桩机', 'JZL90', '1', '完成', '2023年09月21日', '2023年10月5日', '姜德', '威海市海泰起重机械有限公司']
        ]
      }
    }
  },

  methods: {},

  mounted() {}
}
</script>

<style lang="scss" scoped>
.security {
  margin-top: px2rem(20);

  height: calc(100% - #{px2rem(58+78 + 20)});
  width: 100%;
  flex: 1;
  padding: 10px 20px;
}
.table-rank {
  width: 100%;
  margin-top: px2rem(10);
  height: calc(100% - #{px2rem(50)});

  ::v-deep .row-item {
    cursor: pointer;
  }
}
.block {
  height: calc(50% - #{px2rem(15)});
  &:first-child {
    margin-bottom: px2rem(30);
  }
}
.box {
  width: 100%;
  margin-top: px2rem(10);
  height: calc(100% - #{px2rem(50)});
}
</style>
