index.vue

<template>
  <div class="eContainer">
    <c-page title="保函索赔注销后激活">

        <el-form :model="model"
                 :rules="rules"
                 ref="modelForm"
                 label-width="150px"
                 label-position="right"
                 size="small"
                 :validate-on-rule-change="false">

           <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
               <!--gctp PD000047 业务信息 -->
               <el-tab-pane :label="$t('gctp.PD000047')" name="ovwp">
                    <c-content>
                        <m-ovwp :model="model" :codes="codes"/>
                    </c-content>
               </el-tab-pane>

             <!--PD000027 -->
            <el-tab-pane label="费用/账务" name="setpan">
              <c-content>
                <m-setmod
                  :model="model"
                  :codes="codes"
                  @changeSetmodModel="changeSetmodModel"
                />
              </c-content>
            </el-tab-pane>

               <el-tab-pane label="备查/附言" name="coninfp">
                   <m-coninfp :model="model" :codes="codes" />
               </el-tab-pane>

               <!--PD000529 -->
               <el-tab-pane label="报文/面函" name="docpan">
                   <m-docpan :model="model" :codes="codes" />
               </el-tab-pane>

               <!--PD000546 -->
               <el-tab-pane label="附件信息" name="doctre">
                   <m-doctre :model="model" :codes="codes" />
               </el-tab-pane>

           </c-tabs>
        </el-form>

         <c-function-btn
            :handleSubmit="handleSubmit"
            :handleCheck="handleCheck"
            :handleStash="handleStash"
          >
          </c-function-btn>
    </c-page>
  </div>
</template>
<script>
import Api from "~/service/Api"
import event from '../event'
import operationFunc from "~/mixin/operationFunc";
import formRules from '../model/check'
import CodeTable from "~/config/CodeTable";
import Gctrop from "../model";
import Ovwp from "./Ovwp"
import Docpan from "~/components/business/docpan/views";
import Coninfp from "~/components/business/coninfp/views";
import Doctre from "~/components/business/doctre/views";
import Setmod from "~/components/business/setmod/views";

export default {
    name: "Gctrop",
    components:{
        "m-ovwp" : Ovwp,
        "m-docpan" : Docpan,
        "m-coninfp" : Coninfp,
        "m-doctre" : Doctre,
        "m-setmod": Setmod,
    },
    provide() {
        return {
            root: this
        }
    },
    mixins: [event,operationFunc],
    data(){
        return {
            tabVal: "ovwp",
            trnName: "gctrop",
            model: new Gctrop().data,
            rules: formRules,
            codes: {
                ...CodeTable
            },
        }
    },
    methods:{},
    mounted () {
    this.init()
  },
};
</script>
<style>

</style>