Ovwp.vue

<template>
    <div class="eibs-tab">
        <el-collapse v-model="activeNames" @change="handleChange">
            <el-collapse-item title="开立方式" name="opnp">
                <m-opnp :model="model" :codes="codes" />
            </el-collapse-item>
            <el-collapse-item title="修改日期" name="amedat20" v-if="model.gitp.swiftflg == 'Y'">
                <m-amedat20 :model="model" :codes="codes" />
            </el-collapse-item>
            <el-collapse-item title="演示/交付" name="preperp" v-if="model.gitp.swiftflg == 'Y'">
                <m-preperp :model="model" :codes="codes" />
            </el-collapse-item>
            <el-collapse-item title="Seq. C: 演示/交付" name="preperpc" v-if="
              model.gidgrp.rec.purpos == 'ISCO' ||
              model.gidgrp.rec.purpos == 'ICCO'
            ">
                <m-preperpc :model="model" :codes="codes" />
            </el-collapse-item>
            <el-collapse-item title="保函修改" name="ameps20">
                <m-ameps20 :model="model" :codes="codes" />
            </el-collapse-item>
            <el-collapse-item title="Seq C:保函修改" name="amecp" v-if="
              model.gitp.swiftflg == 'Y' &&
              (model.trnmod.swiadd.purposame == 'ISCA' ||
                model.trnmod.swiadd.purposame == 'ICCA')
            ">
                <m-amecp :model="model" :codes="codes" />
            </el-collapse-item>
            <el-collapse-item title="保函文本" name="gidtxtp" v-if="model.gitamep.prtflg == 'X'">
                <m-gidtxtp :model="model" :codes="codes" />
            </el-collapse-item>
            <el-collapse-item title="Seq. C: 保函文本" name="gidtxtpc" v-if="
              model.gitp.swiftflg == 'Y' &&
              (model.trnmod.swiadd.purposame == 'ISCA' ||
                model.trnmod.swiadd.purposame == 'ICCA') &&
              model.gitamep.prtflg == 'X'
            ">
                <m-gidtxtpc :model="model" :codes="codes" />
            </el-collapse-item>
            <el-collapse-item title="概要" name="ovwp1">
                <m-ovwp1 :model="model" :codes="codes" />
            </el-collapse-item>
            <el-collapse-item title="Seq. C: 概要" name="ovwpc" v-if="
              model.gidgrp.rec.purpos == 'ISCO' ||
              model.gidgrp.rec.purpos == 'ICCO'
            ">
                <m-ovwpc :model="model" :codes="codes" />
            </el-collapse-item>
            <el-collapse-item title="当事人描述" name="ptyp">
                <m-ptyp :model="model" :codes="codes" />
            </el-collapse-item>
            <el-collapse-item title="Seq. C: 当事人描述" name="ptypc" v-if="
              model.gidgrp.rec.purpos == 'ISCO' ||
              model.gidgrp.rec.purpos == 'ICCO'
            ">
                <m-ptypc :model="model" :codes="codes" />
            </el-collapse-item>
            <el-collapse-item title="详细信息" name="detp">
                <m-detp :model="model" :codes="codes" />
            </el-collapse-item>
            <el-collapse-item title="Seq. C: 详细信息" name="detpc" v-if="
              model.gidgrp.rec.purpos == 'ISCO' ||
              model.gidgrp.rec.purpos == 'ICCO'
            ">
                <m-detpc :model="model" :codes="codes" />
            </el-collapse-item>
            <el-collapse-item title="历史信息" name="amephis">
                <m-amephis :model="model" :codes="codes" />
            </el-collapse-item>
            <el-collapse-item title="Seq. C: 历史信息" name="amephisc" v-if="
              model.gidgrp.rec.purpos == 'ISCO' ||
              model.gidgrp.rec.purpos == 'ICCO'
            ">
                <m-amephisc :model="model" :codes="codes" />
            </el-collapse-item>
            <el-collapse-item title="Seq. C: 附加金额" name="aacp" v-if="
              model.gitp.swiftflg == 'Y' &&
              (model.trnmod.swiadd.purposame == 'ISCA' ||
                model.trnmod.swiadd.purposame == 'ICCA') &&
              model.trnmod.swiadd.addamtflgc == 'X'
            ">
                <m-aacp :model="model" :codes="codes" />
            </el-collapse-item>

            <el-collapse-item title="Seq. C: 附加金额" name="aamp20" v-if="
              model.gitp.swiftflg == 'Y' &&
              model.trnmod.swiadd.purposame == 'ISUA' &&
              model.trnmod.swiadd.addamtflg == 'X' &&
              model.gidgrp.rec.purpos != 'ISSU'
            ">
                <m-aamp20 :model="model" :codes="codes" />
            </el-collapse-item>
        </el-collapse>
    </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Gitame/Event";

import Ovwp1 from "./Ovwp1";
import Opnp from "./Opnp";
import Ameps20 from "./Ameps20";
import Amecp from "./Amecp";
import Amedat20 from "./Amedat20";
import Preperp from "./Preperp";
import Preperpc from "./Preperpc";
import Gidtxtp from "./Gidtxtp";
import Gidtxtpc from "./Gidtxtpc";
import Detp from "./Detp";
import Detpc from "./Detpc";
import Amephisc from "./Amephisc";
import Amephis from "./Amephis";
import Ovwpc from "./Ovwpc";
import Ptyp from "./Ptyp";
import Ptypc from "./Ptypc";
import Aacp from "./Aacp";
import Aamp20 from "./Aamp20";

const tabNameToRulePathMapping = {
  "gidtxtp": "gitp.gidtxtp",
}

export default {
    components: {
        "m-ovwp1": Ovwp1,
        "m-amephisc": Amephisc,
        "m-opnp": Opnp,
        "m-ameps20": Ameps20,
        "m-amecp": Amecp,
        "m-amedat20": Amedat20,
        "m-preperp": Preperp,
        "m-preperpc": Preperpc,
        "m-gidtxtp": Gidtxtp,
        "m-gidtxtpc": Gidtxtpc,
        "m-detp": Detp,
        "m-detpc": Detpc,
        "m-amephis": Amephis,
        "m-ovwpc": Ovwpc,
        "m-ptyp": Ptyp,
        "m-ptypc": Ptypc,
        "m-aacp": Aacp,
        "m-aamp20": Aamp20,
    },
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [commonProcess],
    data() {
        return {
            activeNames: ["opnp"],
        };
    },
    methods: {
        ...Event,
        myTabClick(tab) {
            this.tabClick(tab);
            let name = tab.name;
            let rulePath;
            if (name === "gidtxtp") {
                rulePath = "gitp.gidtxtp";
            }
            if (!!rulePath) {
                this.executeRule(rulePath).then((res) => {
                if (res.respCode == SUCCESS) {
                    this.updateModel(res.data);
                }
                });
            }
        },
        handleChange(names){
        // console.log(names);//激活的(展开的)面板的name数组集合
        if (this.isInDisplay) {
            return
        }
        const arr = []
        for (let i = 0; i < names.length; i++) {
            const n = names[i];
            const path = tabNameToRulePathMapping[n]//取出激活/展开面板name对应的rulePath
            if (path) {
            arr.push(path)
            }
        }
        let rulePath = arr.join(",");//把arr数组加入逗号分割，变成字符串
        if (!!rulePath) {//rulePath不为空串
            this.executeRule(rulePath).then((res) => {
            if (res.respCode == SUCCESS) {
                this.updateModel(res.data);
            }
            });
        }
    },
    },
    created: function () { },
};
</script>
<style>
.marginLable {
    padding-left: 160px;
}
</style>