<template>
  <div class="table_box">
    <div class="right-header">
      <el-row class="top_search_nav">
        <div>
          <el-radio-group
            v-model="tabPosition"
            style=""
            @change="getClearData"
            v-loading="loadingGroup"
          >
          <el-radio-button label="申请信息导入">申请信息导入</el-radio-button>
            <el-radio-button label="保单信息导入">保单信息导入</el-radio-button>
            <el-radio-button label="报案信息导入">报案信息导入</el-radio-button>
          </el-radio-group>
        </div>
      </el-row>
    </div>
    <div class="right-main">
       <div 
        style="
          box-shadow: 0px 0px 10px 2px rgb(153 153 153 / 20%);
          margin-top: 20px;
          padding: 16px 16px 0 16px;
          background: #fff;
        "
      class="content"  v-if="tabPosition == '申请信息导入'">
        <apply/>
      </div>
      <div 
        style="
          box-shadow: 0px 0px 10px 2px rgb(153 153 153 / 20%);
          margin-top: 20px;
          padding: 16px 16px 0 16px;
          background: #fff;
        "
      class="content"  v-if="tabPosition == '保单信息导入'">
        <datafiles/>
      </div>
      <div 
        style="
          box-shadow: 0px 0px 10px 2px rgb(153 153 153 / 20%);
          margin-top: 20px;
          padding: 16px 16px 0 16px;
          background: #fff;
        "
      class="content" v-if="tabPosition == '报案信息导入'">
        <report/>
      </div>
      
    </div>
  </div>
</template>

<script>
import apply from './common/apply.vue'
import datafiles from './common/datafiles.vue'
import report from './common/report.vue'

export default {
  name:'datainsurance',
  data() {
    return {
      tabPosition: "申请信息导入",
      dataObj: {},
      examineObj: {
        detailDialog: false,
        taskId: "",
        fn: () => {
          this.getData();
        },
      },
      loadingGroup: false,
    };
  },
  components: {
    datafiles,
    apply,
    report
  },

  mounted() {
  },

  methods: {
    getClearData() {
      this.currentPage = 1;
    },
  },
};
</script>

<style lang="scss" scoped>
  .right-main{
    height: 100%;
    .content{
      height: 100%;
    }
  }
</style>



