<template>
  <a-layout :class="$style.mainDiv">
    <a-layout-content :class="$style.contentDiv">
      <div :class="$style.mainWrap">
        <a-row :gutter="24" :class="$style.rowHeight" type="flex">
          <a-col :span="8" :class="$style.col">
            <div :class="$style.box">
              <a-card :bordered="false" :class="$style.cardBody">
                <div slot="title"> 内部审计概况 </div>
                <div class="tx1qyjyhxtable">
                  <sd-table
                    size="middle"
                    :columns="configColumns1"
                    sortable
                    :data-source="value1"
                    :row-key="(record, index) => index"
                    :pagination="false"
                    :row-selection="readOnly"
                  >
                  </sd-table>
                </div>
              </a-card>
            </div>
          </a-col>
          <a-col :span="8" :class="$style.col">
            <div :class="$style.box">
              <a-card :bordered="false" :class="$style.cardBody">
                <div slot="title">审计项目概况 </div>
                <div class="tx1qyjyhxtable">
                  <sd-table
                    size="middle"
                    :columns="configColumns2"
                    sortable
                    :data-source="value2"
                    :row-key="(record, index) => index"
                    :pagination="false"
                    :row-selection="readOnly"
                  >
                  </sd-table>
                </div>
              </a-card>
            </div>
          </a-col>
          <a-col :span="8" :class="$style.col">
            <div :class="$style.box">
              <a-card :bordered="false" :class="$style.cardBody">
                <div slot="title"> 审计对象概况 </div>
                <div class="tx1qyjyhxtable">
                  <sd-table
                    size="middle"
                    :columns="configColumns3"
                    sortable
                    :data-source="value3"
                    :row-key="(record, index) => index"
                    :pagination="false"
                    :row-selection="readOnly"
                  >
                  </sd-table>
                </div>
              </a-card>
            </div>
          </a-col>
        </a-row>
        <a-row :gutter="24" :class="$style.rowHeight" type="flex">
          <a-col :span="12" :class="$style.col2">
            <div :class="$style.box">
              <a-card :bordered="false" :class="$style.cardBody">
                <div slot="title"> 年度审计整改情况 </div>
                <iframe :class="$style.iframe" src=""></iframe>
              </a-card>
            </div>
          </a-col>
          <a-col :span="12" :class="$style.col2">
            <div :class="$style.box">
              <a-card :bordered="false" :class="$style.cardBody">
                <div slot="title">
                  审计覆盖情况
                </div>
                <iframe :class="$style.iframe" src=""></iframe>
              </a-card>
            </div>
          </a-col>
        </a-row>
      </div>
    </a-layout-content>
  </a-layout>
</template>

<script>
import components from './_import-components/xm-audit-tx-2-sjjdhx-import'

