supply-front/src/views/setting/modelInventoryCost.vue

<template>
  <div style="box-sizing:border-box;padding:20px;">
    <el-card>
      <div slot="header">
        各品类库存情况统计表
      </div>
      <el-table :data="tableData" style="width: 100%" border show-summary>
        <el-table-column prop="categoryName" label="类别">
        </el-table-column>
        <el-table-column sortable prop="qty" label="库存数量（套）">
        </el-table-column>
        <el-table-column sortable prop="allPrice" label="成本（万元）">
        </el-table-column>
        <el-table-column prop="" label="备注">
        </el-table-column>
      </el-table>
    </el-card>
  </div>
</template>

<script>
import { stockManagerAllPrice } from '@/api/referCostPrice'
export default {
  data() {
    return {
      tableData: []
    }
  },
  mounted() {
    this.getstockManagerAllPrice()
  },
  methods: {
    getstockManagerAllPrice(correspondIds = []) {
      stockManagerAllPrice({
        correspondId: correspondIds.join(",")
      }).then(res => {
        this.tableData = res.data
        console.log(res.data)
      })
    }
  },
}
</script>

<style scoped lang="scss"></style>