From 56fb4b2e744bb1ee8672fcde926d34f35d91c1eb Mon Sep 17 00:00:00 2001
From: zhuangdashia <cos35507550@163.com>
Date: Wed, 25 Jun 2025 23:00:38 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B7=A5=E4=BD=9C=E6=B5=81=E5=86=B3=E7=AD=96?=
 =?UTF-8?q?=E8=8A=82=E7=82=B9=20=E8=A1=A8=E8=BE=BE=E5=BC=8F=E7=A4=BA?=
 =?UTF-8?q?=E4=BE=8B++=20=E5=8F=82=E6=95=B0=E7=AE=A1=E7=90=86=20=E8=A1=A8?=
 =?UTF-8?q?=E8=BE=BE=E5=BC=8F=E7=A4=BA=E4=BE=8B++?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/example-expression.vue  | 75 +++++++++++++++++++
 .../workflow/modules/drawer/branch-drawer.vue |  1 +
 .../system-variable-operate-drawer.vue        | 11 ++-
 3 files changed, 86 insertions(+), 1 deletion(-)
 create mode 100644 src/components/common/example-expression.vue

diff --git a/src/components/common/example-expression.vue b/src/components/common/example-expression.vue
new file mode 100644
index 0000000..edaa727
--- /dev/null
+++ b/src/components/common/example-expression.vue
@@ -0,0 +1,75 @@
+
+<template>
+  <div class="example-container">
+    <NButton
+      text
+      type="primary"
+      size="small"
+      @click="toggleExample"
+    >
+      <template #icon>
+<!--        <NIcon :component="Delete24Regular" />-->
+      </template>
+      查看{{ typeLabel }}示例
+    </NButton>
+
+    <NCard
+      v-if="show"
+      embedded
+      size="small"
+      class="example-card"
+    >
+      <pre class="example-code">{{ exampleText }}</pre>
+    </NCard>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from 'vue'
+const props = defineProps({
+  type: {
+    type: Number,
+    // required: true,
+    validator: (val: number) => [1, 2, 3].includes(val),
+    default:4
+  }
+})
+
+const show = ref(false)
+const typeMap = {
+  1: 'SQEL',
+  2: 'Aviator',
+  3: 'QL',
+  4: '表达式'
+}
+
+const examples = {
+  1: `# SQEL条件表达式示例\nuser.age > 18 \nAND department == 'IT' \nOR (vipLevel >= 3 AND creditScore > 800)`,
+  3: `// 查询语言示例\nfrom Employee e\nwhere e.salary > 10000\nand e.joinDate > '2020-01-01'\nselect e.name, e.position`,
+  2: `## Aviator脚本示例\nlet user = {\n  name: '张三',\n  vip: true,\n  credit: 1500\n};\n\nif(user.vip&&user.credit>1000){\n  "尊享VIP服务"\n} else {\n  "标准服务"\n}`,
+  4: `// 状态判断\n"#status == 'SUCCESS'"\n"#taskStatus != 'FAILED'"  `
+}
+
+const typeLabel = computed(() => typeMap[props.type])
+const exampleText = computed(() => examples[props.type])
+
+const toggleExample = () => {
+  show.value = !show.value
+}
+</script>
+
+<style scoped>
+.example-container {
+  margin-top: 8px;
+}
+.example-card {
+  background: #f8f9fa;
+  border-left: 3px solid #2080f0;
+  max-width: 99%;
+}
+.example-code {
+  font-family: 'Courier New', monospace;
+  line-height: 1.5;
+  margin: 0;
+}
+</style>
diff --git a/src/components/workflow/modules/drawer/branch-drawer.vue b/src/components/workflow/modules/drawer/branch-drawer.vue
index 816c28e..e4317ec 100644
--- a/src/components/workflow/modules/drawer/branch-drawer.vue
+++ b/src/components/workflow/modules/drawer/branch-drawer.vue
@@ -138,6 +138,7 @@ const rules: FormRules = {
                 :value="strategy.value"
               />
             </NSpace>
+          <example-expression :type="form.decision!.expressionType"  />
           </NRadioGroup>
         </NFormItem>
         <NFormItem
diff --git a/src/views/system/manager/modules/system-variable-operate-drawer.vue b/src/views/system/manager/modules/system-variable-operate-drawer.vue
index 5c4d300..b7ae72b 100644
--- a/src/views/system/manager/modules/system-variable-operate-drawer.vue
+++ b/src/views/system/manager/modules/system-variable-operate-drawer.vue
@@ -160,7 +160,6 @@ watch(visible, () => {
           :placeholder="$t('page.system_variable.form.variableName')" />
       </NFormItem>
       <NFormItem :label="$t('page.system_variable.variableType')" path="variableType">
-        <!--        <NInput v-model:value="model.variableType" :placeholder="$t('page.system_variable.form.variableType')" />-->
         <NRadioGroup v-model:value="model.variableType" name="initScene">
           <NSpace>
             <NRadio
@@ -170,7 +169,17 @@ watch(visible, () => {
               :label="$t(item.label)"
             />
           </NSpace>
+          <example-expression />
         </NRadioGroup>
+<!--        <NPopover trigger="hover"-->
+<!--        >-->
+<!--          <template #trigger>-->
+<!--            <NButton text>-->
+<!--              <SvgIcon icon="ant-design:info-circle-outlined" class="text-18px color-blue" />-->
+<!--            </NButton>-->
+<!--          </template>-->
+<!--          输入$提示变量信息-->
+<!--        </NPopover>-->
       </NFormItem>
       <NFormItem :label="$t('page.system_variable.variableKey')" path="variableKey">
         <NInput v-model:value="model.variableKey" :placeholder="$t('page.system_variable.form.variableKey')" />