SellItemView.vue 881 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. <template>
  2. <div>
  3. <el-row>
  4. <el-col :span="4"></el-col>
  5. <el-col :span="16">
  6. <el-table :data="SellItems" border stripe>
  7. <el-table-column prop="Name" label="Name"></el-table-column>
  8. <el-table-column prop="data.Description" label="Description"></el-table-column>
  9. <el-table-column prop="data.Price" label="Price"></el-table-column>
  10. </el-table>
  11. </el-col>
  12. </el-row>
  13. </div>
  14. </template>
  15. <script setup lang="ts">
  16. import {BaseData, GetSellItems, SellItem} from "../../api/ConfigFile";
  17. import {ref} from "vue";
  18. let SellItems = ref<BaseData<SellItem>[]>([]);
  19. replay()
  20. function replay() {
  21. GetSellItems().then((res) => {
  22. if (res.code == 200) {
  23. for (let key in res.data) {
  24. SellItems.value.push(new BaseData(key, res.data[key]))
  25. }
  26. }
  27. });
  28. }
  29. </script>
  30. <style scoped lang="scss">
  31. </style>