From df01564deafd3a09f5cbe823e5cf7fb56ed12236 Mon Sep 17 00:00:00 2001
From: "lei.jiang" <jianglei19940909@126.com>
Date: Mon, 22 Jan 2018 13:41:15 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9customTree=EF=BC=8C=E4=BD=BF?=
 =?UTF-8?q?=E5=85=B6=E5=B1=95=E7=A4=BA=E6=97=A0columns=E6=97=B6=E7=9A=84?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../table/treeTable/customTreeTable.vue       | 58 ++++++++-----------
 1 file changed, 23 insertions(+), 35 deletions(-)

diff --git a/src/views/example/table/treeTable/customTreeTable.vue b/src/views/example/table/treeTable/customTreeTable.vue
index be59038e..e94c44de 100644
--- a/src/views/example/table/treeTable/customTreeTable.vue
+++ b/src/views/example/table/treeTable/customTreeTable.vue
@@ -1,23 +1,29 @@
 <template>
     <tree-table :data="data" :evalFunc="func" :evalArgs="args">
-        <el-table-column label="时间线">
-          <template slot-scope="scope">
-            <el-tooltip effect="dark" :content="scope.row.timeLine+'ms'" placement="left">
-              <div class="processContainer">
-                <div class="process" :style= "{ width:scope.row._width * 500+'px',
-                background:scope.row._width>0.5?'rgba(233,0,0,.5)':'rgba(0,0,233,0.5)',
-                marginLeft:scope.row._marginLeft * 500+'px' }">
-                  <span style="display:inline-block"></span>
-                </div>
+      <el-table-column label="事件">
+        <template slot-scope="scope">
+          <span style="color:sandybrown">{{scope.row.event}}</span>
+          <el-tag>{{scope.row.timeLine+'ms'}}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="时间线">
+        <template slot-scope="scope">
+          <el-tooltip effect="dark" :content="scope.row.timeLine+'ms'" placement="left">
+            <div class="processContainer">
+              <div class="process" :style= "{ width:scope.row._width * 500+'px',
+              background:scope.row._width>0.5?'rgba(233,0,0,.5)':'rgba(0,0,233,0.5)',
+              marginLeft:scope.row._marginLeft * 500+'px' }">
+                <span style="display:inline-block"></span>
               </div>
-            </el-tooltip>
-          </template>
-        </el-table-column>
-        <el-table-column label="操作" width="200">
-          <template slot-scope="scope">
-            <el-button type="text" @click="message(scope.row)">点击</el-button>
-          </template>
-        </el-table-column>
+            </div>
+          </el-tooltip>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" width="200">
+        <template slot-scope="scope">
+          <el-button type="text" @click="message(scope.row)">点击</el-button>
+        </template>
+      </el-table-column>
     </tree-table>
 </template>
 
@@ -34,24 +40,6 @@ export default {
   data() {
     return {
       func: treeToArray,
-      columns: [
-        {
-          text: '事件',
-          value: 'event'
-        },
-        {
-          text: 'ID',
-          value: 'id'
-        },
-        {
-          text: '时间线',
-          value: 'timeLine'
-        },
-        {
-          text: '备注',
-          value: 'comment'
-        }
-      ],
       data:
         {
           id: 1,