SOURCE

const App = {
  template:
  `
    <a-table :columns="columns" :data-source="data">
    </a-table>
  `,
  data() {
    return {
      columns: [
        {
          title: '编号',
          dataIndex: 'id',
        },
        {
          title: '功能投入项目',
          dataIndex: 'equName',
        },
        {
          title: '时间',
          dataIndex: 'date',
          key: 'date',
        },
      ],
      data: [],
    }
  },
  created() {
    const _this = this;
    this.data = [
        {id: 1, equName: '11', date: (new Date()).toDateString()},
        {id: 2, equName: '22', date: (new Date()).toDateString()},
    ]
    // const  info = new EiInfo();
    // EiCommunicator.send("TEST01", "queryData", info, {
    //   onSuccess : function(ei) {
    //     if (ei.status === -1) {
    //       NotificationUtil({ msg: ei.msg, detailMsg: ei.detailMsg }, 'error');
    //     }else {
    //       _this.data = ei.extAttr.data;
    //     }
    //   }
    // });
  },
}

new Vue({
    el: '#app',
    render:h => h(App)
})

<link rel="stylesheet" href="https://unpkg.com/ant-design-vue@1.7.4/dist/antd.css">

<div id="app"></div>

<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.9/vue.min.js"></script>
<script src="https://unpkg.com/ant-design-vue@1.7.4/dist/antd.min.js"></script>

<!-- <link rel="stylesheet" href="./antd.css">
<script src="./vue.min.js"></script>
<script src="./antd.min.js"></script> -->

<!-- 

第三部分：上机题

35. 创建数据库表并开发一个画面，具体要求如下：（该题第三、四天培训开发和实战演练时同步完成，计入最终考分）
 画面需求：
 故障录入画面：
  1. 录入故障开始时刻和结束时刻（时分秒）；
  2. 需要选择功能投入项目（功能投入项目在EQUIPMENT_NAME1这张静态表里）。

 数据库表：
 1. EQUIPMENT_NAME1 静态表
    字段：
        SEQ_ID 序号 （主键）
        Region 区域
        EQU_name 功能投入项目
        EQU_status 设备状态

 2. EQUIPMENT_FAULT_TIME1 故障时间记录表
        ID 主键（自增长） 
        SEQ_ID 序号 （与第一张表的主键关联）
        FAULT_START_TIME 故障开始时间
        FAULT_END_TIME 故障结束时间 
-->