<template>
  <div class="mainCss">
    <div class="pageRight_none">
      <a-tabs v-model="activeName" type="card" ref="topContainer" @tabClick="handleClick">
        <a-tab-pane key="page_tzwtxq_1" tab="问题超期次数调整"></a-tab-pane>
        <a-tab-pane key="page_tzwtxq_2" tab="问题是否按期整改判定"></a-tab-pane>
        <a-tab-pane key="page_tzwtxq_3" tab="超期整改记录调整"></a-tab-pane>
      </a-tabs>
      <div class="content">
        <component :is="activeName"/>
      </div>
    </div>
  </div>
</template>

<script>
import page_tzwtxq_1 from '@/views/slzj/page_tzwtxq_1.vue';
import page_tzwtxq_2 from '@/views/slzj/page_tzwtxq_2.vue';
import page_tzwtxq_3 from '@/views/slzj/page_tzwtxq_3.vue';
export default {
  components: { page_tzwtxq_1, page_tzwtxq_2, page_tzwtxq_3 },
  data() {
    return {
      activeName: 'page_tzwtxq_1',
    };
  },
  computed: {
    userId() {
      return localStorage.getItem('persId')
        ? localStorage.getItem('persId')
        : '';
    },
  },
  created() {},
  mounted() {},
  methods: {
    handleClick(name) {
      this.activeName = name;
    },
  },
};
</script>

<style lang='less' scoped>
:deep(.ant-table-pagination) {
  float: left;
}

:deep(.ant-layout-sider),
:deep(.ant-layout-content) {
  background: #fff;
}

:deep(.ant-table-thead>tr>th),
:deep(.ant-table-tbody>tr>td) {
  padding: 0;
  height: 60px;
  line-height: 60px;
}

:deep(.ant-table-scroll) {
  position: relative;
  z-index: 1;
}

:deep(.ant-table-fixed-left),
:deep(.ant-table-fixed-right) {
  z-index: 2;
}
.pageRight_none {
  width: calc(100% - 20px);
  margin-left: 10px;
  box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%);
}
.content {
  width: 100%;
}

:deep(.success-delete) {
  background: #ffa3a8 !important;
}

.mainCss {
  width: 100%;
  height: calc(100% - 20px);
  display: flex;
  margin-top: 10px;
}
.pageLeft_none {
  display: none;
}

.pageRight {
  width: calc(100% - 330px);
  margin-left: 10px;
  box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%);
}

.pageRight_none {
  width: calc(100% - 20px);
  margin-left: 10px;
  box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%);
}

.custom_dialog .scroll300 {
  max-height: 60vh !important;
}
</style>
