common-list.vue 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. <template>
  2. <avue-crud class="cl-crud" :option="options" :data="data">
  3. <template slot="menuLeft">
  4. <div style="display: flex; align-items: center;">
  5. <div style="margin-right: 50px;">研发项目编号:{{ data[0].xmbh }}</div>
  6. <div>项目项目名称:{{ data[0].xmmc }}</div>
  7. </div>
  8. </template>
  9. </avue-crud>
  10. </template>
  11. <script>
  12. export default {
  13. props: {
  14. data: {
  15. type: Array,
  16. default: () => []
  17. }
  18. },
  19. data() {
  20. return {
  21. options: {
  22. tip: false,
  23. searchShow: false,
  24. border: true,
  25. index: true,
  26. showSummary: true,
  27. menu: false,
  28. addBtn: false,
  29. refreshBtn: false,
  30. columnBtn: false,
  31. gridBtn: false,
  32. sumColumnList: [
  33. {
  34. label: '合计:',
  35. name: "quantity",
  36. type: "sum",
  37. },
  38. {
  39. name: "amount",
  40. type: "sum",
  41. },
  42. ],
  43. column: [
  44. {
  45. label: "日期",
  46. prop: "leaseDate",
  47. width: 100,
  48. align: "center",
  49. showOverflowTooltip: true,
  50. },
  51. {
  52. label: "租赁资产类型",
  53. prop: "type",
  54. width: 120,
  55. align: "center",
  56. showOverflowTooltip: true,
  57. },
  58. {
  59. label: "租赁资产名称",
  60. prop: "name",
  61. minWidth: 140,
  62. showOverflowTooltip: true,
  63. },
  64. {
  65. label: "型号规格",
  66. prop: "model",
  67. width: 120,
  68. align: "center",
  69. showOverflowTooltip: true,
  70. },
  71. {
  72. label: "使用天数或使用量",
  73. prop: "quantity",
  74. width: 120,
  75. align: "center",
  76. showOverflowTooltip: true,
  77. },
  78. {
  79. label: "单价",
  80. prop: "unitPrice",
  81. width: 120,
  82. align: "center",
  83. showOverflowTooltip: true,
  84. },
  85. {
  86. label: "总价(不含税)",
  87. prop: "amount",
  88. width: 120,
  89. align: "center",
  90. showOverflowTooltip: true,
  91. },
  92. ],
  93. },
  94. };
  95. },
  96. methods: {},
  97. };
  98. </script>
  99. <style lang="scss">
  100. .cl-crud {
  101. .avue-crud__header {
  102. min-height: 26px;
  103. }
  104. }
  105. </style>