index.vue 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. <template>
  2. <div class="router-back dep">
  3. <avue-crud :data="tableData" :option="tableOption"></avue-crud>
  4. </div>
  5. </template>
  6. <script>
  7. export default {
  8. name: '',
  9. props: {
  10. },
  11. components: {
  12. },
  13. data () {
  14. return {
  15. tableData:[
  16. {
  17. name: "张三",
  18. sex: "男",
  19. num: "1",
  20. state: "3",
  21. site: "5",
  22. type: 2,
  23. ready: 3,
  24. remark: "",
  25. },
  26. {
  27. name: "李四",
  28. sex: "女",
  29. num: "1",
  30. state: "3",
  31. site: "5",
  32. type: 2,
  33. ready: 3,
  34. remark: "",
  35. },
  36. ],
  37. tableOption:{
  38. align: "center",
  39. menuAlign: "center",
  40. menuWidth: 400,
  41. viewBtn: true,
  42. stripe: true,
  43. selection: true,
  44. menuTitle: "操作",
  45. emptyBtnText: "重置",
  46. addBtnIcon: "el-icon-plus",
  47. searchMenuPosition: "center",
  48. searchMenuSpan: 6,
  49. column:[
  50. {
  51. label: "参数主键",
  52. prop: "name",
  53. },
  54. {
  55. label: "参数名称",
  56. prop: "num",
  57. search: true,
  58. },
  59. {
  60. label: "参数键名",
  61. prop: "site",
  62. search: true,
  63. },
  64. {
  65. label: "参数键值",
  66. prop: "state",
  67. },
  68. {
  69. label: "系统内置",
  70. prop: "ready",
  71. search: true,
  72. },
  73. {
  74. label: "备注",
  75. prop: "remark",
  76. },
  77. {
  78. label: "创建时间",
  79. prop: "sex",
  80. search: true,
  81. },
  82. ]
  83. }
  84. }
  85. },
  86. methods: {
  87. },
  88. mounted() {
  89. },
  90. watch: {
  91. },
  92. computed: {
  93. },
  94. filters: {
  95. }
  96. }
  97. </script>
  98. <style scoped lang='scss'>
  99. .dep{
  100. padding: 20px;
  101. }
  102. </style>