log 显示组件更新

Former-commit-id: 8c0f936351dbd934e49f2bbdc9d1afbff3099ea5 [formerly 8c0f936351dbd934e49f2bbdc9d1afbff3099ea5 [formerly 8c0f936351dbd934e49f2bbdc9d1afbff3099ea5 [formerly 8c0f936351dbd934e49f2bbdc9d1afbff3099ea5 [formerly 2f903b4559547de34efeedb78f834d6aa1512888 [formerly 699fb6633255a97c372bfe105de93047cb5b692a]]]]]
Former-commit-id: bea2b9a138c3d6e6b95912dd1a5c11efbdc30c77
Former-commit-id: 34dcaf909a6625f6eab2f0bfd419305ed5a42528
Former-commit-id: 484dde9edad2f6d0108b79910725aab6e662edc0 [formerly 1aaf88bc93fe7db5802d5bb7bd5d8de443a2b5a7]
Former-commit-id: 54afa4f033da9451cff5824d41d732265040ea85
Former-commit-id: 209b08ec0835c94d65dbb357b66f1db7d187fae6
Former-commit-id: dd03466655b0ad9f973dc9a520220eedc9d0ddba
Former-commit-id: 9210416c706abb61b46bbf06ab9c1100fd61b3c9
Former-commit-id: 93bf52dc7f6fdca82a74a4a03b52e7f4efcd7c71

src/layout/header-aside/components/header-error-log/components/list/index.vue

@@ -5,64 +5,62 @@
     stripe
     style="width: 100%"
     size="mini">
-
     <el-table-column type="expand">
-      <div slot-scope="props" class="d2-error-log-list__expand-group">
+      <div slot-scope="{ row = {} }" class="d2-error-log-list__expand-group">
         <expand-item
-          :type="props.row.type"
+          :type="row.type"
           title="类型"
-          :value="props.row.type === 'log' ? '日志' : '异常'"/>
+          :value="row.type === 'log' ? '日志' : '异常'"/>
         <expand-item
-          :type="props.row.type"
+          :type="row.type"
           title="内容"
-          :value="props.row.info"/>
+          :value="row.info"/>
         <expand-item
-          v-if="props.row.type === 'error'"
+          v-if="row.type === 'error'"
           type="error"
           title="报错组件"
-          :value="get(props.row.instance, '$vnode.tag', '')"/>
+          :value="get(row, 'instance.$vnode.tag', '')"/>
         <expand-item
-          v-if="props.row.type === 'error'"
+          v-if="row.type === 'error'"
           type="error"
           title="错误名称"
-          :value="get(props.row.err, 'name', '')"/>
+          :value="get(row, 'err.name', '')"/>
         <expand-item
-          v-if="props.row.type === 'error'"
+          v-if="row.type === 'error'"
           type="error"
           title="错误信息"
-          :value="get(props.row.err, 'message', '')"/>
+          :value="get(row, 'err.message', '')"/>
         <expand-item
-          v-if="props.row.type === 'error'"
+          v-if="row.type === 'error'"
           type="error"
           title="错误堆栈"
           value="见下">
           <div style="overflow: auto;">
-            <pre>{{stackBeautify(props.row.err)}}</pre>
+            <pre>{{stackBeautify(row.err)}}</pre>
           </div>
         </expand-item>
         <expand-item
-          :type="props.row.type"
+          :type="row.type"
           title="用户名"
-          :value="get(props.row.user, 'name', '')"/>
+          :value="get(row, 'user.name', '')"/>
         <expand-item
-          :type="props.row.type"
+          :type="row.type"
           title="uuid"
-          :value="props.row.uuid"/>
+          :value="row.uuid"/>
         <expand-item
-          :type="props.row.type"
+          :type="row.type"
           title="token"
-          :value="props.row.token"/>
+          :value="row.token"/>
         <expand-item
-          :type="props.row.type"
+          :type="row.type"
           title="页面地址"
-          :value="props.row.url"/>
+          :value="row.url"/>
         <expand-item
-          :type="props.row.type"
+          :type="row.type"
           title="时间"
-          :value="props.row.time"/>
+          :value="row.time"/>
       </div>
     </el-table-column>
-
     <el-table-column
       prop="type"
       label="类型"
@@ -77,7 +75,7 @@
       filter-placement="bottom">
       <template slot-scope="scope">
         <el-tag
-          v-if="scope.row.type === 'error'"
+          v-if="get(scope, 'row.type') === 'error'"
           size="mini"
           type="danger">
           <d2-icon name="bug"/> Bug
@@ -90,39 +88,34 @@
         </el-tag>
       </template>
     </el-table-column>
-
     <el-table-column
       label="地址"
       prop="url"
       width="140px"
       :show-overflow-tooltip="true">
     </el-table-column>
-
     <el-table-column
       label="内容"
       prop="info"
       :show-overflow-tooltip="true">
     </el-table-column>
-
     <el-table-column
       label="错误类型"
       width="140px"
       :show-overflow-tooltip="true">
       <template
         slot-scope="scope">
-        {{get(scope.row.err, 'name', '')}}
+        {{get(scope, 'row.err.name', '')}}
       </template>
     </el-table-column>
-
     <el-table-column
       label="错误信息"
       width="300px">
       <template
         slot-scope="scope">
-        {{get(scope.row.err, 'message', '')}}
+        {{get(scope, 'row.err.message', '')}}
       </template>
     </el-table-column>
-
   </el-table>
 </template>
 
@@ -155,10 +148,7 @@ export default {
       return row.type === value
     },
     stackBeautify (err) {
-      if (!err) {
+      return get(err, 'stack', '')
-        return ''
-      }
-      return err.stack
     }
   }
 }