From e97bf2178038e9a5b19e2023e4cadac9386813e0 Mon Sep 17 00:00:00 2001
From: jlzhou <12020042@qq.com>
Date: Tue, 22 Apr 2025 17:08:28 +0800
Subject: [PATCH] update .

---
 admin-ui/src/auto/components/WTagsInput.vue   | 83 +++++++++++++++++++
 .../ruoyi/demo/controller/DynConfigApi.java   |  2 +-
 .../service/impl/TestDemoServiceImpl.java     |  4 +-
 3 files changed, 86 insertions(+), 3 deletions(-)
 create mode 100644 admin-ui/src/auto/components/WTagsInput.vue

diff --git a/admin-ui/src/auto/components/WTagsInput.vue b/admin-ui/src/auto/components/WTagsInput.vue
new file mode 100644
index 0000000..5b80441
--- /dev/null
+++ b/admin-ui/src/auto/components/WTagsInput.vue
@@ -0,0 +1,83 @@
+<template>
+  <div class="w-tags-input">
+    <el-tag
+      v-for="(tag, index) in model"
+      :key="index"
+      closable
+      :disable-transitions="false"
+      :type="props.type"
+      @close="handleClose(index)"
+    >
+      {{ tag }}
+    </el-tag>
+    <el-input
+      v-if="inputVisible"
+      ref="inputRef"
+      v-model="inputValue"
+      :style="{width:props.placeholder.length+1+'em'}"
+      size="small"
+      @keyup.enter="handleInputConfirm"
+      @blur="handleInputConfirm"
+    />
+    <el-button v-else class="button-new-tag" size="small" @click="showInput">
+      {{ props.placeholder }}
+    </el-button>
+  </div>
+</template>
+
+<script setup>
+import { nextTick, ref } from 'vue'
+const model = defineModel({
+  type: Array,
+  required: true
+});
+
+const props = defineProps({
+  /**
+   * 输入提示
+   */
+  placeholder: {
+    type: String,
+    default: "新增分组",
+  },
+  type:{
+    type:String,
+    default:'primary'
+  }
+});
+
+const inputValue = ref('')
+const inputVisible = ref(false);
+const inputRef = ref(undefined);
+const handleClose = (index) => {
+  model.value.splice(index, 1);
+};
+
+const showInput = () => {
+  inputVisible.value = true
+  nextTick(() => {
+    inputRef.value?.input?.focus();
+  })
+}
+
+
+
+const handleInputConfirm = () => {
+  if (inputValue.value) {
+    model.value.push(inputValue.value)
+  }
+  inputVisible.value = false
+  inputValue.value = ''
+}
+
+</script>
+
+<style lang="scss" scoped>
+.w-tags-input {
+  display: flex;
+  flex-wrap: wrap;
+  & > * {
+    margin: 0 1em 1em 0;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/ruoyi-demo/src/main/java/com/ruoyi/demo/controller/DynConfigApi.java b/ruoyi-demo/src/main/java/com/ruoyi/demo/controller/DynConfigApi.java
index 6797273..63f7820 100644
--- a/ruoyi-demo/src/main/java/com/ruoyi/demo/controller/DynConfigApi.java
+++ b/ruoyi-demo/src/main/java/com/ruoyi/demo/controller/DynConfigApi.java
@@ -23,7 +23,7 @@ public class DynConfigApi {
   public Object get(){
 //    return config; //java中可以直接使用，但是不能JSON序列号，因为他是经过aop代理后的bean
 //    return BeanUtil.toBean(config, TestDynConfig.class);
-    return DynConfigUtils.toBean(config,TestDynConfig.class);
+    return DynConfigUtils.toBean(config, TestDynConfig.class);
   }
 
 
diff --git a/ruoyi-demo/src/main/java/com/ruoyi/demo/service/impl/TestDemoServiceImpl.java b/ruoyi-demo/src/main/java/com/ruoyi/demo/service/impl/TestDemoServiceImpl.java
index 5f1f326..598d4d6 100644
--- a/ruoyi-demo/src/main/java/com/ruoyi/demo/service/impl/TestDemoServiceImpl.java
+++ b/ruoyi-demo/src/main/java/com/ruoyi/demo/service/impl/TestDemoServiceImpl.java
@@ -21,9 +21,9 @@ import java.util.List;
 import java.util.Map;
 
 /**
- * 测试单表Service业务层处理
+ * 测试单表Service业务层处理 
  *
- * @author Lion Li
+ * @author ZLZ
  * @date 2021-07-26
  */
 //@RequiredArgsConstructor