<template>
  <div>
    <el-row>
      <el-col :span="4"></el-col>
      <el-col :span="16">
        <el-table :data="shopItems" border stripe>
          <el-table-column prop="Name" label="名字"></el-table-column>
          <el-table-column prop="Type" label="类型"></el-table-column>
          <el-table-column prop="Description" label="描述"></el-table-column>
          <el-table-column prop="Price" label="价格"></el-table-column>
          <el-table-column prop="Amount" label="数量"></el-table-column>
          <el-table-column prop="Blueprint" label="蓝图"></el-table-column>
          <el-table-column label="操作">
            <template #default="scope">
              <el-button type="primary">添加</el-button>
              <el-button type="primary">删除</el-button>
            </template>
          </el-table-column>
        </el-table>
      </el-col>
    </el-row>
  </div>
</template>

<script setup lang="ts">
import {BaseData , ShopItem} from "../../api/ConfigFile.ts"
import {ref} from "vue"

let shopItems = ref<BaseData<ShopItem>[]>([])

</script>

<style scoped lang="scss">

</style>