From 56ac06f47de95aa70b6cd39cf8f58aaf93875254 Mon Sep 17 00:00:00 2001
From: zhuangdashia <cos35507550@163.com>
Date: Wed, 25 Jun 2025 14:15:13 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B7=A5=E4=BD=9C=E6=B5=81=20=E4=B8=8A?=
 =?UTF-8?q?=E4=B8=8B=E6=96=87=E5=8F=82=E6=95=B0=E4=BD=BF=E7=94=A8++?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/dynamic-input.vue | 58 ++++++++++++++++++++++++-
 1 file changed, 57 insertions(+), 1 deletion(-)

diff --git a/src/components/common/dynamic-input.vue b/src/components/common/dynamic-input.vue
index ba5bd60..0f379a5 100644
--- a/src/components/common/dynamic-input.vue
+++ b/src/components/common/dynamic-input.vue
@@ -1,4 +1,11 @@
 <script setup lang="ts">
+import {fetchGetSystemVarList} from "@/service/api/system-variable";
+import { onMounted, ref, computed} from 'vue'
+
+onMounted(() => {
+  getSystemVariables();
+});
+
 const content = defineModel<{ key: string; value: string | number | boolean; type: string }[]>('value', {
   required: true,
   default: () => []
@@ -25,6 +32,34 @@ const dynamicInputRule = [
     }
   }
 ];
+const inputValue = ref('');
+const syncOptions = ref([
+  {
+    label: String,
+    value: String
+  }
+]);
+
+const  getSystemVariables = async () =>{
+  const { error,data } = await fetchGetSystemVarList();
+  if (!error) {
+    syncOptions.value = data.map(item => ({
+      label: item.variableName,
+      value: item.variableKey.replace("$",'')
+    }));
+  }
+  console.log("syncOptions"+syncOptions.value[0].value)
+  console.log("syncOptions"+syncOptions.value[0].label)
+};
+
+const filteredOptions = computed(() => {
+  return inputValue.value
+    ? syncOptions.value.filter(opt =>
+      opt.label.includes(inputValue.value) ||
+      opt.value.includes(inputValue.value))
+    : syncOptions.value
+});
+
 
 const typeOptions = [
   {
@@ -87,12 +122,33 @@ const handleUpdateType = (index: number) => {
         :rule="dynamicInputRule"
         :path="`${path}[${index}].value`"
       >
-        <NInput
+<!--        <NInput-->
+<!--          v-if="content[index].type === 'string'"-->
+<!--          v-model:value="content[index].value as string"-->
+<!--          placeholder="value"-->
+<!--          @keydown.enter.prevent-->
+<!--        />-->
+
+        <n-mention
           v-if="content[index].type === 'string'"
           v-model:value="content[index].value as string"
           placeholder="value"
+          :options="syncOptions"
+          default-value="@"
+          :prefix="['$']"
           @keydown.enter.prevent
         />
+        <NPopover trigger="hover"
+                  v-if="content[index].type === 'string'"
+        >
+          <template #trigger>
+            <NButton text>
+              <SvgIcon icon="ant-design:info-circle-outlined" class="text-18px color-blue" />
+            </NButton>
+          </template>
+          输入$提示变量信息
+        </NPopover>
+
         <NInputNumber
           v-if="content[index].type === 'number'"
           v-model:value="content[index].value as number"