<template>
  <div class>
    <a-breadcrumb class="newBreadcrumb mt0 mb16">
      <a-breadcrumb-item href>
        <router-link :to="{name:'merchantBack'}">
          <a-icon type="home" />
        </router-link>
      </a-breadcrumb-item>
      <a-breadcrumb-item>
        <span @click="cancelAdd" v-if="secondBreadcrumb" style="cursor:pointer">通知中心</span>
        <span v-else>通知中心</span>
      </a-breadcrumb-item>
      <a-breadcrumb-item v-if="secondBreadcrumb">{{secondBreadcrumb}}</a-breadcrumb-item>
    </a-breadcrumb>
    <div class="contentbody bodyContainer">
      <div class="fss">
        <div class="searchbox ">
          <div class="searchinput">
            <a-input-search placeholder="搜索成员" v-model.trim="pagination.keys" allowClear @search="onSearch" @keyup.enter="onSearch" @input="resetsearch"></a-input-search>
          </div>
        </div>
        <a-radio-group v-model="menuType" class="pl12 pr12 tac" style="width:190px">
          <a-radio-button value="fabu" class="changeGroup" style="width:50%">已发布</a-radio-button>
          <a-radio-button value="caogao" class="changeGroup" style="width:50%">草稿</a-radio-button>
        </a-radio-group>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  // 组件名称
  name: 'ContentManagement',
  // 局部注册的组件
  components: {},
  // 组件参数 接收来自父组件的数据
  props: {},
  // 组件状态值
  data() {
    return {
      secondBreadcrumb: '',
      menuType: 'fabu',
      pagination: {
        hideOnSinglePage: false,
        showQuickJumper: true,
        pageSize: 100,
        total: 0,
        size: 'small',
        showTotal: function (total, range) {
          return `共${total}条`
        },
        pageSizeOptions: ['25', '50', '100'],
        showSizeChanger: true,
        // showSizeChange:function(current, pageSize){
        //     this.pageSize = pageSize;
        // }
      },
    }
  },
  // 计算属性
  computed: {},
  // 侦听器
  watch: {},
  // 生命周期钩子   注：没用到的钩子请自行删除
  /**
   * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
   */
  created() {
    this.$emit('setTitle', '通知中心')
  },
  /**
   * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
   * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
   */
  mounted() {},
  // 组件方法
  methods: {
    onSearch() {
      // if (this.billPagination.keys != null && this.billPagination.keys.length != 0) {
      // this.gitBillList()
      // }
    },
  },
}
</script>

<style scoped lang="less">
.searchbox {
  width: 280px;
}
</style>
