| <!-- |
| |
| Licensed under the Apache License, Version 2.0 (the "License"); |
| you may not use this file except in compliance with the License. |
| You may obtain a copy of the License at |
| |
| http://www.apache.org/licenses/LICENSE-2.0 |
| |
| Unless required by applicable law or agreed to in writing, software |
| distributed under the License is distributed on an "AS IS" BASIS, |
| WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| See the License for the specific language governing permissions and |
| limitations under the License. |
| |
| --> |
| <template> |
| <div v-if="errorLogs.length>0"> |
| <el-badge :is-dot="true" style="line-height: 30px;" @click.native="dialogTableVisible=true"> |
| <el-button size="small" type="danger" class="bug-btn"> |
| <svg |
| t="1492682037685" |
| class="bug-svg" |
| viewBox="0 0 1024 1024" |
| version="1.1" |
| xmlns="http://www.w3.org/2000/svg" |
| p-id="1863" |
| xmlns:xlink="http://www.w3.org/1999/xlink" |
| width="128" |
| height="128"> |
| <path |
| d="M969.142857 548.571429q0 14.848-10.861714 25.709714t-25.709714 10.861714l-128 0q0 97.718857-38.290286 165.705143l118.857143 119.442286q10.861714 10.861714 10.861714 25.709714t-10.861714 25.709714q-10.276571 10.861714-25.709714 10.861714t-25.709714-10.861714l-113.152-112.566857q-2.852571 2.852571-8.557714 7.424t-23.990857 16.274286-37.156571 20.845714-46.848 16.566857-55.442286 7.424l0-512-73.142857 0 0 512q-29.147429 0-58.002286-7.716571t-49.700571-18.870857-37.705143-22.272-24.868571-18.578286l-8.557714-8.009143-104.557714 118.272q-11.446857 11.995429-27.428571 11.995429-13.714286 0-24.576-9.142857-10.861714-10.276571-11.702857-25.417143t8.850286-26.587429l115.419429-129.718857q-33.133714-65.133714-33.133714-156.562286l-128 0q-14.848 0-25.709714-10.861714t-10.861714-25.709714 10.861714-25.709714 25.709714-10.861714l128 0 0-168.009143-98.852571-98.852571q-10.861714-10.861714-10.861714-25.709714t10.861714-25.709714 25.709714-10.861714 25.709714 10.861714l98.852571 98.852571 482.304 0 98.852571-98.852571q10.861714-10.861714 25.709714-10.861714t25.709714 10.861714 10.861714 25.709714-10.861714 25.709714l-98.852571 98.852571 0 168.009143 128 0q14.848 0 25.709714 10.861714t10.861714 25.709714zM694.857143 219.428571l-365.714286 0q0-75.995429 53.430857-129.426286t129.426286-53.430857 129.426286 53.430857 53.430857 129.426286z" |
| p-id="1864"/> |
| </svg> |
| </el-button> |
| </el-badge> |
| |
| <el-dialog :visible.sync="dialogTableVisible" title="Error Log" width="80%"> |
| <el-table :data="errorLogs" border> |
| <el-table-column label="Message"> |
| <template slot-scope="scope"> |
| <div> |
| <span class="message-title">Msg:</span> |
| <el-tag type="danger">{{ scope.row.err.message }}</el-tag> |
| </div> |
| <br> |
| <div> |
| <span class="message-title" style="padding-right: 10px;">Info: </span> |
| <el-tag type="warning">{{ scope.row.vm.$vnode.tag }} error in {{ scope.row.info }}</el-tag> |
| </div> |
| <br> |
| <div> |
| <span class="message-title" style="padding-right: 16px;">Url: </span> |
| <el-tag type="success">{{ scope.row.url }}</el-tag> |
| </div> |
| </template> |
| </el-table-column> |
| <el-table-column label="Stack"> |
| <template slot-scope="scope"> |
| {{ scope.row.err.stack }} |
| </template> |
| </el-table-column> |
| </el-table> |
| </el-dialog> |
| |
| </div> |
| </template> |
| |
| <script> |
| export default { |
| name: 'ErrorLog', |
| data() { |
| return { |
| dialogTableVisible: false |
| } |
| }, |
| computed: { |
| errorLogs() { |
| return this.$store.getters.errorLogs |
| } |
| } |
| } |
| </script> |
| |
| <style scoped> |
| .bug-btn.el-button--small { |
| padding: 9px 10px; |
| } |
| .bug-svg { |
| width: 1em; |
| height: 1em; |
| vertical-align: -0.15em; |
| fill: currentColor; |
| overflow: hidden; |
| } |
| .message-title { |
| font-size: 16px; |
| color: #333; |
| font-weight: bold; |
| padding-right: 8px; |
| } |
| </style> |
