<template>
 <div class="router-back role">
  <avue-crud :data="tableData" :option="tableOption"></avue-crud>
 </div>
</template>

<script>
 export default {
   name: '',
   props: {
   },
   components: {

   },
   data () {
     return {
      tableData:[
      {
          name: "张三",
          sex: "男",
          num: "1",
          state: "3",
          site: "5",
          type: 2,
          ready: 3,
          remark: "",
        },
        {
          name: "李四",
          sex: "女",
          num: "1",
          state: "3",
          site: "5",
          type: 2,
          ready: 3,
          remark: "",
        },
      ],
      tableOption:{
        align: "center",
        menuAlign: "center",
        menuWidth: 400,
        viewBtn: true,
        stripe: true,
        selection: true,
        menuTitle: "操作",
        emptyBtnText: "重置",
        addBtnIcon: "el-icon-plus",
        searchMenuPosition: "center",
        searchMenuSpan: 6,
        column:[
        {
            label: "角色编号",
            prop: "name",
          },
          {
            label: "角色名称",
            prop: "type",
            search: true,
          },
          {
            label: "权限字符",
            searchLabelWidth: 120,
            prop: "num",
            search: true,
          },
          {
            label: "显示顺序",
            prop: "state",
          },
          {
            label: "状态",
            prop: "ready",
            search: true,
          },
          {
            label: "创建时间",
            prop: "site",
            search: true,
          },
        ]
      }
     }
   },
   methods: {

   },
   mounted() {

   },
   watch: {

   },
   computed: {

   },
   filters: {

   }
 }
</script>

<style scoped lang='scss'>
.role{
  padding: 20px;
}
</style>