<template>
  
  <div class="eContainer">
    <c-page title="进口信用证减额修改接受">
    <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">
        <el-tab-pane label="业务信息" name="ovwp">
          <c-content>
                <m-ovwp :model="model" :codes="codes"/>
          </c-content>
       </el-tab-pane>


       <el-tab-pane label="保证金" name="ccvpan">
            <c-content>
            <m-ccvpan :model="model" :codes="codes" />
            </c-content>
          </el-tab-pane>

         <!--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>

          <el-tab-pane label="备查/附言" name="coninfp">
          <c-content>
            <div class="eibs-tab">
            <el-collapse v-model="activeNames">
            <el-collapse-item title="附言" name="coninfp">
              <m-coninfp :model="model" :codes="codes" />
            </el-collapse-item>
            </el-collapse>
            </div>
          </c-content>
          </el-tab-pane>

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

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


       </c-tabs>
    </el-form>
    <c-grid-ety-prompt-dialog
        ref="etyDialog"
        :promptData="promptData"
        @select-ety="selectGridEtyPromptData"
      >
      </c-grid-ety-prompt-dialog>

      <c-function-btn
      :handleSubmit="handleSubmit" 
      :handleCheck="handleCheck" 
      :handleStash="handleStash"
      >
    </c-function-btn> 
</c-page>
  </div>

</template>
<script>
import CodeTable from "~/config/CodeTable"
import Litdla from "../model"
import formRules from '../model/check';
import operationFunc from "~/mixin/operationFunc";
import event from "../event";

import Accp from "./Accp"
import Amep from "./Amep"
import Ovwp from "./Ovwp"
import Narp from "./Narp"
import Detp from "./Detp"
import Ptyp from "./Ptyp"
import Dogpame from "./Dogpame"
import Dorpame from "./Dorpame"
import Adcpame from "./Adcpame"
import Inspame from "./Inspame"
import Dogp from "./Dogp"
import Dorp from "./Dorp"
import Shisuan from "./Shisuan"


import Engp from "~/components/business/engp/views";
import Ccvpan from "~/components/business/ccvpan/views";
import Coninfp from "~/components/business/coninfp/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";

import Aamp from "./Aamp";
import Spcrcvp from "./Spcrcvp";
import Spcbenp from "./Spcbenp";
import Spbpame from "./Spbpame.vue"
import Sprpame from "./Sprpame.vue"

export default {
    name: "Litdla",
    components:{
     "m-spbpame" : Spbpame,
    "m-sprpame" : Sprpame,
     "m-spcrcvp": Spcrcvp,
    "m-spcbenp": Spcbenp,
     "m-aamp": Aamp,
        "m-accp" : Accp,
        "m-amep" : Amep,
        "m-ovwp" : Ovwp,
        "m-narp" : Narp,
        "m-detp" : Detp,
        "m-ptyp" : Ptyp,
        "m-dogpame" : Dogpame,
        "m-dorpame" : Dorpame,
        "m-adcpame" : Adcpame,
        "m-inspame" : Inspame,
        "m-dogp" : Dogp,
        "m-dorp" : Dorp,
        "m-engp" : Engp,
        "m-shisuan" : Shisuan,
        "m-ccvpan" :  Ccvpan ,
        "m-coninfp" : Coninfp,
        "m-docpan" : Docpan,
        "m-limitbody" : Limitbody,
        "m-doctre" : Doctre,
        "m-setmod": Setmod,
        "m-glentry": Glentry,
    },
    provide() {
        return {
            root: this
        }
    },
    mixins: [operationFunc,event],    // 里面包含了Default、Check等的公共处理
    data(){
        return {
            tabVal: "ovwp",
            trnName: "litdla",
            model: new Litdla().data,
            rules: formRules,
            codes: {... CodeTable },
            activeNames: ["engp","coninfp",],
            activeNames1: ["limitbody"],
            promptData: {
        title: 'Select a Party',
        columns: [
          {
            prop: 'ptyInr',
            label: 'Party Number'
          },
          {
            prop: 'inr',
            label: 'Address Number'
          },
          {
            prop: 'branch',
            label: 'Branch Code'
          },
          {
            prop: 'bchName',
            label: 'Branch Name'
          },
          {
            prop: 'adrName',
            label: 'Address Name'
          },
          {
            prop: 'adr1',
            label: 'Address1'
          },
          {
            prop: 'locCty',
            label: 'City'
          },
          {
            prop: 'locZip',
            label: 'Zip'
          },
          {
            prop: 'bicCode',
            label: 'BIC'
          }
        ],
        data: []
      },
      }
    },
    methods:{},
    mounted () {
    this.init()
  },
}
</script>
<style>

</style>