From 74ebf29a4c6aa0fe9c5a95338103a907bdb08e31 Mon Sep 17 00:00:00 2001
From: zwjamnsss <zwjamnsss@gmail.com>
Date: Mon, 21 Aug 2017 15:57:04 +0800
Subject: [PATCH] feat: col-content

---
 .../InterfaceCol/InterfaceColContent.js       | 24 +++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

diff --git a/client/containers/Project/Interface/InterfaceCol/InterfaceColContent.js b/client/containers/Project/Interface/InterfaceCol/InterfaceColContent.js
index f5a7e5f2..deee76ba 100644
--- a/client/containers/Project/Interface/InterfaceCol/InterfaceColContent.js
+++ b/client/containers/Project/Interface/InterfaceCol/InterfaceColContent.js
@@ -2,6 +2,7 @@ import React, { Component } from 'react'
 import { connect } from 'react-redux';
 import PropTypes from 'prop-types'
 import { withRouter } from 'react-router'
+import { Table } from 'antd'
 import { fetchInterfaceColList, fetchCaseList, setColData } from '../../../../reducer/modules/interfaceCol'
 
 @connect(
@@ -61,10 +62,29 @@ export default class InterfaceColContent extends Component {
   }
 
   render() {
+
+    const { currCaseList } = this.props;
+
+    const columns = [{
+      title: '名字',
+      dataIndex: 'casename',
+      key: 'casename'
+    }, {
+      title: '方法',
+      dataIndex: 'method',
+      key: 'method'
+    }, {
+      title: 'PATH',
+      dataIndex: 'path',
+      key: 'path'
+    }];
+
     return (
       <div>
-        <h1>hello colContent</h1>
-        {JSON.stringify(this.props.currCaseList, null, 2)}
+        <div style={{padding:"15px"}}>
+          <h2 style={{marginBottom: '10px'}}>接口集合</h2>
+          <Table dataSource={currCaseList} columns={columns} />
+        </div>
       </div>
     )
   }