<template>
  <div class="eContainer-search">
    <el-form :model="model" :rules="rules" ref="modelForm" label-width="120px" label-position="right" size="small"
             :validate-on-rule-change="false">
      <c-content>
        <m-infsea
            v-show="!showPanel"
            :model="model"
            :codes="codes"
            ref="infsea"/>
      </c-content>
      <c-button
          v-show="showPanel"
          style="margin-left: 75%; bottom: 10%; position: sticky"
          size="small"
          @click="goBack()">
        返回
      </c-button>
    </el-form>
  </div>
</template>
<script>
import CodeTable from "~/config/CodeTable"
import Inftrd from "../model"
import Infsea from "./Infsea"



export default {
  name: "Inftrd",
  components: {
    "m-infsea": Infsea,
  },
  provide() {
    return {
      root: this
    }
  },
  data() {
    return {
      tabVal: "infsea",
      trnName: "inftrd",
      trnType: "",
      model: new Inftrd().data,
      showPanel: false,
      codes: {...CodeTable},
      rules: null,
    }
  },
  methods: {},
  initPanel(val) {
    if (val) {
      this.tabVal = "infsea";
      //
    } else {
      this.tabVal = "";
    }
  },
  async updateShowPanel(value) {
    this.showPanel = value;
    this.initPanel(value);
  },
  goBack() {
    this.showPanel = false;
  },
}
</script>
<style>

</style>