index.vue

<template>
  <div class="eContainer">
    <c-page title="客户信息查询">
      <!-- <c-bus-button :$pntvm="this"></c-bus-button> -->
      <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">
          <!--PD000039 -->
          <el-tab-pane label="客户查询" name="infsea">
            <c-content>
              <m-infsea :model="model" :codes="codes" ref="infsea" />
            </c-content>
          </el-tab-pane>
          <!--PD000000 -->
          <el-tab-pane label="机构" name="ptyp0">
            <c-content>
              <m-ptyp0 :model="model" :codes="codes" ref="ptyp0" />
            </c-content>
          </el-tab-pane>
          <el-tab-pane label="明细" name="ptyp1">
            <c-content>
              <m-ptyp1 :model="model" :codes="codes" ref="ptyp1" />
            </c-content>
          </el-tab-pane>
          <el-tab-pane label="详细地址" name="addadrp">
            <c-content>
              <m-addadrp :model="model" :codes="codes" ref="addadrp" />
            </c-content>
          </el-tab-pane>
          <el-tab-pane label="Info and Stoptext" name="ptytxt">
            <c-content>
              <m-ptytxt :model="model" :codes="codes" ref="ptytxt" />
            </c-content>
          </el-tab-pane>
          <el-tab-pane label="账单" name="actinf">
            <c-content>
              <m-actinf :model="model" :codes="codes" ref="actinf" />
            </c-content>
          </el-tab-pane>
          <el-tab-pane label="联系方式" name="ptcinf">
            <c-content>
              <m-ptcinf :model="model" :codes="codes" ref="ptcinf" />
            </c-content>
          </el-tab-pane>
          <el-tab-pane label="认证地址" name="ptmpan">
            <c-content>
              <m-ptmpan :model="model" :codes="codes" ref="ptmpan" />
            </c-content>
          </el-tab-pane>
          <el-tab-pane label="Further Info and Stoptext" name="oitp">
            <c-content>
              <m-oitp :model="model" :codes="codes" ref="oitp" />
            </c-content>
          </el-tab-pane>
        </c-tabs>
      </el-form>
    </c-page>
  </div>
</template>
<script>
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import Infpty from "~/model/Infpty";
import commonProcess from "~/mixin/commonProcess";
import commonFuncs from "~/mixin/commonFuncs";
import Check from "~/model/Infpty/Check";
import Default from "~/model/Infpty/Default";
import Pattern from "~/model/Infpty/Pattern";
import Infsea from "./Infsea";
import Ptyp0 from "./Ptyp0";
import Ptyp1 from "./Ptyp1";
import Addadrp from "./Addadrp";
import Ptytxt from "./Ptytxt";
import Actinf from "./Actinf";
import Ptcinf from "./Ptcinf";
import Ptmpan from "./Ptmpan";
import Oitp from "./Oitp";
export default {
  name: "Infpty",
  components: {
    "m-infsea":Infsea,
    "m-ptyp0":Ptyp0,
    "m-ptyp1":Ptyp1,
    "m-addadrp":Addadrp,
    "m-ptytxt":Ptytxt,
    "m-actinf":Actinf,
    "m-ptcinf":Ptcinf,
    "m-ptmpan":Ptmpan,
    "m-oitp":Oitp,
  }, 
  provide() {
    return {
      root: this,
    };
  },
  mixins: [commonProcess,commonFuncs], // 里面包含了Default、Check等的公共处理
  data() {
    return {
      tabVal: "infsea",
      trnName: "infpty",
      model: new Infpty().data,
      checkRules: Check,
      defaultRules: Default,
      pattern: Pattern,
      rules: null,
      codes: { ...CodeTable },
    };
  },
  methods: {
    //修改原事件MytabClick的V-on
    myTabClick(tab){
            this.tabClick(tab)
            /**
            *  do it yourself
            **/
        }
    
  },
  created: async function () {
    console.log("进入infpty交易");
    let rtnmsg = await this.init({});
    if (rtnmsg.respCode == SUCCESS) {
      this.updateModel(rtnmsg.data);//刷新前端数据
      
    } else {
      this.$notify.error({ title: "错误", message: "服务请求失败！" });
    }
  },
};
</script>
<style>
</style>