<template>
  <div>
    <el-breadcrumb separator="/" class="bread_crumb1 bread_left">
      <el-breadcrumb-item :to="{ path: '/user' }">{{ $t("lang.personalCenter") }}</el-breadcrumb-item>
      <el-breadcrumb-item>{{ $t("lang.messageCenter") }}</el-breadcrumb-item>
    </el-breadcrumb>
    <block-radius class="message_block">
      <ces-table
        size="mini"
        url="tableData"
        :detailsUrl="detailsUrl"
        :border="false"
        :headers="headers"
        :searchShow="false"
        :autoAdd="false"
        emptyText="没有消息哦"
        :stripe="true"
        :paginationShow="true"
        :pageSizeShow="true"
        :isIndex="false"
      ></ces-table>
    </block-radius>
  </div>
</template>

<script>
import CesTable from "@/components/table-um";
import BlockRadius from "@/components/block-radius";
export default {
  components: {
    CesTable,
    BlockRadius
  },
  data: () => ({
    headers: [
      {
        label: "服务url",
        prop: "date",
        type: "href",
        align: "left"
      },
      {
        label: "服务名称",
        prop: "name",
        type: "href",
        align: "center"
      },
      {
        label: "中文名",
        prop: "address",
        type: "href",
        align: "right"
      },
      {
        label: "操作",
        type: "Button",
        align: "center",
        btnList: [
          {
            type: "primary-edit",
            label: "编辑",
            line: "|"
          },
          {
            type: "primary-del",
            label: "删除"
          }
        ]
      }
    ],
    detailsUrl: "details"
  }),
  mounted() {},
  methods: {}
};
</script>
<style scoped>
.message_block {
  margin: 0 20px;
}
</style>