<template>
  <dv-loading v-if="!showPage" style="width: 100%; height: 100%" class="the-loading">Loading...</dv-loading>
  <div v-else class="technology">
    <div class="top">
      <dv-border-box-12 class="item-box">
        <item-title title="施工方案"></item-title>
        <div class="table-rank">
          <dv-scroll-board :config="shigongfangan_config" style="width: 100%; height: 100%" @click="onShigongfanganClick" />
        </div>
      </dv-border-box-12>
      <dv-border-box-12 class="item-box">
        <item-title title="交底记录"></item-title>
        <div class="table-rank">
          <dv-scroll-board :config="jiaodi_config" style="width: 100%; height: 100%" @click="onJiaodiClick" />
        </div>
      </dv-border-box-12>
      <dv-border-box-12 class="item-box">
        <item-title title="规范标准"></item-title>
        <div class="table-rank">
          <dv-scroll-board :config="guifan_config" style="width: 100%; height: 100%" />
        </div>
      </dv-border-box-12>
    </div>
    <div class="bottom">
      <dv-border-box-12 class="item-box">
        <item-title title="方案动态管控台账"></item-title>
        <div class="table-rank">
          <dv-scroll-board :config="shigongfanganTz_config" style="width: 100%; height: 100%" />
        </div>
      </dv-border-box-12>
      <dv-border-box-12 class="item-box">
        <item-title title="原材试验"></item-title>
        <div class="table-rank">
          <dv-scroll-board :config="yuancaishiyan_config" style="width: 100%; height: 100%" />
        </div>
      </dv-border-box-12>
    </div>
  </div>
</template>

