index.vue 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. <template>
  2. <div class="fixture">
  3. <avue-crud class="Myavue" :data="data" :option="option"></avue-crud>
  4. </div>
  5. </template>
  6. <script>
  7. export default {
  8. name: "",
  9. props: {},
  10. components: {},
  11. data() {
  12. return {
  13. data: [
  14. {
  15. name: "张三",
  16. sex: "男",
  17. num:'1',
  18. state:'3',
  19. site:"5",
  20. type:2,
  21. ready:3,
  22. remark:""
  23. },
  24. {
  25. name: "李四",
  26. sex: "女",
  27. num:'1',
  28. state:'3',
  29. site:"5",
  30. type:2,
  31. ready:3,
  32. remark:""
  33. },
  34. ],
  35. option: {
  36. align: "center",
  37. menuAlign: "center",
  38. menuWidth: 400,
  39. viewBtn: true,
  40. stripe:true,
  41. selection: true,
  42. index:true,
  43. menuTitle: "操作",
  44. addTitle: "保存标题",
  45. editTitle: "编辑标题",
  46. viewTitle: "查看标题",
  47. // searchBtnText: "搜索文案",
  48. emptyBtnText: "重置",
  49. // addBtnText: "新增文案",
  50. addBtnIcon: "el-icon-plus",
  51. searchMenuPosition:'center',
  52. searchMenuSpan:6,
  53. viewBtn:false,
  54. column: [
  55. {
  56. label: "资产编号",
  57. prop: "name",
  58. search: true,
  59. },
  60. {
  61. label: "工装名称",
  62. prop: "sex",
  63. search: true,
  64. },
  65. {
  66. label: "工装类型",
  67. prop: "type",
  68. },
  69. {
  70. label: "适配产品代号",
  71. searchLabelWidth:120,
  72. prop: "num",
  73. search: true,
  74. },
  75. {
  76. label: "状态",
  77. prop: "state",
  78. search: true,
  79. },
  80. {
  81. label: "已使用次数",
  82. prop: "ready",
  83. },
  84. {
  85. label: "货号位",
  86. prop: "site",
  87. search: true,
  88. },
  89. {
  90. label: "备注",
  91. prop: "remark",
  92. },
  93. ],
  94. },
  95. };
  96. },
  97. methods: {},
  98. mounted() {},
  99. watch: {},
  100. computed: {},
  101. filters: {},
  102. };
  103. </script>
  104. <style scoped lang="scss">
  105. .fixture{
  106. padding: 20px;
  107. background-color: #fff;
  108. }
  109. </style>