<template>
  <div :class="[$style.wrapHeight, $style.lawapply]">
    <a-card :bordered="false">
      <a-tabs v-model="activeKey" type="line" @change="toggleTabs">
        <a-tab-pane key="1" tab="待反馈">
          <!-- /sd-frame/sd-task-list?moduleId=272182905903054848&formListId=285190987106795520 -->
          <sd-task-list
            v-if="ifRouterView"
            :module-id="'272182905903054848'"
            :form-list-id="'285190987106795520'"
          ></sd-task-list>
        </a-tab-pane>
        <a-tab-pane key="2" tab="已反馈">
          <!-- /sd-frame/sd-task-list?moduleId=272182905903054848&formListId=285194796818284544 -->
          <sd-task-list
            v-if="ifRouterView2"
            :module-id="'272182905903054848'"
            :form-list-id="'285194796818284544'"
          ></sd-task-list>
        </a-tab-pane>
      </a-tabs>
    </a-card>
  </div>
</template>

<script>
import sdTaskList from '@/application-manage/sd-task-list.vue'
import sdBusinessList from '../../../../src/application-manage/sd-business-list.vue'
import components from './_import-components/law-check-opinion-list-import'

export default {
  name: 'LawCheckOpinionList',
  metaInfo: {
    title: 'LawCheckOpinionList',
  },
  components: {
    ...components,
    sdTaskList,
  },
  data() {
    return {
      activeKey: '1',
      ifRouterView: true,
      ifRouterView2: false,
    }
  },
  methods: {
    toggleTabs(key) {
      this.activeKey = key
      this.ifRouterView = false
      this.ifRouterView2 = false
      this.ifRouterView3 = false
      if (this.activeKey === '1') {
        this.$nextTick(() => {
          this.ifRouterView = true
        })
      } else if (this.activeKey === '2') {
        this.$nextTick(() => {
          this.ifRouterView2 = true
        })
      }
    },
  },
}
</script>

<style module lang="scss">
@use '@/common/design' as *;
.lawapply {
  :global(.ant-tabs-bar) {
    margin-bottom: 8px;
  }
  :global(.ant-card-body) {
    padding-top: 0px;
  }
}
</style>
