JG-ADMIN-TEMP/src/views/device/analysis/index.vue

<template>
  <div class="mainContentBox">
    <el-table :data="tableData" border style="width: 100%">
      <el-table-column label="日期" prop="a" />
      <el-table-column label="月份" prop="b" />
      <el-table-column label="客户" prop="c" />
      <el-table-column label="车间" prop="d" />
      <el-table-column label="设备名称" prop="e" />
      <el-table-column label="设备型号" prop="f" />
      <el-table-column label="点检次数" prop="g" />
      <el-table-column label="异常次数" prop="h" />
      <el-table-column label="备注" prop="i" />
    </el-table>
  </div>
</template>
<script setup>
const tableData = [
  {
    a: "2016-05-03",
    b: "5",
    c: "A",
    d: "JG",
    e: "运载器",
    f: "SG-53",
    g: "4",
    h: "0",
    i: "-",
  },
  {
    a: "2016-05-03",
    b: "5",
    c: "A",
    d: "JG",
    e: "运载器",
    f: "SG-53",
    g: "4",
    h: "0",
    i: "-",
  },
  {
    a: "2016-05-03",
    b: "5",
    c: "A",
    d: "JG",
    e: "运载器",
    f: "SG-53",
    g: "4",
    h: "0",
    i: "-",
  },
  {
    a: "2016-05-03",
    b: "5",
    c: "A",
    d: "JG",
    e: "运载器",
    f: "SG-53",
    g: "4",
    h: "0",
    i: "-",
  },
  {
    a: "2016-05-03",
    b: "5",
    c: "A",
    d: "JG",
    e: "运载器",
    f: "SG-53",
    g: "4",
    h: "0",
    i: "-",
  },
  {
    a: "2016-05-03",
    b: "5",
    c: "A",
    d: "JG",
    e: "运载器",
    f: "SG-53",
    g: "4",
    h: "0",
    i: "-",
  },
  {
    a: "2016-05-03",
    b: "5",
    c: "A",
    d: "JG",
    e: "运载器",
    f: "SG-53",
    g: "4",
    h: "0",
    i: "-",
  },
  {
    a: "2016-05-03",
    b: "5",
    c: "A",
    d: "JG",
    e: "运载器",
    f: "SG-53",
    g: "4",
    h: "0",
    i: "-",
  },
];
</script>