
<!--  -->
<template>
  <div class="m-container">
    <h2>
      <div class="squrt"></div>
      群聊公告
    </h2>

    <div class="m-core">
      <tab-router
        v-model.trim="activeIndex"
        type="card"
        @tab-click="handleClick"
      >
        <el-tab-pane label="群聊公告" lazy name="1">
          <sysChatList v-if="activeIndex === '1'&& permission('/sysChatListt')" />

        </el-tab-pane>
        <el-tab-pane label="公告列表" lazy name="2">
          <sysTimingMsgList v-if="activeIndex === '2'&& permission('/sysTimingMsgList')"/>

        </el-tab-pane>
      </tab-router>
    </div>
  </div>
</template>

<script>
import sysChatList from './component/sysChatList'
import sysTimingMsgList from './component/sysTimingMsgList'
import { permission } from "@/utils/directivePage";
export default {
  components:{
    sysChatList,
    sysTimingMsgList
  },
  data() {
    return {
      activeIndex: "1",
    };
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {
    // 获取分部
  },
  methods: {
    permission,
    handleClick(evt) {
      // this.changeHash(evt.name);
    },
  },
};
</script>
<style lang='scss' scoped>
</style>
