暂存

Former-commit-id: 4a7cf25c3ba996a45eb5cd78b4bdecca3f5e1ac6 [formerly 4a7cf25c3ba996a45eb5cd78b4bdecca3f5e1ac6 [formerly 4a7cf25c3ba996a45eb5cd78b4bdecca3f5e1ac6 [formerly 4a7cf25c3ba996a45eb5cd78b4bdecca3f5e1ac6 [formerly 00a1f89bbf28dde544c78a5cd6ca85d6cb0af8e2 [formerly bc8e53d9b756c71a48b5297743317938be6e623b]]]]]
Former-commit-id: 0553d2a78845193b193ec40142dec84fabb37548
Former-commit-id: 3e85f148d5e5a744ee7dcc7509d41fa900b79b59
Former-commit-id: 912bc68def6df219bfe0d60cefe9dcb9e2a7f8ba [formerly 19bb68c42653c71e4178b6f064b55a0da36b03bf]
Former-commit-id: 6a39e7859d60f6186f174c1840d356a16f695b78
Former-commit-id: f5ae3e4bd9af5d4fd69c11d63dc52538a7488528
Former-commit-id: 08bb86e655a23772f82a7fad8b522f012762ec34
Former-commit-id: 9bd95b7b604280efd01da8f1182f0b4d8b084b62
Former-commit-id: a21ec55bfd4451d88553f61ddd1f5be7b2debc9d

src/components/d2-error-log-list/index.vue

@@ -1,11 +1,19 @@
 <template>
   <el-table
     :data="log"
-    style="width: 100%">
-    <!-- <el-table-column type="expand">
+    border
+    stripe
+    style="width: 100%"
+    size="mini">
+
+    <el-table-column type="expand">
       <template slot-scope="props">
+        <div style="overflow: auto;">
+          <pre>{{stackBeautify(props.row.err)}}</pre>
+        </div>
       </template>
-    </el-table-column> -->
+    </el-table-column>
+
     <el-table-column
       prop="type"
       label="类型"
@@ -33,16 +41,56 @@
         </el-tag>
       </template>
     </el-table-column>
+
     <el-table-column
-      label="info"
-      prop="info">
+      label="地址"
+      prop="url"
+      width="140px"
+      :show-overflow-tooltip="true">
     </el-table-column>
-    <el-table-column label="err">
-      <template slot-scope="scope">
+
+    <el-table-column
+      label="组件"
+      width="140px"
+      :show-overflow-tooltip="true">
+      <template
+        slot-scope="scope">
         {{scope.row.vm ? scope.row.vm.$vnode.tag : ''}}
-        {{scope.row.err}}
       </template>
     </el-table-column>
+
+    <el-table-column
+      label="信息"
+      prop="info"
+      width="200px"
+      :show-overflow-tooltip="true">
+    </el-table-column>
+
+    <el-table-column
+      label="错误类型"
+      width="140px"
+      :show-overflow-tooltip="true">
+      <template
+        slot-scope="scope">
+        {{scope.row.err ? scope.row.err.name : ''}}
+      </template>
+    </el-table-column>
+
+    <el-table-column
+      label="错误信息">
+      <template
+        slot-scope="scope">
+        {{scope.row.err ? scope.row.err.message : ''}}
+      </template>
+    </el-table-column>
+
+    <el-table-column
+      label="time"
+      prop="time"
+      width="150px"
+      :show-overflow-tooltip="true">
+    </el-table-column>
+    
   </el-table>
 </template>
 
@@ -59,6 +107,12 @@ export default {
     filterType (value, row) {
       console.log('value', value)
       return row.type === value
+    },
+    stackBeautify (err) {
+      if (!err) {
+        return ''
+      }
+      return err.stack
     }
   }
 }