export default {
  name: 'XmAuditTx2Sjjdhx',
  metaInfo: {
    title: '审计监督画像',
  },
  components,
  data() {
    return {
      colspandata: [
        { title: '经营范围' },
        { title: '管控模式' },
        { title: '组织架构' },
        { title: '职责范围' },
        { title: '人员编制' },
        { title: '领导分工' },
        { title: '子公司数量规模' },
        { title: '管控模式' },
      ],
      selectindexdiv: '',

      configColumns1: [
        {
          title: '年度',
          dataIndex: 'year',
        },
        {
          title: '单位总数',
          dataIndex: 'dwzs',
        },
        {
          title: '内审人数',
          dataIndex: 'nsrs',
        },
        {
          title: '项目金额',
          dataIndex: 'xmje',
        },
      ],
      value1: [
        { year: '2018', dwzs: '23', nsrs: '21', xmje: '1115万元' },
        { year: '2019', dwzs: '27', nsrs: '15', xmje: '2137万元' },
        { year: '2020', dwzs: '32', nsrs: '28', xmje: '4175万元' },
        { year: '2021', dwzs: '19', nsrs: '15', xmje: '3467万元' },
        { year: '2023', dwzs: '31', nsrs: '16', xmje: '5164万元' },
      ],

      configColumns2: [
        {
          title: '序号',
          dataIndex: 'xh',
        },
        {
          title: '项目类型',
          dataIndex: 'xmlx',
        },
        {
          title: '项目名称',
          dataIndex: 'xmmc',
        },
        {
          title: '问题数量',
          dataIndex: 'wtsl',
        },
        {
          title: '问题金额',
          dataIndex: 'wtje',
        },
      ],
      value2: [
        { xh: 1, xmlx: '专项审计', xmmc: '上海核工院', wtsl: '21', wtje: '1115万元' },
        { xh: 2, xmlx: '经责审计', xmmc: '中国重燃', wtsl: '15', wtje: '2137万元' },
        { xh: 3, xmlx: '经营审计', xmmc: '中国融合', wtsl: '28', wtje: '4175万元' },
        { xh: 4, xmlx: '专项审计', xmmc: '国氮科技', wtsl: '15', wtje: '3467万元' },
        { xh: 5, xmlx: '经责审计', xmmc: '智慧能投', wtsl: '16', wtje: '5164万元' },
      ],

      configColumns3: [
        {
          title: '序号',
          dataIndex: 'xh',
        },
        {
          title: '单位名称',
          dataIndex: 'dwmc',
        },
        {
          title: '成立时间',
          dataIndex: 'clsj',
        },
        {
          title: '审计频率',
          dataIndex: 'sjpl',
        },
        {
          title: '最近审计',
          dataIndex: 'zjsj',
        },
        {
          title: '次数',
          dataIndex: 'cs',
        },
      ],
      value3: [
        { xh: 1, dwmc: '上海核工院', clsj: '2022年', sjpl: '一年一次', zjsj: '2022年', cs: '6' },
        { xh: 2, dwmc: '中国重燃', clsj: '2022年', sjpl: '一年一次', zjsj: '2022年', cs: '8' },
        { xh: 3, dwmc: '中国融合', clsj: '2023年', sjpl: '一年两次', zjsj: '2023年', cs: '3' },
        { xh: 4, dwmc: '国氮科技', clsj: '2023年', sjpl: '四年一次', zjsj: '2023年', cs: '6' },
        { xh: 5, dwmc: '智慧能投', clsj: '2023年', sjpl: '两年一次', zjsj: '2023年', cs: '4' },
      ],
    }
  },
  methods: {
    fndivclick(id) {
      this.selectindexdiv = id
    },
  },
}
</script>

<style module lang="scss">
@use '@/common/design' as *;
.main-div {
  min-height: 100%;
  .row-height {
    height: 100%;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  :global .ant-row {
    height: 100%;
  }
}
.content-div {
  .main-wrap {
    height: 100%;
  }
  .row-height > .col:nth-child(3) {
    padding-right: 0 !important;
  }
  .row-height > .col2:nth-child(2) {
    padding-right: 0 !important;
  }
  .col {
    padding-right: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 0 !important;
    :global .ant-card {
      border-radius: 4px;
    }
  }
  .col2 {
    padding-right: 20px !important;
    padding-left: 0 !important;
    :global .ant-card {
      border-radius: 4px;
    }
  }
  .zcol:first-child {
    padding-top: 0 !important;
  }
  .zcol:nth-child(2) {
    padding-top: 0 !important;
  }
  .zcol {
    padding: 10px !important;
    div {
      height: 45px;
      padding: 10px 0;
      font-size: 16px;
      color: #000;
      text-align: center;
      background-color: #f3f3f3;
      border-radius: 4px;
    }
  }
  :global(.audittxdiv1select div) {
    box-sizing: border-box;
    border-bottom: 3px solid #ed2c2c;
    :global span {
      border-bottom: none !important;
    }
  }
  .box {
    height: 100%;
    overflow-y: auto;
    background: $card-background;
    background-color: #fff;
    border-radius: 4px;
    :global(.ant-card-head) {
      border-bottom: none !important;
    }
    :global(.ant-card-head-title) {
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 24px;
      font-size: 18px;
      color: #000;
      :global(.anticon) {
        color: $primary-color;
      }
    }
    .card-body {
      :global(.ant-card-body) {
        padding: 10px 20px;
      }
      :global(.ant-card-head-wrapper) {
        margin-top: 20px;
        margin-bottom: 10px;
        margin-left: -24px;
        border-left: 4px solid red;
      }
    }
    :global(.tx1qyjyhxtable) {
      :global(td) {
        color: #9a9a9a;
        border: 1px solid #ebebeb;
      }
      :global(th) {
        background-color: #f5f6fa;
        border: 1px solid #ebebeb;
      }
    }
  }
  .iframe {
    width: 100%;
    height: 99%;
    border: none;
  }
}
</style>
