<!--信息问题反馈-->
<template>
  <div class="content-div">
    <a-card class="info-submit" :bordered="false">
        <a-radio-group v-model="defaultValue" button-style="solid" @change="changeContent">
          <a-radio-button v-for="(item, index) in menus" :key="item.action" :value="item.value" :name="item.value">
            {{ item.describe }}
          </a-radio-button>
        </a-radio-group>
    </a-card>
    <a-card :bordered="false">
      <!--企业问题反馈-->
      <problem-feed-back v-show="'qywtfk' == defaultValue"></problem-feed-back>
      <!--企业相关问题待审核-->
      <problem-audit v-show="'qyxgwtdsh' == defaultValue"></problem-audit>
      <!--企业相关问题已审核-->
      <problem-approved v-show="'qyxgwtysh' == defaultValue"></problem-approved>
      <!--退回企业问题-->
      <back-problem v-show="'thqywt' == defaultValue"></back-problem>
      <!--企业注册待审核-->
      <register-audit v-show="'qyzcdsh' == defaultValue"></register-audit>
      <!--企业注册已审核-->
      <register-approved v-show="'qyzcysh' == defaultValue"></register-approved>
      <!--退回企业注册-->
      <back-register v-show="'thqyzc' == defaultValue"></back-register>

    </a-card>
  </div>
</template>


<script>
import problemFeedBack from '../qcsb/qywtfk/QcQywtfkList.vue'
import problemAudit from '../qcsb/qywtfk/QcQywtfkList1.vue'
import problemApproved from '../qcsb/qywtfk/QcQywtfkList2.vue'
import backProblem from '../qcsb/qywtfk/QcQywtfkList4.vue'
import registerAudit from '../qcsb/qywtfk/QcQywtfkList_qyzc.vue'
import registerApproved from '../qcsb/qywtfk/QcQywtfkList_qyzc2.vue'
import backRegister from '../qcsb/qywtfk/QcQywtfkList_qyzc4.vue'



export default {
  name: 'landInfo',
  components: {
    problemFeedBack,
    problemAudit,
    problemApproved,
    backProblem,
    registerAudit,
    registerApproved,
    backRegister,


  },
  data() {
    return {
      defaultValue: '',
      menus: [],

    }
  },
  created() {
    this.menus = this.$store.state.menu.menuList['xxfk'];
    this.defaultValue = this.menus.length > 0 ? this.menus[0].value : '';
    console.log("landInfo...", this.menus);
  },
  methods: {
    changeContent(key) {
      console.log(key);
    },
  }

}
</script>

<style scoped>
.content-div {
  height: 100%;
}
.ant-card:not(:last-child) {
  margin-bottom: 10px;
}
.ant-card:last-child {
  height: calc(100% - 70px);
  overflow-y: auto;
}
</style>
<style lang="less" scoped>
.info-submit {
  & ::v-deep > .ant-card-body {
    padding: 14px 24px;
  }
  &::v-deep .ant-radio-button-wrapper {
    //border: 1px solid ;
    border-radius: 4px;
    padding-left: 25px;
    padding-right: 25px;
    //border-left: 1px;
    border: 1px solid @primary-color;
    margin-left: 15px;
    color: @primary-color;
  }
  & /deep/ .ant-radio-button-wrapper:not(:first-child)::before {
    width: 0px;
  }
  & .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
    color: #fff;
  }
}
.content-div {
  &::v-deep .ant-card:last-child .ant-card-body {
    padding: 10px 24px 0;
  }

}

</style>