index.vue

<template>
<div class="eContainer">
   <c-page title="进口信用证单据提货担保修改">
    

     <!--
        <div  class="fast-button">
           <el-button size="small">备忘录</el-button>
           <el-button size="small" @click="setDraggableContent('cms', '影像信息')">影像信息</el-button>
           <el-button size="small">制裁信息</el-button>
           <el-button size="small">智能提示</el-button>
        /div>
     -->

        <el-form :model="model" :rules="rules" ref="modelForm" label-width="120px" label-position="right" size="small" :validate-on-rule-change="false">
            <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
                <!--brtame PD000057 Release Goods -->
                <el-tab-pane label="业务信息" name="ovwp">
                    <c-content>
                        <m-ovwp :model="model" :codes="codes" />
                    </c-content>
                </el-tab-pane>

                <!--limmod PD000001 统一授信 -->
                <el-tab-pane label="统一授信" name="limitbody">
                    <c-content>
                        <m-limitbody :model="model" :codes="codes" />
                    </c-content>
                </el-tab-pane>

                <!--PD000027 -->
          <el-tab-pane label="表外记账" name="engp">
              <c-content>
                  <!-- 表外记账 -->
                  <m-engp :model="model" :codes="codes" />
              </c-content>
            </el-tab-pane>

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

            <!--PD000027 -->
            <el-tab-pane label="会计分录" name="glepan">
              <c-content>
                  <m-glentry :model="model" :codes="codes" />
              </c-content>
            </el-tab-pane>
               
                <!--coninf PD000000 Completion -->
                <el-tab-pane label="备查/附言" name="addbcb">
                    <c-content>
                        <m-addbcb :model="model" :codes="codes" />
                    </c-content>
                </el-tab-pane>

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

                <!--trndoc PD000546 Attachments -->
                <el-tab-pane label="附件信息" name="doctre">
                    <c-content>
                        <m-doctre :model="model" :codes="codes" />
                    </c-content>
                </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 CodeTable from '~/config/CodeTable';
import Brtame from '../model';
import formRules from '../model/check';
import operationFunc from '~/mixin/operationFunc';
import event from '../event';
import Rog from './Rog';
import Ovwp from './Ovwp';
import Addbcb from './Addbcb';
import Shpdet from './Shpdet';


import Engp from '~/components/business/engp/views';
import Docpan from '~/components/business/docpan/views';
import Doctre from '~/components/business/doctre/views';
import Setmod from '~/components/business/setmod/views';
import Glentry from '~/components/business/glentry/views';
import Limitbody from '~/components/business/limitbody/views';

export default {
    name: 'Brtame',
    components: {
        'm-rog': Rog,
        'm-ovwp': Ovwp,
        'm-shpdet': Shpdet,
        'm-engp': Engp,
        'm-docpan': Docpan,
        'm-doctre': Doctre,
        'm-limitbody': Limitbody,
        'm-addbcb': Addbcb,
        'm-setmod': Setmod,
        'm-glentry': Glentry,
    },
    provide() {
        return {
            root: this,
        };
    },
    mixins: [operationFunc, event], // 里面包含了Default、Check等的公共处理
    data() {
        return {
            tabVal: 'ovwp',
            trnName: 'brtame',
            trnType: '',
            model: new Brtame().data,
            rules: formRules,
            codes: {
                ...CodeTable
            },
            fyzw: ['engp'],
        };
    },
    methods: {
        // myTabClick(tab) {
        //     this.tabClick(tab);
        /**
         *  do it yourself
         **/
        // },
    },
    mounted () {
    this.init()
  },
};
</script>

<style>
</style>