Other.vue

<template>
    <div class="eibs-tab">
      <c-collapse v-model="activeNames">
          <el-collapse-item title="条款" name="tk" v-if="'A01|A03'.indexOf(model.elctyp) >= 0 ">
            <m-tk :model="model" :codes="codes"></m-tk>
          </el-collapse-item>
          <el-collapse-item title="备注" name="remark">
            <m-remark :model="model" :codes="codes"></m-remark>
          </el-collapse-item>
          <el-collapse-item title="交单行批注信息" name="anopnl" v-if=" model.elctyp && 'B01|B02'.indexOf(model.elctyp) >= 0 ">
            <m-anopnl :model="model" :codes="codes"></m-anopnl>
          </el-collapse-item>
          <el-collapse-item title="声明" name="stament" v-if="model.elctyp && 'A01|A03'.indexOf(model.elctyp) >= 0">
            <m-stament :model="model" :codes="codes"></m-stament>
          </el-collapse-item>
      </c-collapse>
    </div>
</template>
<script>
import Api from "~/service/Api";
import event from "../event";
import Anopnl from "./Anopnl";
import Tk from "./Tk";
import Remark from "./Remark";
import Stament from "./Stament";


export default {
    components: {
      'm-anopnl':Anopnl,
      'm-tk':Tk,
      'm-remark':Remark,
      'm-stament':Stament,
    },
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [event],
    data() {
        return {
            activeNames: ['remark'],
        };
    },
    methods: {

    },
    created: function () { },
};
</script>
<style>
.marginLable {
    padding-left: 160px;
}
</style>