index.vue

<template>
  <div class="eContainer" >
   
    <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">
        <!--PD000002 -->
        <el-tab-pane label="搜索面板" name="infsea">
          <m-infsea :model="model" :codes="codes" />
        </el-tab-pane>
        <!-- </c-tabs> -->

        <!--PD000029 -->
        <el-tab-pane label="详细面板" name="ptap0">
          <m-ptap0 :model="model" :codes="codes" />
        </el-tab-pane>
        <!-- </c-tabs> -->

        <!--PD000685 -->
        <el-tab-pane label="明细" name="ptap1">
          <m-ptap1 :model="model" :codes="codes" />
        </el-tab-pane>
        <!-- </c-tabs> -->

        <!--PD000650 -->
        <el-tab-pane label="认证住址" name="ptmpan">
          <m-ptmpan :model="model" :codes="codes" />
        </el-tab-pane>
        <!-- </c-tabs> -->

        <!--PD000700 -->
        <el-tab-pane label="Infotext" name="oitpan">
          <m-oitpan :model="model" :codes="codes" />
        </el-tab-pane>
      </c-tabs>
    </el-form>
  </div>
</template>
<script>
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import Infpta from "~/model/Infpta";
import commonProcess from "~/mixin/commonProcess";
import commonFuncs from "~/mixin/commonFuncs";
import Check from "~/model/Infpta/Check";
import Default from "~/model/Infpta/Default";
import Pattern from "~/model/Infpta/Pattern";
import Infsea from "./Infsea";
import Ptap0 from "./Ptap0";
import Ptap1 from "./Ptap1";
import Ptmpan from "./Ptmpan";
import Oitpan from "./Oitpan";
import Event from "~/model/Infpta/Event";

export default {
  name: 'Infpta',
  components: {
    "m-infsea": Infsea,
    "m-ptap0": Ptap0,
    "m-ptap1": Ptap1,
    "m-ptmpan": Ptmpan,
    "m-oitpan": Oitpan,
  },
  provide() {
    return {
      root: this,
    };
  },
  mixins: [commonProcess,commonFuncs], // 里面包含了Default、Check等的公共处理
  data() {
    return {
      tabVal: "infsea",
			trnName:"infpta",
      model: new Infpta().data,
      checkRules:Check,
      defaultRules:Default,
			pattern: Pattern,
      rules: null,
      codes: {},
    };
  },
  methods: {
      ...Event
  },
  created: async function() {
    console.log("进入infpta交易");
    let rtnmsg = await this.init({})
    if (rtnmsg.respCode == SUCCESS) {
      //TODO 处理数据逻辑
      this.updateModel(rtnmsg.data);
    } else {
      this.$notify.error({ title: "错误", message: "服务请求失败！" });
    }
  },
};
</script>
<style></style>