From 9b577c97d06fcd7ba6fbbb96bbce607d816314c5 Mon Sep 17 00:00:00 2001
From: zxx <47968546@163.com>
Date: Mon, 20 Nov 2023 11:49:50 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../{TableView.vue => zkTableView.vue}        |  0
 src/application/zk/components/zkToolbar.vue   | 99 +++++++++++++++++++
 2 files changed, 99 insertions(+)
 rename src/application/zk/components/{TableView.vue => zkTableView.vue} (100%)
 create mode 100644 src/application/zk/components/zkToolbar.vue

diff --git a/src/application/zk/components/TableView.vue b/src/application/zk/components/zkTableView.vue
similarity index 100%
rename from src/application/zk/components/TableView.vue
rename to src/application/zk/components/zkTableView.vue
diff --git a/src/application/zk/components/zkToolbar.vue b/src/application/zk/components/zkToolbar.vue
new file mode 100644
index 0000000..1b4baf9
--- /dev/null
+++ b/src/application/zk/components/zkToolbar.vue
@@ -0,0 +1,99 @@
+<template>
+  <!-- 新增 设置 日志 工具条 -->
+  <div :class="cls">
+
+    <a-tooltip placement="topRight" title="日志" v-if="isShowLog">
+      <a class="iconlink" @click="toolbarClick({ name: 'log' })">
+        <a-icon type="file-text"></a-icon>
+      </a>
+    </a-tooltip>
+    <a-tooltip placement="topRight" title="设置" v-if="isShowSetting">
+      <a class="iconlink" title="设置" @click="toolbarClick({ name: 'setting' })">
+        <a-icon type="setting"></a-icon>
+      </a>
+    </a-tooltip>
+
+    <a-button v-if="isShowAdd" type="primary" @click="toolbarClick({ name: 'add' })">
+      新增
+    </a-button>
+    <a-button v-if="isShowDelete" type="primary" @click="toolbarClick({ name: 'delete' })">
+      批量删除
+    </a-button>
+
+    <a-button @click="toolbarClick(btn)" type="primary" v-for="btn in buttons" :key="btn.name">
+      {{ btn.label }}
+    </a-button>
+  </div>
+</template>
+<script>
+
+export default {
+  name: "zktoolbar",
+  props: {
+    isShowLog: {
+      type: Boolean,
+      default: true
+    },
+
+    isShowSetting: {
+      type: Boolean,
+      default: true
+    },
+
+    isShowAdd: {
+      type: Boolean,
+      default: false
+    },
+    isShowDelete: {
+      type: Boolean,
+      default: false
+    },
+    buttons: {
+      type: Array
+    },
+
+
+    cls: {
+      type: String,
+      default: 'mk-toolbar mk-toolbar-right'
+    }
+  },
+  data() {
+    return {};
+  },
+  methods: {
+    toolbarClick(e) {
+      this.$emit("toolbarClick", e);
+    },
+
+    gotoLog() {
+
+    },
+
+    gotoSetting() {
+
+    }
+
+
+  },
+};
+</script>
+
+<style>
+/* .mk-toolbar {
+  width:200px;
+  position: absolute;
+  right: 20px;
+  top: 50px;
+  z-index: 1;
+} */
+.mk-toolbar .ant-btn {
+  position: relative;
+  top: 6px;
+}
+
+.iconlink svg {
+  width: 25px;
+  height: 25px;
+}
+</style>
\ No newline at end of file