fix: 添加隐私权政策，工具组件目录调整

2024-05-11 18:25:00 +08:00
parent 4d72590f6f
commit 68951056b1
46 changed files with 35 additions and 35 deletions
@@ -0,0 +1,55 @@
+<script setup lang="ts">
+import { reactive, computed } from 'vue'
+import DetailHeader from '@/components/Layout/DetailHeader/DetailHeader.vue'
+import { copy } from '@/utils/string'
+
+const info = reactive({
+  title: "文本去重",
+  content: '',
+  tranRes: '',
+})
+
+
+//clear
+const clear = () => {
+  info.content = ''
+}
+
+
+const removeDuplicate = computed(() => {
+  let tmpArr = info.content.split('\n')
+  let resultSet = new Set(tmpArr)
+  let fromResArr = Array.from(resultSet)
+  info.tranRes = fromResArr.join("\n")
+  return info.tranRes 
+})
+
+//copy
+const copyRes = async () => {
+  copy(info.tranRes)
+}
+</script>
+
+<template>
+  <div class="flex flex-col mt-3 flex-1">
+    <DetailHeader :title="info.title"></DetailHeader>
+
+    <div class="p-4 rounded-2xl bg-white">
+      <div>
+        <el-input type="textarea" :rows="8" v-model="info.content"></el-input>
+      </div>
+
+      <div class="mt-4">
+        <el-button type="primary" @click="copyRes">复制结果</el-button>
+        <el-button type="danger" @click="clear">清空内容</el-button>
+      </div>
+
+      <div class="mt-3 min-h-md bg-gray-100 p-3 mb-3">
+        <el-input type="textarea" :rows="8" v-model="removeDuplicate"></el-input>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+</style>