index.vue

<template>
  <div class="eContainer-search">
   	<c-tabs  ref="elment" type="card" v-model="tabVal">
       <el-tab-pane label="报表查询" name="rptsel">
        <el-form :model="model"  ref="modelForm" label-width="120px" label-position="right" size="small"
          :validate-on-rule-change="false">
          <c-content>
            <m-infsea :model="model" :codes="codes" ref="infsea" />
          </c-content>
        </el-form>
       </el-tab-pane>

        <el-tab-pane label="BCRINC" name="bcrinc">
        <el-form :model="model"  ref="BcrincForm" label-width="120px" label-position="right" size="small"
          :validate-on-rule-change="false">
            <c-content>
              <m-bcrinc :model="model" :codes="codes"  ref="bcrinc"/>
            </c-content>
          </el-form>
        </el-tab-pane>
        <el-tab-pane label="统计报表" name="finsel">
            <c-content>
              <m-finsel :model="model" :codes="codes" ref="finsel" />
            </c-content>
       </el-tab-pane>
        <el-tab-pane label="结售汇报表" name="rptque">
          <el-form :model="model"  ref="rptqueForm" label-width="120px" label-position="right" size="small"
            :validate-on-rule-change="false">
            <c-content>
              <m-rptque :model="model" :codes="codes" ref="rptque" />
            </c-content>
          </el-form>
       </el-tab-pane>
        <el-tab-pane v-if="flag" label="单证中心柜员业务量统计" name="usrsel">
        <el-form :model="model"  ref="UsrselForm" label-width="120px" label-position="right" size="small"
          :validate-on-rule-change="false">
            <c-content>
              <m-usrsel :model="model" :codes="codes"  ref="usrsel"/>
            </c-content>
          </el-form>
        </el-tab-pane>

        <el-tab-pane v-if="flag" label="业务处理时效表" name="sdpanel">
        <el-form :model="model"  ref="SdpanelForm" label-width="120px" label-position="right" size="small"
          :validate-on-rule-change="false">
            <c-content>
              <m-sdpanel :model="model" :codes="codes"  ref="sdpanel"/>
            </c-content>
          </el-form>
        </el-tab-pane>

        <el-tab-pane v-if="flag" label="分行业务量统计" name="fhye">
        <el-form :model="model"  ref="FhyeForm" label-width="120px" label-position="right" size="small"
          :validate-on-rule-change="false">
            <c-content>
              <m-fhye :model="model" :codes="codes"  ref="fhye"/>
            </c-content>
          </el-form>
        </el-tab-pane>

        <el-tab-pane v-if="flag1" label="柜员业务量统计" name="fenpanel">
        <el-form :model="model"  ref="FenpanelForm" label-width="120px" label-position="right" size="small"
          :validate-on-rule-change="false">
            <c-content>
              <m-fenpanel :model="model" :codes="codes"  ref="fenpanel"/>
            </c-content>
          </el-form>
        </el-tab-pane>
        
        <el-tab-pane v-if="rptflg" label="月末批量" name="intrpt">
            <c-content>
              <m-intrpt :model="model" :codes="codes" ref="intrpt" />
            </c-content>
       </el-tab-pane>
   	</c-tabs>
  </div>
</template>
<script>
import Api from "~/service/Api";
import event from "../event";
import CodeTable from "~/config/CodeTable";
import Rptsel from "../model";
import Infsea from "./Infsea";
import Bcrinc from "./Bcrinc";
import Finsel from "./finsel";
import Rptque from "./rptque";
import Usrsel from "./Usrsel";
import Fhye from "./Fhye";
import Fenpanel from "./Fenpanel";
import Sdpanel from "./Sdpanel";
import Intrpt from "./Intrpt"

export default {
  name: "Rptsel",
  components: {
    "m-infsea": Infsea,
    "m-bcrinc": Bcrinc,
    "m-finsel": Finsel,
    "m-rptque": Rptque,
    "m-usrsel": Usrsel,
    "m-fhye": Fhye,
    "m-fenpanel": Fenpanel,
    "m-sdpanel": Sdpanel,
    "m-intrpt": Intrpt,
  },
  provide() {
    return {
      root: this,
    };
  },
  mixins: [event],
  data() {
    return {
      tabVal: "rptsel",
      trnName: "rptsel",
      model: new Rptsel().data,
      codes: { ...CodeTable },
    };
  },
  computed: {
    flag() {
      if (this.$store.state.UserContext.curRole.id===10253) {
          return true;
        } else {
          return false;
        }
    },
    flag1() {
      if (this.$store.state.UserContext.curRole.id===10255 || this.$store.state.UserContext.curRole.id===10256) {
          return true;
        } else {
          return false;
        }
    },
    rptflg(){
      if(JSON.parse(sessionStorage.getItem("currentOrg")).level == 0){
        return true;
      }else{
        return false;
      }
    }
    }
};
</script>
<style scoped lang="less">
::v-deep .c-content-scrollbar {
	height: 100%!important;
}
</style>