从完整版转移

Former-commit-id: d164dbcc7f4a728304b1683d763d45fdebca8170
2018-10-30 19:53:02 +08:00
parent e24098b148
commit 08b63fa6b9
633 changed files with 63788 additions and 0 deletions
@@ -0,0 +1,82 @@
+<template>
+  <div>
+    <el-tooltip
+      effect="dark"
+      :content="tooltipContent"
+      placement="bottom">
+      <el-button
+        class="d2-ml-0 d2-mr btn-text can-hover"
+        type="text"
+        @click="handleClick">
+        <el-badge
+          v-if="logLength > 0"
+          :max="99"
+          :value="logLengthError"
+          :is-dot="logLengthError === 0">
+          <d2-icon
+            :name="logLengthError === 0 ? 'dot-circle-o' : 'bug'"
+            style="font-size: 20px"/>
+        </el-badge>
+        <d2-icon
+          v-else
+          name="dot-circle-o"
+          style="font-size: 20px"/>
+      </el-button>
+    </el-tooltip>
+    <el-dialog
+      :title="tooltipContent"
+      :fullscreen="true"
+      :visible.sync="dialogVisible"
+      :append-to-body="true">
+      <div class="d2-mb-10">
+        <el-button type="danger" size="mini" @click="handleLogClean">
+          <d2-icon name="trash-o"/>
+          清空
+        </el-button>
+      </div>
+      <d2-error-log-list/>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { mapGetters, mapMutations } from 'vuex'
+import D2ErrorLogList from './components/list'
+export default {
+  components: {
+    D2ErrorLogList
+  },
+  data () {
+    return {
+      dialogVisible: false
+    }
+  },
+  computed: {
+    ...mapGetters('d2admin', {
+      logLength: 'log/length',
+      logLengthError: 'log/lengthError'
+    }),
+    tooltipContent () {
+      return this.logLength === 0
+        ? '没有日志或异常'
+        : `${this.logLength} 条日志${this.logLengthError > 0
+          ? ` | 包含 ${this.logLengthError} 个异常`
+          : ''}`
+    }
+  },
+  methods: {
+    ...mapMutations('d2admin/log', [
+      'clean'
+    ]),
+    handleClick () {
+      if (this.logLength > 0) {
+        this.dialogVisible = true
+      }
+    },
+    handleLogClean () {
+      this.dialogVisible = false
+      this.clean()
+    }
+  }
+}
+</script>