<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'],
          ['多塔作业方案.doc'],
          ['防风解冻方案.doc'],
          ['防台、防汛应急预案.doc'],
          ['复工方案 -.doc'],
          ['基坑支护方案.doc'],
          ['极端天气应急预案 .doc'],
          ['季节性施工安全技术措施.doc'],
          ['降水方案方案.doc'],
          ['脚手架方案.doc'],
          ['临时用电施工组织设计.doc'],
          ['绿色施工方案.doc'],
          ['模板施工方案 .doc'],
          ['起重机械事故应急救援预案.doc'],
          ['三宝四口五临边施工方案.docx'],
          ['施工现场消防安全保卫方案.doc'],
          ['施工现场扬尘控制方案 -.docx'],
          ['施工噪声污染防治工作方案 -.docx'],
          ['施工组织设计.docx'],
          ['塔吊基础施工方案 .doc'],
          ['塔吊维修保养方案.doc'],
          ['塔吊应急预案.docx'],
          ['土方方案.doc'],
          ['外网给排水、暖通施工组织设计.doc'],
          ['夏季高温专项施工方案.doc'],
          ['消防安全专项施工方案.docx'],
          ['消防应急预案.doc'],
          ['应急救援预案 .doc'],
          ['越冬维护方案.doc'],
          ['桩基础施工方案 .doc']
        ]
      },
      jiaodi_config: {
        oddRowBGC: 'rgba(4, 24, 45,0.4)',
        evenRowBGC: '#0d1732',
        waitTime: 5000,
        data: [
          ['安全技术交底（电工）.doc'],
          ['安全技术交底(钢筋绑扎).doc'],
          ['安全技术交底（架子工）.doc'],
          ['安全技术交底(扣件式钢管脚手架搭设) (2).doc'],
          ['安全技术交底(扣件式钢管脚手架搭设) (3).doc'],
          ['安全技术交底（力工）.doc'],
          ['安全技术交底（木工）.doc'],
          ['安全技术交底(砌筑工程).doc'],
          ['安全技术交底（食堂厨师）.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', '工程测量通用规范', 'GB 55018-2021'],
          ['2', '工程测量基本术语标准', 'GB/T50228-2011'],
          ['3', '建筑基坑支护技术规程', 'JGJ120-2012'],
          ['4', '土方与爆破工程施工及验收规范', 'GB50201-2012'],
          ['5', '建筑桩基技术规范', 'JGJ94-2008'],
          ['6', '建筑地基基础施工质量验收标准', 'GB50202-2018'],
          ['7', '建筑地基处理技术规范', 'JGJ79-2012'],
          ['8', '地下工程防水技术规范', 'GB50108-2008'],
          ['9', '地下防水工程质量验收规范', 'GB50208-2011'],
          ['10', '人防工程施工及验收规范', 'GBJ134-90'],
          ['11', '大体积混凝土施工标准', 'GB/T51028-2015'],
          ['12', '混凝土结构工程施工质量验收规范', 'GB 50204-2015'],
          ['13', '砌体结构工程施工质量验收规范', 'GB 50203-2011'],
          ['14', '混凝土小型空心砌块建筑技术规程', 'JGJ/T14-2011'],
          ['15', '钢筋焊接及验收规程', 'JGJ18-2012'],
          ['16', '钢筋焊接接头试验方法标准', 'JGJ/T 27-2014'],
          ['17', '钢筋机械连接技术规程', 'JGJ107-2016'],
          ['18', '屋面工程质量验收规范', 'GB50207-2012'],
          ['19', '建筑地面工程施工质量验收规范', 'GB50209-2010'],
          ['20', '建筑装饰装修工程质量验收标准', 'GB 50210-2018'],
          ['21', '塑料门窗工程技术规程', 'JGJ 103-2008'],
          ['22', '建筑给水排水及采暖工程施工质量验收规范', 'GB50242-2002'],
          ['23', '城市排水工程规划规范', 'GB50318-2017'],
          ['24', '通风与空调工程施工质量验收规范', 'GB50243-2016'],
          ['25', '建筑电气工程施工质量验收规范', 'GB50303-2015'],
          ['26', '消防通信指挥系统施工及验收规范', 'GB50401-2007'],
          ['27', '城市消防远程监控系统技术规范', 'GB50440-2007'],
          ['28', '自动喷水灭火系统施工及验收规范', 'GB50261-2017'],
          ['29', '火灾自动报警系统施工及验收标准', 'GB 50166-2019'],
          ['30', '气体灭火系统施工及验收规范', 'GB50263-2007'],
          ['31', '建筑工程施工质量验收统一标准', 'GB50300-2013'],
          ['32', '混凝土质量控制标准', 'GB50164-2011'],
          ['33', '混凝土强度检验评定标准', 'GB/T 50107-2010'],
          ['34', '回弹法检测混凝土抗压强度技术规程', 'JGJ/T23-2011'],
          ['35', '混凝土外加剂应用技术规范', 'GB50119-2013'],
          ['36', '普通混凝土配合比设计规程', 'JGJ55-2011'],
          ['37', '砌筑砂浆配合比设计规程', 'JGJ/T98-2010'],
          ['38', '普通混凝土用砂、石质量及检验方法标准', 'JGJ 52-2006'],
          ['39', '普通混凝土用碎石和卵石质量标准及检验方法', 'JFJ53-79'],
          ['40', '混凝土用水标准', 'JGJ 63-2006'],
          ['41', '优质碳素结构钢', 'GB/T699-2015'],
          ['42', '钢筋混凝土用钢筋--热轧光园钢筋', 'GB/T1499.1-2017'],
          ['43', '钢筋混凝土用钢筋--热轧带肋钢筋', 'GB/T1499.2-2018'],
          ['44', '低碳热扎圆盘条', 'GB/T 701-2008'],
          ['45', '建筑与市政工程施工质量控制通用规范', 'GB55032-2022'],
          ['46', '民用建筑通用规范', 'GB55031-2022'],
          ['47', '安全防范工程通用规范', 'GB55029-2022'],
          ['48', '施工脚手架通用规范', 'GB55023-2022'],
          ['49', '建筑卫生陶瓷节能设计标准', 'GB/T50543-2019'],
          ['50', '砌体工程现场检测技术标准', 'GB/T50315-2011'],
          ['51', '建筑施工脚手架安全技术统一标准', 'GB51210-2016'],
          ['52', '建筑施工扣件式钢管脚手架安全技术规范', 'JGJ130-2011'],
          ['53', '建设施工高处作业安全技术规程', 'JGJ80-2016'],
          ['54', '建筑机械使用安全技术规程', 'JGJ33-2012'],
          ['55', '施工现场临时用电安全技术规范', 'JGJ 46-2005'],
          ['56', '建设工程施工现场供用电安全规范', 'GB50194-2014'],
          ['57', '建筑施工安全检查标准', 'JGJ 59-2011'],
          ['58', '建筑工程项目管理规范', 'GB/T50326-2017'],
          ['59', '城市建设档案著录规范', 'GB/T50323-2001'],
          ['60', '建设工程文件归档规范', 'GB/T 50328-2019'],
          ['61', '民用建筑工程室内外环境污染控制规范', 'GB50325-2020'],
          ['62', '绿色建筑评价标准', 'GB/T 50378—2019'],
          ['63', '建筑工程绿色施工规范', 'GB/T50905-2014'],
          ['64', '住宅工程质量通病防控规范', 'J11770-2010'],
          ['65', '黑龙江省建设工程安全质量标准化工地评审办法', '黑建安协[2010]5号'],
          ['68', '黑龙江省建筑工程施工质量验收规范', 'DB23-2017'],
          ['69', '危险性较大分项工程安全管理规定', '建设部令 37号']
        ]
      },
      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', '极端天气应急预案', '否', '已上报', '已施工'],
          ['20', '安全防护方案.', '否', '已上报', '已施工'],
          ['21', '三宝四口五临边施工方案', '否', '已上报', '已施工'],
          ['22', '应急救援预案', '否', '已上报', '已施工'],
          ['23', '施工噪声污染防治工作方案', '否', '已上报', '已施工'],
          ['24', '施工现场扬尘控制方案', '否', '已上报', '已施工'],
          ['25', '消防安全专项施工方案', '否', '已上报', '已施工'],
          ['26', '施工现场消防安全保卫方案', '否', '已上报', '已施工'],
          ['27', '消防应急预案', '否', '已上报', '已施工'],
          ['28', '冬期施工方案', '否', '已上报', '已施工'],
          ['29', '越冬维护方案', '否', '已上报', '已施工'],
          ['30', '复工方案', '否', '已上报', '已施工'],
          ['31', '防风解冻方案', '否', '已上报', '已施工'],
          ['32', '大风天施工技术措施方案', '否', '已上报', '已施工'],
          ['33', '防台、防汛,应急预案', '否', '已上报', '已施工'],
          ['34', '夏季高温专项施工方案', '否', '已上报', '已施工'],
          ['35', '外网给排水、暖通施工组织设计', '否', '已上报', '已施工'],
          ['36', '电气施工施工组织设计', '否', '已上报', '已施工'],
          ['37', '电气外网施工组织设计', '否', '已上报', '已施工']
        ]
      },
      yuancaishiyan_config: {
        oddRowBGC: 'rgba(4, 24, 45,0.4)',
        evenRowBGC: '#0d1732',
        waitTime: 5000,
        align: ['center', 'center', 'center', 'center', 'center'],
        headerBGC: '#0b375d',
        header: ['材料名称', '代表批量', '规格型号', '检测结论', '使用区域'],
        data: [
          ['钢材', '4.181t', 'Φ6', '合格', '基础'],
          ['钢材', '2.357t', '10', '合格', '基础'],
          ['钢材', '1t', '12', '合格', '基础'],
          ['实心砖', '10万块', '混凝土实心砖', '合格', '正负零以下保温层保护墙'],
          ['实心砖', '10万块', '混凝土实心砖MU15', '合格', '一层~顶'],
          ['胶粘剂', '30t', '胶粘剂', '合格', '架空层外墙，架空层顶棚及内墙，主体外墙']
        ]
      }
    }
  },

  methods: {
    onShigongfanganClick(row) {
      window.open(`http://static.harbinxiaoshi.cn/daping/哈尔滨市托育综合服务中心建设项目/施工方案/${row.ceil}`)
    },
    onJiaodiClick(row) {
      window.open(`http://static.harbinxiaoshi.cn/daping/哈尔滨市托育综合服务中心建设项目/安全技术交底/${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>
