From 11798d346f046a13d091f384297672e683c98eaa Mon Sep 17 00:00:00 2001
From: JChehe <574805242@qq.com>
Date: Fri, 15 Jun 2018 10:26:02 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20typos=E2=80=94uniqueTag=20->=20UniqueTag?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../FirstScreenPageView/UniqueTag.vue         | 51 +++++++++++++++++++
 1 file changed, 51 insertions(+)
 create mode 100644 app/src/components/FirstScreenPageView/UniqueTag.vue

diff --git a/app/src/components/FirstScreenPageView/UniqueTag.vue b/app/src/components/FirstScreenPageView/UniqueTag.vue
new file mode 100644
index 0000000..49efbad
--- /dev/null
+++ b/app/src/components/FirstScreenPageView/UniqueTag.vue
@@ -0,0 +1,51 @@
+<template>
+  <span class="unique_tag filter_tag">
+    <span class="unique_char">去重</span>
+    <p>{{ uniqueWords }}</p>
+    <button class="close_btn" @click="delHandler()">
+      <img src="../assets/svg/filter_tag_del.svg" alt="删除">
+    </button>
+  </span>
+</template>
+
+<script>
+import { getCharCol } from '../../utils/ExcelSet'
+import { mapActions } from 'vuex'
+
+export default {
+  props: {
+    uniqueCols: {
+      type: Array,
+      required: true
+    },
+    curFilterTagList: {
+      type: Array,
+      required: true
+    }
+  },
+  computed: {
+    uniqueWords () {
+      let finalWords = '第'
+      this.uniqueCols.forEach((item, index) => {
+        if (index === this.uniqueCols.length - 1) {
+          finalWords += `${this.getCharCol(item)}列`
+        } else {
+          finalWords += `${this.getCharCol(item)},`
+        }
+      })
+      return finalWords
+    }
+  },
+  methods: {
+    getCharCol,
+    delHandler () {
+      this.setUniqueCols([])
+      this.checkFilterAndUnqiueCount()
+    },
+    ...mapActions([
+      'setUniqueCols',
+      'checkFilterAndUnqiueCount'
+    ])
+  }
+}
+</script>