index.vue

<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="$t('commonModels.Seq B : 保函文本')" name="gidtxtp">
            <c-content>
              <m-gidtxtp :model="model" :codes="codes" @changeTxt="changeTxt" />
            </c-content>
          </el-tab-pane>

          <el-tab-pane :label="$t('commonModels.Seq C : 保函文本')" name="gidtxtpc" v-if="
								model.gidgrp.rec.purpos == 'ISCO' ||
								model.gidgrp.rec.purpos == 'ICCO'
							">
            <m-gidtxtpc :model="model" :codes="codes" @changeTxt="changeTxt" />
          </el-tab-pane>

        </c-tabs>
      </el-form>
     	<!-- 底部按钮 -->
			<c-function-btn
				:handleSubmit="handleSubmit"
				:handleCheck="handleCheck"
				:handleStash="handleStash"
				ref="commonBtn"
				@handleSureWarning="handleSureWarning"
			></c-function-btn>
    </c-page>
  </div>
</template>
<script>
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import Gitadd from "../model";
import commonDepend from "~/mixin/commonDepend";
import operationFunc from "~/mixin/operationFunc";
import event from "../event";
import Check from "../model/check";
import Default from "../model/default";
import buildFn from '../event/buildCommons.js';
import Ovwp from "./Ovwp";
import Gidtxtp from "./Gidtxtp";
import Gidtxtpc from "./Gidtxtpc";

export default {
  name: "Gitadd",
  components: {
		"m-ovwp": Ovwp,
    "m-gidtxtp": Gidtxtp,
    "m-gidtxtpc": Gidtxtpc,
  },
  provide() {
    return {
      root: this
     
    };
  },
  mixins: [Check,Default, operationFunc, event, commonDepend,buildFn],
  data() {
    return {
      tabVal: "ovwp",
      trnName: "gitadd",
      model: new Gitadd().data,
      codes: {
        ...CodeTable
      },
			activeNames: ["ovwp","setmod"],
    };
  },

  created() {
    console.log("进入gitadd交易");;
    let data = {
			transName: this.trnName,
			gidgrp: {
        rec: {
          inr: this.$route.query.inr || ''
        }
			},
    };
    this.init(data).then(() => {
      this.tabVal = 'ovwp' ;
    });
  },

methods: {

			changeTxt(tabName) {
				this.templateToText(tabName)
			},
			// 保函模板转文本
			templateToText(tabName) {
				if (tabName === 'gidtxtp' || tabName === 'docpan') {
					let atxinr = this.model.gidgrp.rec.atxinr;
					let textTempData = this.model.textTempData;
					this.formatTxtp(this.model.gidgrp.blk.gtxgidtxt, atxinr, 'atx', textTempData, 'gidgrp')
				}
				if (tabName === 'gidtxtpc' || tabName === 'docpan') {
					let gtxinrc = this.model.gidgrp.rec.gtxinrc;
					let textTempData = this.model.textTempData;
					this.formatTxtp(this.model.gidgrp.blk.gtxgidtxtc, gtxinrc, 'atx', textTempData, 'gidgrp', true)
				}
			},
    }

};
</script>
<style>
</style>