index.vue 4.52 KB
<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="nidtxtp">
						<m-nidtxtp :model="model" :codes="codes" />
					</el-tab-pane>

          <!--PD000001 -->
          <el-tab-pane label="保证金" name="ccvpan">
            <c-content>
              <m-ccvpan :model="model" :codes="codes" :ccvtableData="ccvtableData" />
            </c-content>
          </el-tab-pane>
            <!--PD000001 -->
          <el-tab-pane label="余额信息" name="cbsp">
            <c-content>
              <m-cbsp :model="model" :codes="codes" :objtyp="objtyp"  :cbstableData="cbstableData" :cbbtyp="cbbtyp" />
            </c-content>
          </el-tab-pane>

            <!--PD000001 -->
          <el-tab-pane label="发生额信息" name="cbep" >
            <c-content>
              <m-cbep :model="model" :codes="codes" :cbetableData="cbetableData" />
            </c-content>
          </el-tab-pane>
          <!--PD000001 -->
          <el-tab-pane label="费用" name="fep">
            <c-content>
              <m-fep :model="model" :codes="codes" :objtyp="objtyp" :feptableData="feptableData" :fcptableData="fcptableData"/>
            </c-content>
          </el-tab-pane>
          
          <!--PD000001 -->
          <el-tab-pane label="历史信息" name="trnp">
            <c-content>
              <m-trnp :model="model" :codes="codes" :objtyp="objtyp" :subobjtyp="subobjtyp"   :trntableData="trntableData"/>
            </c-content>
          </el-tab-pane>

          <!--PD000001 -->
          <el-tab-pane  v-if="this.model.trnShow"  label="历史详细信息" name="trnp0">
            <c-content>
              <m-trnp0 :model="model" :codes="codes" :smhtableData="smhtableData" :trstableData="trstableData" />
            </c-content>
          </el-tab-pane>

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

         <!-- <el-tab-pane v-if="hgShow" label="海关关税担保保函" name="hgp">
            <c-content>
              <m-hgp :model="model" :codes="codes" />
            </c-content>
          </el-tab-pane>-->

        </c-tabs>
      </el-form>
     
    </c-page>
  </div>
</template>
<script>
import Api from "~/service/Api";
import event from "../event";
import operationFunc from "~/mixin/operationFunc";
import commonDepend from "~/mixin/commonDepend";
import Check from "../model/check";
import CodeTable from "~/config/CodeTable";
import Nidinf from "../model";
import Ovwp from "./Ovwp";
import Trnpan from "./Trnpan";
import Trnp0 from "./Trnp0";
import Smhinfp from "./Smhinfp";
import Cbsinfp from "./Cbsinfp";
import Cbeinfp from "./Cbeinfp";
import Fepinfp from "./Fepinfp";
import Hzzsbh from "./Hzzsbh";
import Ccvpan from "./Ccvinfp";
import Nidtxtp from "./Nidtxtp";

export default {
  name: "Nidinf",
  components: {
    "m-ovwp": Ovwp,
    "m-ccvpan": Ccvpan,
    "m-trnp": Trnpan,
    "m-trnp0": Trnp0,
    "m-cbsp": Cbsinfp,
    "m-cbep": Cbeinfp,
    "m-fep": Fepinfp,
    "m-hgp": Hzzsbh,
		"m-smh": Smhinfp,
    "m-nidtxtp": Nidtxtp,
  },

  provide() {
    return {
      root: this,
      activeNames: ["ovwp"]
    };
  },
  mixins: [operationFunc, event, commonDepend],
  data() {
    return {
      tabVal: "ovwp",
      trnName: "nidinf",
      model: new Nidinf().data,
      rules: Check,
      codes: {
        ...CodeTable
			},
      cbbtyp:[],
      cbstableData:[],
      cbetableData:[],
      feptableData:[],
      fcptableData:[],
      trntableData:[],
      smhtableDataT:[],
      trstableData:[],
      smhtableData:[],
      ccvtableData:[],
      objtyp:'',
      subobjtyp:'',
      hgShow:false,
    };
  },
  mounted() {
    this.hgShow = this.$route.query.opentyp == 'HGBH' ? true : false
    this.objtyp = this.$route.query.opentyp == 'GJBH' ? 'GID' : 'NID'
    this.subobjtyp = this.$route.query.opentyp == 'GJBH' ? 'GCD' : 'NCD'
    this.model.nidgrp.rec.inr = this.$route.query.inr
    this.getNidDataByInr()
  }
};
</script>
<style scoped>
</style>