index.vue

<template>
	<div class="eibs-tab">
		<c-collapse v-model="activeNames">
			<el-collapse-item title="影像信息" name="fft">
				<Fft :model="model" :codes="codes"></Fft>
			</el-collapse-item>
			<el-collapse-item title="发票信息" name="xgj" v-if="showCinInv">
				<Xgj :model="model" :codes="codes"></Xgj>
			</el-collapse-item>
		</c-collapse>
	</div>
</template>

<script>
import Xgj from "./Xgj";
import Fft from "./Fft";
import event from "../event";
export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  components: {
    Xgj,
    Fft
  },
  data() {
    return {
      activeNames: ["xgj", "fft"]
    };
  },
  created() {
	},
  computed: {
    showCinInv() {
      if (
        "BFTSND_BFTINV_BFTDRV_DITDCK_BDTDCK_BDTINV_BPTOPN_BPTINV_BDTSET_XXDINF_CPTINV".includes(
          this.root.trnName.toUpperCase()
        )
      ) {
        return true;
      } else {
        return false;
      }
    }
  }
};
</script>
<style lang="less" scoped>
 .onShow{
	 /deep/ .el-input_inner {
		 opacity: 0;
		 width: 0;
		 height: 0;
	 }
 }
</style>