<script>
import ItemTitle from '@/components/ItemTitle.vue'
export default {
  name: 'technology',
  components: {
    ItemTitle
  },
  data() {
    return {
      showPage: true,
      shigongfangan_config: {
        oddRowBGC: 'rgba(4, 24, 45,0.4)',
        evenRowBGC: '#0d1732',
        waitTime: 5000,
        data: [['安全文明施工方案.doc'], ['安全应急预案.docx'], ['安全专项施工组织设计.doc'], ['材料封样施工方案.doc'], ['成品保护施工方案.doc'], ['电气施工方案.doc'], ['冬季施工方案.doc'], ['高处坠落应急预案.docx'], ['给排水暖通施工方案.doc'], ['哈尔滨市八区体育中心第九届亚冬会比赛场馆及配套设施提升改造工程施工方案.docx'], ['加固改造施工方案（专家论证修改版3.30）.docx'], ['老训练馆地面拆除施工方案.doc'], ['老训练馆脚手架搭设施工方案.docx'], ['临电方案.doc'], ['内墙涂料施工方案.docx'], ['样板间施工方案.doc'], ['装饰工程施工方案.doc']]
      },
      jiaodi_config: {
        oddRowBGC: 'rgba(4, 24, 45,0.4)',
        evenRowBGC: '#0d1732',
        waitTime: 5000,
        data: [['底板钢筋绑扎技术交底.docx'], ['底板混凝土浇筑技术交底.docx'], ['二氧化碳气体保护焊交底记录.doc'], ['钢筋绑扎技术交底.doc'], ['混凝土技术交底.doc'], ['扣件式脚手架技术交底.doc']]
      },
      guifan_config: {
        oddRowBGC: 'rgba(4, 24, 45,0.4)',
        evenRowBGC: '#0d1732',
        waitTime: 5000,
        align: ['center', 'center', 'center', 'center'],
        headerBGC: '#0b375d',
        header: ['序号', '规范、标准名称', '编号'],
        data: [
          ['1', '《工程建设标准强制性条文》（房屋建筑部分）', ''],
          ['2', '工程测量规范', 'GBJ50026-2020'],
          ['3', '钢结构工程施工质量验收规范', 'GB50205-2020'],
          ['4', '混凝土结构工程施工质量验收规范', '50203-2022'],
          ['5', '砌体结构通用规范', 'GB55007-2021'],
          ['6', '建筑地面工程施工质量验收规范', 'GB50209-2010'],
          ['7', '建筑装饰装修工程质量规范', 'GB50210-2018'],
          ['8', '建筑给排水及采取暖工程施工质量验收规范', 'GB-50242-2023'],
          ['9', '通风与空调工程施工质量验收规范', 'GB50243-2016'],
          ['10', '黑龙江省建筑工程施工质量验收标准', 'DB23-2017'],
          ['11', '建筑工程施工质量验收统一标准', 'GB50300-2021'],
          ['12', '混凝土外加剂应用技术规范', 'GB50119-2016'],
          ['13', '建筑机械使用安全技术规程', 'JGJ33-2012'],
          ['14', '建设工程施工现场供用电安全规范', 'GB50194-2014'],
          ['15', '给水排水管道工程施工及验收规范', 'GB50268-2008'],
          ['16', '住宅装饰装修工程施工规范', 'GB50327-2015'],
          ['17', '砌体工程现场检测技术标准', 'GB/T50315-2011'],
          ['18', '城市排水工程规划规范', 'GB50318-2017'],
          ['19', '城市建设档案著录规范', 'GB/T50323-2001'],
          ['20', '建设工程文件文件规档整理规范', 'GB/T50328-2014'],
          ['21', '建筑施工扣件式钢管脚手架安全技术规范', 'JGJ130-2021'],
          ['22', '民用建筑工程室内外环境污染控制规范', 'GB50325-2020'],
          ['23', '自动喷水灭火系统施工及验收规范（2003修订）', 'GB50261-2017'],
          ['24', '建筑与建筑群综合布线系统工程验收规范', 'GB/T50312-2016'],
          ['25', '园林绿化工程项目规范', 'GB 55014-2021'],
          ['26', '建筑装饰装修工程质量验收规范', 'GB50210-2018'],
          ['27', '城镇道路工程施工与质量验收规范', 'CJJ1-2008'],
          ['28', '沥青路面施工及验收规范', 'GB50092-1996'],
          ['29', '建筑安装工程质量检验评定标准', 'GBJ301-2013'],
          ['30', '建筑装饰装修工程质量验收规范', 'GB50210-2018'],
          ['31', '建筑电气工程施工质量验收规范', 'GB50303-2015'],
          ['32', '城市道路照明工程施工及验收规范', 'CJJ89-2016'],
          ['33', '混凝土质量控制标准', 'GB50164-2011'],
          ['34', '建筑工程冬期施工规程', 'JGJ/T104-2016'],
          ['35', '建筑机械使用安全技术规程', 'JGJ33-2012'],
          ['36', '建筑设计防火规范', 'GB50016-2014'],
          ['37', '火灾自动报警系统施工及验收规范', 'GB50166-2016'],
          ['38', '体育建筑电气设计规范', 'JGJ 354-2014'],
          ['39', '建筑照明设计标准', 'GB 50034-2013'],
          ['40', '供配电系统设计规范', 'GB50052-2009'],
          ['41', '火灾自动报警系统设计规范', 'GB 50116-2013'],
          ['42', '消防应急照明和疏散指示系统技术标', 'GB 51309-2018'],
          ['43', '设备及管道绝热技术通则', 'GB/T 4272-2008'],
          ['44', '输送流体用无缝钢管', 'GB/T 8163-2008'],
          ['45', '风机、压缩机、泵安装工程施工及验收规范', 'GB50275-2010'],
          ['46', '机械设备安装工程施工及验收通用规范', 'GB50231-2009'],
          ['47', '黑龙江省绿色建筑评价标准', 'DB23/T1642-2020'],
          ['48', '氢氯氟烃、氢氟烃类冷系统安装工程施工及验收规范', 'SBJ 14-2007'],
          ['49', '风机、压缩机、泵安装工程施工及验收规范', 'GB50275-2010'],
          ['50', '机械设备安装工程施工及验收通用规范', 'GB50231-2009'],
          ['51', '.制冷设备、空气分离设备安装工程施工及验收规范', 'GB50274-2010'],
          ['52', '通风与空调工程施工与验收规范', 'GB50243-2016'],
          ['53', '建筑防烟排烟系统技术标准', 'GB51251=2017'],
          ['54', '制冷和供热用机械制冷系统安全要求', 'GB9237-2017'],
          ['55', '工程做法', '23J909'],
          ['56', '楼地面建筑构造', '12J304'],
          ['57', '住宅建筑构造', '11J930'],
          ['58', '常用灯具安装', '96D702-2'],
          ['59', '110KV及以下电缆敷设', '12D101-5'],
          ['60', '建筑电气工程设计常用图形和文字符号', '09DX001'],
          ['61', '建筑电气安装工程图集', 'JD10-201～413'],
          ['62', '室外给水管道附属构筑物', '25S502'],
          ['63', '管道和设备保温、防结露及电伴热', '03S401'],
          ['64', '室内管道支架及吊架', '03S402'],
          ['65', '建筑排水设备附件选用安装', '04S301'],
          ['66', '卫生设备安装', '09S304'],
          ['67', '防水套管', '02S404']
        ]
      },
      shigongfanganTz_config: {
        oddRowBGC: 'rgba(4, 24, 45,0.4)',
        evenRowBGC: '#0d1732',
        waitTime: 5000,
        align: ['center', 'center', 'center', 'center', 'center'],
        headerBGC: '#0b375d',
        header: ['序号', '方案名称', '是否进行专家论证', '上报情况', '目前施工情况'],
        data: [
          ['1', '成品保护方案', '是', '已上报', '已施工'],
          ['2', '老馆地面拆除方案', '是', '已上报', '已施工'],
          ['3', '加固方案', '是', '已上报', '已施工'],
          ['4', '脚手架搭设安全专项施工方案', '是', '已上报', '已施工'],
          ['5', '样板间施工方案', '是', '已上报', '已施工'],
          ['6', '安全文明施工方案', '是', '已上报', '已施工'],
          ['7', '材料封样施工方案', '是', '已上报', '已施工'],
          ['8', '电气方案', '是', '已上报', '已施工'],
          ['9', '给排水暖通施工方案', '是', '已上报', '已施工'],
          ['10', '安全施工组织设计', '是', '已上报', '已施工'],
          ['11', '内墙涂料施工方案', '是', '已上报', '已施工'],
          ['12', '施工组织设计', '是', '已上报', '已施工'],
          ['13', '安全应急预案', '是', '已上报', '已施工'],
          ['14', '高处坠落应急预案', '是', '已上报', '已施工'],
          ['15', '临时用电施工组织设计', '是', '已上报', '已施工'],
          ['16', '冬季施工', '是', '已上报', '已施工'],
          ['17', '装饰工程施工方案', '是', '已上报', '已施工']
        ]
      },
      yuancaishiyan_config: {
        oddRowBGC: 'rgba(4, 24, 45,0.4)',
        evenRowBGC: '#0d1732',
        waitTime: 5000,
        align: ['center', 'center', 'center', 'center', 'center'],
        headerBGC: '#0b375d',
        header: ['材料名称', '代表批量', '规格型号', '检测结论', '使用区域'],
        data: [
          ['混凝土实心砖', '1万块', '240*115*53mm MU15', '合格', '设备楼砌筑'],
          ['轻集料混凝土砌块', '300m³', '390*190*190mm MU5.0', '合格', '基础'],
          ['内墙乳胶漆', '35t', '一等品', '合格', '内墙'],
          ['内墙腻子', '15t', 'N型', '合格', '内墙'],
          ['角钢', '5.4t', 'Q235B 80*80*10mm', '合格', '钢结构加固'],
          ['角钢', '6.4t', 'Q235B 90*90*10mm', '合格', '钢结构加固'],
          ['环氧富锌底漆', '5t', '一等品', '合格', '钢结构加固']
        ]
      }
    }
  },

  methods: {
    onShigongfanganClick(row) {
      window.open(`http://static.harbinxiaoshi.cn/daping/${process.env.VUE_APP_TITLE}/施工方案/${row.ceil}`)
    },
    onJiaodiClick(row) {
      window.open(`http://static.harbinxiaoshi.cn/daping/${process.env.VUE_APP_TITLE}/安全技术交底/${row.ceil}`)
    }
  },

  mounted() {}
}
</script>

<style lang="scss" scoped>
.technology {
  // margin-top: px2rem(20);
  height: calc(100% - #{px2rem(58+78)});
  width: 100%;
  flex: 1;

  padding: 10px 20px;
}
.top {
  height: 49%;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: px2rem(30);
}
.bottom {
  //margin-top: px2rem(10);
  width: 100%;
  height: 49%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: px2rem(30);
}
.item-box {
  padding: px2rem(20);
}
.table-rank {
  width: 100%;
  margin-top: px2rem(10);
  height: calc(100% - #{px2rem(40)});

  ::v-deep .row-item {
    cursor: pointer;
  }
}
</style>
