<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: [
          [
            "安全施组-.docx"
          ],
          [
            "安全事故应急救援预案-.doc"
          ],
          [
            "拆除方案-.docx"
          ],
          [
            "动火专项方案-.doc"
          ],
          [
            "高坠方案-.docx"
          ],
          [
            "高坠预案-.docx"
          ],
          [
            "工序质量检验制度--5.9.docx"
          ],
          [
            "脚手架-.docx"
          ],
          [
            "毗邻建筑物防护方案-5.9.docx"
          ],
          [
            "土方方案-.docx"
          ],
          [
            "外墙保温施工方案-5.10.doc"
          ],
          [
            "屋面工程施工方案-5.10.doc"
          ]
        ]
      },
      jiaodi_config: {
        oddRowBGC: 'rgba(4, 24, 45,0.4)',
        evenRowBGC: '#0d1732',
        waitTime: 5000,
        data: [
          [
            "黑大脚手架技术交底.docx"
          ],
          [
            "黑大片区彩钢屋面防水技术交底.docx"
          ],
          [
            "黑大片区内墙皮铲除技术交底.docx"
          ],
          [
            "黑大片区塑钢窗安装技术交底.docx"
          ],
          [
            "黑大片区外墙保温技术交底.docx"
          ],
          [
            "黑大外墙腻子施工技术交底.docx"
          ],
          [
            "黑大外墙涂料交底记录.xls"
          ]
        ]
      },
      guifan_config: {
        oddRowBGC: 'rgba(4, 24, 45,0.4)',
        evenRowBGC: '#0d1732',
        waitTime: 5000,
        align: ['center', 'center', 'center', 'center'],
        headerBGC: '#0b375d',
        header: ['序号', '规范、标准名称', '编号'],
        data: [
          ['1', '工程测量规范', 'GBJ50026-2007'], ['2', '建筑地基与基础工程施工质量验收规', 'GB50202-2018'], ['3', '混凝土结构工程施工质量验收规范', 'GB50204-2015'], ['4', '钢结构工程施工质量验收规范', 'GB50205-2001'], ['5', '砌体工程施工质量验收规范', 'GB50203-2011'], ['6', '屋面工程质量验收规范', 'GB50207-2012'], ['7', '建筑地面工程施工质量验收规范', 'GB50209-2010'], ['8', '建筑装饰装修工程质量规范', 'GB50210-2018'], ['9', '建筑给排水及采取暖工程施工质量验收规范', 'GB50242-2013'], ['10', '通风与空调工程施工质量验收规范', 'GB50243-2002'], ['11', '建筑电气照明装置施工与验收规范', 'GB50617-2010'], ['12', '建筑物防雷工程施工与质量验收规范', 'GB50601-2010'], ['13', '塑料门窗工程技术规程', 'JGJ 103-2008'], ['14', '外墙外保温抹面砂浆', 'GB/T24764-2009'], ['15', '民用建筑电气设计规范', 'JGJ 16-2008'], ['16', '普通混凝土拌合物性级试验方法标准', 'GB50080-2016'], ['17', '普通混凝土力学性能试验方法标准', 'GB50081-2002'], ['18', '给水排水管道工程施工及验收规范', 'GB50268-2008'], ['19', '建筑电气工程施工质量验收规范', 'GB50303-2015'], ['20', '砌体工程现场检测技术标准', 'GB/T50315-2011'], ['21', '建筑节能施工质量验收规范', 'GB50411-2007'], ['22', '园林绿化工程施工及验收规范', 'CJJ 82-2012'], ['23', '城市绿化和园林绿地用植物材料—土本苗', 'CJ/T24-1999'], ['24', '黑龙江省建筑工程施工质量验收标准', 'DB23-2017'], ['25', '建筑工程施工质量验收统一标准', 'GB50300-2001'], ['26', '住宅装饰装修工程施工规', 'GB50327-2001'], ['27', '建筑外墙保温防火隔离带技术规程', 'JGJ289-2012'], ['28', '民用建筑设计统一标准', 'GB50352-2019'], ['29', '屋面工程技术规范', 'GB50345-2012'], ['30', '岩棉材料性能标准', 'GB/T25975-2018'], ['31', '岩棉薄抹灰外墙外保温系统材料标准', 'JG/T483-2015'], ['32', '外墙外保温工程技术标准', 'JGJ144-2019'], ['33', '建筑内部装修设计防火规范', 'GB50222-2017'], ['34', '建筑设计防火规范', 'GB50016-2018'], ['35', '既有居住建筑节能改造技术规程', 'JGJ/T129-2012'], ['36', '民用建筑工程室内外环境污染控制规范', 'GB50325-2020'], ['37', '房屋渗漏修缮技术规程', 'JGJ/T53-2001'], ['38', '建筑外墙保温系统修缮标准', 'JGJ376-2015'], ['39', '岩棉薄抹灰外墙外保温技术标准', 'GJG/T480-2019'], ['40', '建筑外墙涂料通用技术', 'JG/T512-2017'], ['41', '弹性体改性沥青防水卷材', 'GB18242-2008'], ['42', '住宅工程质量通病防控规范', 'J11770-2010'], ['43', '建筑工程施工现场消防安全技术规范', 'GB50720-2011'], ['44', '施工现场临时用电安全技术规范', 'JGJ 46-2005'], ['45', '建设工程施工现场供用电安全规范', 'GB50194-2014'], ['46', '建筑机械使用安全技术规程', 'JGJ33-20012'], ['47', '建筑施工安全技术统一规范', 'GB50870-2013'], ['48', '建筑施工门式钢管脚手架安全技术规范', 'JGJ128-2010'], ['49', '建筑施工扣件式钢管脚手架安全技术规范', 'JGJ130-2011'], ['50', '建筑施工脚手架安全技术统一标准', 'GB51210-2016'], ['51', '建筑施工安全检查标准', 'JGJ 59-2011'], ['52', '建设施工高处作业安全技术规程', 'JGJ80-2016'], ['53', '建筑工程项目管理规范', 'GB/T50326-2017'], ['54', '城市建设档案著录规范', 'GB/T50323-2001'], ['55', '建设工程文件归档规范', 'GB/T 50328-2019'], ['56', '黑龙江省建设工程安全质量标准化工地评审办法', '黑建安协[2010]5号'], ['57', '黑龙江省建筑工程施工质量验收规范', 'DB23-2017'], ['58', '危险性较大分项工程安全管理规定', '建设部令 37号'], ['59', '黑龙江省城镇老旧小区改造技术导则', ''], ['60', '老旧小区改造项目外墙外保温工程有关问题指导意见', '哈旧改办发（2021）3号文件'], ['61', '老旧小区改造工程承包人管理办法（试行）']
        ]
      },
      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', '毗邻建筑物保护方案', '否', '已上报', '正在施工'], ['18', '土方施工方案', '否', '已上报', '未施工'], ['19', '动火作业施工方案', '否', '已上报', '正在施工']
        ]
      },
      yuancaishiyan_config: {
        oddRowBGC: 'rgba(4, 24, 45,0.4)',
        evenRowBGC: '#0d1732',
        waitTime: 5000,
        align: ['center', 'center', 'center', 'center', 'center'],
        headerBGC: '#0b375d',
        header: ['材料名称', '代表批量', '规格型号', '检测结论', '使用区域'],
        data: [
          ['聚苯乙烯泡沫塑料板', '5000m²', '600*600*100', '合格', '962医院家属楼A栋外墙'],
          ['聚苯乙烯泡沫塑料板', '5000m²', '600*600*100', '合格', '黑大小区29.24栋外墙'],
          ['挤塑板', '1000m²', '1200*600*60', '合格', '工力所14.15.16.11号住宅屋面'],
          ['挤塑板', '1000m²', '1200*600*60', '合格', '工力所12.13.7.10号住宅屋面'],
          ['苯板胶粘剂', '5000m²', '粉：水=1:0.24', '合格', '962医院A栋外墙'],
          ['苯板胶粘剂', '5000m²', '粉：水=1:0.24', '合格', '黑大29.24栋外墙'],
          ['抹面浆料', '5000m²', '水=1:0.25', '合格', '962医院A栋外墙'],
          ['抹面浆料', '5000m²', '水=1:0.25', '合格', '黑大29.24栋外墙'],
          ['网格布', '5000m²', '160g/m² 4*4', '合格', '工力所7.8.9.10.11号外墙'],
          ['网格布', '5000m²', '160g/m² 4*4', '合格', '黑大23.26.27栋外墙'],
          ['锚栓', 'Φ10mm*162mm-60mm', '50000个', '合格', '工力所12.13.3.5.2.6号外墙'],
          ['锚栓', 'Φ10mm*162mm-60mm', '50000个', '合格', '黑大21.28栋工力所7.8.9.10.11号'],
          ['界面剂', 'D类11型', '30t', '合格', '黑大27.26.23.21.28.25.19.17.14外墙'],
          ['界面剂', 'D类11型', '30t', '合格', '黑大34.33.32.31.30.16.15.5栋外墙']
        ]
      }
    }
  },

  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>
