<template>
  <div class="router-back dep">
   <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: "num",
             search: true,
           },
           {
             label: "字典类型",
             prop: "site",
             search: true,
           },
           {
             label: "状态",
             prop: "state",
             search: true,
           },
           {
             label: "备注",
             prop: "ready",
           },
           {
             label: "创建时间",
             prop: "remark",
             search: true,
           },
         ]
       }
      }
    },
    methods: {
 
    },
    mounted() {
 
    },
    watch: {
 
    },
    computed: {
 
    },
    filters: {
 
    }
  }
 </script>
 
 <style scoped lang='scss'>
 .dep{
   padding: 20px;
 }
 </style>