index.vue

<template>
  <c-page title="融资开立">
    <div class="eContainer">
      <!-- <c-bus-button :$pntvm="this"></c-bus-button> -->
      <c-function-btn :handleSubmit="handleSubmit" :handleCheck="handleCheck" :handleStash="handleStash">
        <el-button size="small">备忘录</el-button>
        <el-button size="small">影像信息</el-button>
        <el-button size="small">保存模板</el-button>
        <el-button size="small">使用模板</el-button>
        <el-button size="small">制裁信息</el-button>
        <el-button size="small">拆分报文</el-button>
        <el-button size="small">提示</el-button>
      </c-function-btn>

      <el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="left" size="small" :validate-on-rule-change="false">
        <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">

          <!--Financing Details -->
          <el-tab-pane label="Financing Details" name="ovwp">
            <c-content>
              <m-ovwp :model="model" :codes="codes" />
            </c-content>
          </el-tab-pane>

          <el-tab-pane label="帐务" name="setpan">
            <c-content>
              <m-setpan :model="model" :codes="codes" />
            </c-content>
          </el-tab-pane>

          <el-tab-pane label="分录" name="glepan">
            <m-glepan :model="model" :codes="codes" ref="glepan" />
          </el-tab-pane>

          <!--L/C Info -->
          <el-tab-pane label="L/C Info" name="letinf">
            <m-letinf :model="model" :codes="codes" />
          </el-tab-pane>

          <!--资本项目 -->
          <el-tab-pane label="资本项目" name="cfactlp">
            <m-cfactlp :model="model" :codes="codes" />
          </el-tab-pane>

          <!--Financing Advice -->
          <el-tab-pane label="Financing Advice" name="trtfipl1">
            <m-trtfipl1 :model="model" :codes="codes" />
          </el-tab-pane>

          <el-tab-pane label="面函" name="docpan">
            <m-docpan :model="model" :codes="codes" ref="docpan" />
          </el-tab-pane>

          <!--融资业务通知书 -->
          <el-tab-pane label="融资业务通知书" name="trtapll1">
            <m-trtapll1 :model="model" :codes="codes" />
          </el-tab-pane>

          <!--融资款项 -->
          <el-tab-pane label="融资款项" name="rzkx">
            <m-rzkx :model="model" :codes="codes" />
          </el-tab-pane>

          <!--定向收付 -->
          <el-tab-pane label="定向收付" name="dxzfp">
            <m-dxzfp :model="model" :codes="codes" />
          </el-tab-pane>

          <!--定价系统 -->
          <el-tab-pane label="定价系统" name="dinpan">
            <c-content>
              <m-dinpan :model="model" :codes="codes" />
            </c-content>
          </el-tab-pane>
        </c-tabs>
      </el-form>
    </div>
  </c-page>
</template>
<script>
  import Api from "~/service/Api";
  import Utils from "~/utils/index";
  import CodeTable from "~/config/CodeTable";
  import Trtopn from "~/model/Trtopn";
  import CommonProcess from "~/mixin/CommonProcess";
  import Check from "~/model/Trtopn/Check";
  import Default from "~/model/Trtopn/Default";
  import Pattern from "~/model/Trtopn/Pattern";
  import Ovwp from "./Ovwp";
  import Letinf from "./Letinf";
  import Cfactlp from "./Cfactlp";
  import Trtfipl1 from "./Trtfipl1";
  import Trtapll1 from "./Trtapll1";
  import Rzkx from "./Rzkx";
  import Cfap from "./Cfap";
  import Dxzfp from "./Dxzfp";

  import Glepan from "~/views/Public/Glepan";
  import Setpan from "~/views/Public/Setpan";
  import Docpan from "~/views/Public/Docpan";
  import Dinpan from "./Dinpan";

  export default {
    components: {
      "m-ovwp": Ovwp,
      "m-letinf": Letinf,
      "m-cfactlp": Cfactlp,
      "m-trtfipl1": Trtfipl1,
      "m-trtapll1": Trtapll1,
      "m-rzkx": Rzkx,
      "m-cfap": Cfap,
      "m-dxzfp": Dxzfp,
      "m-setpan": Setpan,
      "m-glepan": Glepan,
      "m-docpan": Docpan,
      "m-dinpan": Dinpan
    },
    provide() {
      return {
        root: this
      };
    },
    mixins: [CommonProcess], // 里面包含了Default、Check等的公共处理
    data() {
      return {
        tabVal: "ovwp",
        trnName: "trtopn",
        model: new Trtopn().data,
        checkRules: Check,
        defaultRules: Default,
        pattern: Pattern,
        rules: null,
        codes: { ...CodeTable }
      };
    },
    methods: {
      tabClick() {}
    },
    created: async function() {
      console.log("进入trtopn交易");
      let rtnmsg = await this.init({});
      if (rtnmsg.respCode == SUCCESS) {
        //TODO 处理数据逻辑
      } else {
        this.$notify.error({ title: "错误", message: "服务请求失败！" });
      }
    }
  };
</script>
<style>
</style>