chore: 新增触发条件组件配置生成规则

src/components/flow/Sidebar.vue

@@ -3,7 +3,7 @@ import { useConnection } from '@/composables/useAllData'
 import Icon from '@/components/ConnectionIcon.vue'
 
 const props = defineProps<{
-  connectionIds: string[]
+  connectionIds?: string[]
 }>()
 
 // 所有连接
@@ -11,7 +11,7 @@ const { connectionList } = useConnection()
 
 // 绑定的连接
 const connections = computed(() => {
-  return connectionList.value.filter(item => props.connectionIds.includes(item.id))
+  return connectionList.value.filter(item => props.connectionIds?.includes(item.id))
 })
 
 const list = ref([

src/components/flow/components/ConfigTemplate.vue

-<!-- 学生设置组件 -->
+<!-- 组件设置 -->
 <script setup lang="ts">
 import type { FormInstance, FormRules } from 'element-plus'
 import { useVueFlow } from '@vue-flow/core'

src/components/flow/components/ConfigViewTemplate.vue

-<!-- 学生设置组件 -->
+<!-- 查看组件设置 -->
 <script setup lang="ts">
 import type { FormInstance, FormRules } from 'element-plus'
 import { ElMessage } from 'element-plus'

src/components/flow/components/triggeringConditions/changeProps/Index.vue

@@ -5,6 +5,7 @@ import Icon from '@/components/ConnectionIcon.vue'
 
 const Config = defineAsyncComponent(() => import('./Config.vue'))
 const ConfigView = defineAsyncComponent(() => import('./ConfigView.vue'))
+const Rule = defineAsyncComponent(() => import('./Rule.vue'))
 
 const props = defineProps<{ node: any }>()
 
@@ -32,4 +33,6 @@ const settingVisible = ref(false)
   <Config v-model="settingVisible" :node="node" v-if="settingVisible && action === 'edit'" />
   <!-- 查看配置 -->
   <ConfigView v-model="settingVisible" :node="node" v-if="settingVisible && action === 'view'" />
+  <!-- 数据生成规则 -->
+  <Rule v-model="settingVisible" :node="node" v-if="settingVisible && action === 'rule'" />
 </template>

src/components/flow/components/triggeringConditions/changeProps/Rule.vue

+<script setup lang="ts">
+import RuleTemplate from '../../RuleTemplate.vue'
+
+defineProps<{ node: any }>()
+</script>
+
+<template>
+  <RuleTemplate :node="node" step>
+    <template #header-answer>答案</template>
+  </RuleTemplate>
+</template>

src/components/flow/components/triggeringConditions/custom/Index.vue

@@ -5,6 +5,7 @@ import Icon from '@/components/ConnectionIcon.vue'
 
 const Config = defineAsyncComponent(() => import('./Config.vue'))
 const ConfigView = defineAsyncComponent(() => import('./ConfigView.vue'))
+const Rule = defineAsyncComponent(() => import('./Rule.vue'))
 
 const props = defineProps<{ node: any }>()
 
@@ -32,4 +33,6 @@ const settingVisible = ref(false)
   <Config v-model="settingVisible" :node="node" v-if="settingVisible && action === 'edit'" />
   <!-- 查看配置 -->
   <ConfigView v-model="settingVisible" :node="node" v-if="settingVisible && action === 'view'" />
+  <!-- 数据生成规则 -->
+  <Rule v-model="settingVisible" :node="node" v-if="settingVisible && action === 'rule'" />
 </template>

src/components/flow/components/triggeringConditions/custom/Rule.vue

+<script setup lang="ts">
+import RuleTemplate from '../../RuleTemplate.vue'
+
+defineProps<{ node: any }>()
+</script>
+
+<template>
+  <RuleTemplate :node="node" step>
+    <template #header-answer>答案</template>
+    <template #header-form-append>
+      <el-form-item label="事件">
+        <el-select>
+          <el-option value="关注公众号"></el-option>
+        </el-select>
+      </el-form-item>
+    </template>
+  </RuleTemplate>
+</template>

src/components/flow/components/triggeringConditions/dingtalk/Index.vue

@@ -5,6 +5,7 @@ import Icon from '@/components/ConnectionIcon.vue'
 
 const Config = defineAsyncComponent(() => import('./Config.vue'))
 const ConfigView = defineAsyncComponent(() => import('./ConfigView.vue'))
+const Rule = defineAsyncComponent(() => import('./Rule.vue'))
 
 const props = defineProps<{ node: any }>()
 
@@ -32,4 +33,6 @@ const settingVisible = ref(false)
   <Config v-model="settingVisible" :node="node" v-if="settingVisible && action === 'edit'" />
   <!-- 查看配置 -->
   <ConfigView v-model="settingVisible" :node="node" v-if="settingVisible && action === 'view'" />
+  <!-- 数据生成规则 -->
+  <Rule v-model="settingVisible" :node="node" v-if="settingVisible && action === 'rule'" />
 </template>

src/components/flow/components/triggeringConditions/dingtalk/Rule.vue

+<script setup lang="ts">
+import RuleTemplate from '../../RuleTemplate.vue'
+
+defineProps<{ node: any }>()
+</script>
+
+<template>
+  <RuleTemplate :node="node" step>
+    <template #header-answer>答案</template>
+    <template #header-form-append>
+      <el-form-item label="事件">
+        <el-select>
+          <el-option value="关注公众号"></el-option>
+        </el-select>
+      </el-form-item>
+    </template>
+  </RuleTemplate>
+</template>

src/components/flow/components/triggeringConditions/douyin/Index.vue

@@ -5,6 +5,7 @@ import Icon from '@/components/ConnectionIcon.vue'
 
 const Config = defineAsyncComponent(() => import('./Config.vue'))
 const ConfigView = defineAsyncComponent(() => import('./ConfigView.vue'))
+const Rule = defineAsyncComponent(() => import('./Rule.vue'))
 
 const props = defineProps<{ node: any }>()
 
@@ -32,4 +33,6 @@ const settingVisible = ref(false)
   <Config v-model="settingVisible" :node="node" v-if="settingVisible && action === 'edit'" />
   <!-- 查看配置 -->
   <ConfigView v-model="settingVisible" :node="node" v-if="settingVisible && action === 'view'" />
+  <!-- 数据生成规则 -->
+  <Rule v-model="settingVisible" :node="node" v-if="settingVisible && action === 'rule'" />
 </template>

src/components/flow/components/triggeringConditions/douyin/Rule.vue

+<script setup lang="ts">
+import RuleTemplate from '../../RuleTemplate.vue'
+
+defineProps<{ node: any }>()
+</script>
+
+<template>
+  <RuleTemplate :node="node" step>
+    <template #header-answer>答案</template>
+    <template #header-form-append>
+      <el-form-item label="事件">
+        <el-select>
+          <el-option value="关注公众号"></el-option>
+        </el-select>
+      </el-form-item>
+    </template>
+  </RuleTemplate>
+</template>

src/components/flow/components/triggeringConditions/joinGroup/Index.vue

@@ -5,6 +5,7 @@ import Icon from '@/components/ConnectionIcon.vue'
 
 const Config = defineAsyncComponent(() => import('./Config.vue'))
 const ConfigView = defineAsyncComponent(() => import('./ConfigView.vue'))
+const Rule = defineAsyncComponent(() => import('./Rule.vue'))
 
 const props = defineProps<{ node: any }>()
 
@@ -32,4 +33,6 @@ const settingVisible = ref(false)
   <Config v-model="settingVisible" :node="node" v-if="settingVisible && action === 'edit'" />
   <!-- 查看配置 -->
   <ConfigView v-model="settingVisible" :node="node" v-if="settingVisible && action === 'view'" />
+  <!-- 数据生成规则 -->
+  <Rule v-model="settingVisible" :node="node" v-if="settingVisible && action === 'rule'" />
 </template>

src/components/flow/components/triggeringConditions/joinGroup/Rule.vue

+<script setup lang="ts">
+import RuleTemplate from '../../RuleTemplate.vue'
+
+defineProps<{ node: any }>()
+</script>
+
+<template>
+  <RuleTemplate :node="node" step>
+    <template #header-answer>答案</template>
+  </RuleTemplate>
+</template>

src/components/flow/components/triggeringConditions/offiaccount/Index.vue

@@ -5,6 +5,7 @@ import Icon from '@/components/ConnectionIcon.vue'
 
 const Config = defineAsyncComponent(() => import('./Config.vue'))
 const ConfigView = defineAsyncComponent(() => import('./ConfigView.vue'))
+const Rule = defineAsyncComponent(() => import('./Rule.vue'))
 
 const props = defineProps<{ node: any }>()
 
@@ -32,4 +33,6 @@ const settingVisible = ref(false)
   <Config v-model="settingVisible" :node="node" v-if="settingVisible && action === 'edit'" />
   <!-- 查看配置 -->
   <ConfigView v-model="settingVisible" :node="node" v-if="settingVisible && action === 'view'" />
+  <!-- 数据生成规则 -->
+  <Rule v-model="settingVisible" :node="node" v-if="settingVisible && action === 'rule'" />
 </template>

src/components/flow/components/triggeringConditions/offiaccount/Rule.vue

+<script setup lang="ts">
+import RuleTemplate from '../../RuleTemplate.vue'
+
+defineProps<{ node: any }>()
+</script>
+
+<template>
+  <RuleTemplate :node="node" step>
+    <template #header-answer>答案</template>
+    <template #header-form-append>
+      <el-form-item label="事件">
+        <el-select>
+          <el-option value="关注公众号"></el-option>
+        </el-select>
+      </el-form-item>
+    </template>
+  </RuleTemplate>
+</template>

src/components/flow/components/triggeringConditions/realTimeTrigger/Index.vue

@@ -5,6 +5,7 @@ import Icon from '@/components/ConnectionIcon.vue'
 
 const Config = defineAsyncComponent(() => import('./Config.vue'))
 const ConfigView = defineAsyncComponent(() => import('./ConfigView.vue'))
+const Rule = defineAsyncComponent(() => import('./Rule.vue'))
 
 const props = defineProps<{ node: any }>()
 
@@ -31,4 +32,6 @@ const settingVisible = ref(false)
   <Config v-model="settingVisible" :node="node" v-if="settingVisible && action === 'edit'" />
   <!-- 查看配置 -->
   <ConfigView v-model="settingVisible" :node="node" v-if="settingVisible && action === 'view'" />
+  <!-- 数据生成规则 -->
+  <Rule v-model="settingVisible" :node="node" v-if="settingVisible && action === 'rule'" />
 </template>

src/components/flow/components/triggeringConditions/realTimeTrigger/Rule.vue

+<script setup lang="ts">
+import RuleTemplate from '../../RuleTemplate.vue'
+
+defineProps<{ node: any }>()
+</script>
+
+<template>
+  <RuleTemplate :node="node">
+    <el-form label-suffix="：">
+      <el-form-item label="组件名称">{{ node.data.name }}</el-form-item>
+      <el-form-item label="用户总数">10000</el-form-item>
+      <el-form-item label="预计选取用户总数">10000</el-form-item>
+    </el-form>
+    <p>定时触发条件无需设置数据生成规则</p>
+  </RuleTemplate>
+</template>

src/components/flow/components/triggeringConditions/weibo/Index.vue

@@ -5,6 +5,7 @@ import Icon from '@/components/ConnectionIcon.vue'
 
 const Config = defineAsyncComponent(() => import('./Config.vue'))
 const ConfigView = defineAsyncComponent(() => import('./ConfigView.vue'))
+const Rule = defineAsyncComponent(() => import('./Rule.vue'))
 
 const props = defineProps<{ node: any }>()
 
@@ -32,4 +33,6 @@ const settingVisible = ref(false)
   <Config v-model="settingVisible" :node="node" v-if="settingVisible && action === 'edit'" />
   <!-- 查看配置 -->
   <ConfigView v-model="settingVisible" :node="node" v-if="settingVisible && action === 'view'" />
+  <!-- 数据生成规则 -->
+  <Rule v-model="settingVisible" :node="node" v-if="settingVisible && action === 'rule'" />
 </template>

src/components/flow/components/triggeringConditions/weibo/Rule.vue

+<script setup lang="ts">
+import RuleTemplate from '../../RuleTemplate.vue'
+
+defineProps<{ node: any }>()
+</script>
+
+<template>
+  <RuleTemplate :node="node" step>
+    <template #header-answer>答案</template>
+    <template #header-form-append>
+      <el-form-item label="事件">
+        <el-select>
+          <el-option value="关注公众号"></el-option>
+        </el-select>
+      </el-form-item>
+    </template>
+  </RuleTemplate>
+</template>

src/components/flow/components/triggeringConditions/wenjuanxing/Index.vue

@@ -5,6 +5,7 @@ import Icon from '@/components/ConnectionIcon.vue'
 
 const Config = defineAsyncComponent(() => import('./Config.vue'))
 const ConfigView = defineAsyncComponent(() => import('./ConfigView.vue'))
+const Rule = defineAsyncComponent(() => import('./Rule.vue'))
 
 const props = defineProps<{ node: any }>()
 
@@ -32,4 +33,6 @@ const settingVisible = ref(false)
   <Config v-model="settingVisible" :node="node" v-if="settingVisible && action === 'edit'" />
   <!-- 查看配置 -->
   <ConfigView v-model="settingVisible" :node="node" v-if="settingVisible && action === 'view'" />
+  <!-- 数据生成规则 -->
+  <Rule v-model="settingVisible" :node="node" v-if="settingVisible && action === 'rule'" />
 </template>

src/components/flow/components/triggeringConditions/wenjuanxing/Rule.vue

+<script setup lang="ts">
+import RuleTemplate from '../../RuleTemplate.vue'
+
+defineProps<{ node: any }>()
+</script>
+
+<template>
+  <RuleTemplate :node="node" step>
+    <template #header-answer>答案</template>
+    <template #header-form-append>
+      <el-form-item label="事件">
+        <el-select>
+          <el-option value="关注公众号"></el-option>
+        </el-select>
+      </el-form-item>
+    </template>
+  </RuleTemplate>
+</template>

src/components/flow/components/triggeringConditions/xiaoetong/Index.vue

@@ -5,6 +5,7 @@ import Icon from '@/components/ConnectionIcon.vue'
 
 const Config = defineAsyncComponent(() => import('./Config.vue'))
 const ConfigView = defineAsyncComponent(() => import('./ConfigView.vue'))
+const Rule = defineAsyncComponent(() => import('./Rule.vue'))
 
 const props = defineProps<{ node: any }>()
 
@@ -32,4 +33,6 @@ const settingVisible = ref(false)
   <Config v-model="settingVisible" :node="node" v-if="settingVisible && action === 'edit'" />
   <!-- 查看配置 -->
   <ConfigView v-model="settingVisible" :node="node" v-if="settingVisible && action === 'view'" />
+  <!-- 数据生成规则 -->
+  <Rule v-model="settingVisible" :node="node" v-if="settingVisible && action === 'rule'" />
 </template>

src/components/flow/components/triggeringConditions/xiaoetong/Rule.vue

+<script setup lang="ts">
+import RuleTemplate from '../../RuleTemplate.vue'
+
+defineProps<{ node: any }>()
+</script>
+
+<template>
+  <RuleTemplate :node="node" step>
+    <template #header-answer>答案</template>
+    <template #header-form-append>
+      <el-form-item label="事件">
+        <el-select>
+          <el-option value="关注公众号"></el-option>
+        </el-select>
+      </el-form-item>
+    </template>
+  </RuleTemplate>
+</template>

src/components/flow/components/triggeringConditions/xiaohongshu/Index.vue

@@ -5,6 +5,7 @@ import Icon from '@/components/ConnectionIcon.vue'
 
 const Config = defineAsyncComponent(() => import('./Config.vue'))
 const ConfigView = defineAsyncComponent(() => import('./ConfigView.vue'))
+const Rule = defineAsyncComponent(() => import('./Rule.vue'))
 
 const props = defineProps<{ node: any }>()
 
@@ -32,4 +33,6 @@ const settingVisible = ref(false)
   <Config v-model="settingVisible" :node="node" v-if="settingVisible && action === 'edit'" />
   <!-- 查看配置 -->
   <ConfigView v-model="settingVisible" :node="node" v-if="settingVisible && action === 'view'" />
+  <!-- 数据生成规则 -->
+  <Rule v-model="settingVisible" :node="node" v-if="settingVisible && action === 'rule'" />
 </template>

src/components/flow/components/triggeringConditions/xiaohongshu/Rule.vue

+<script setup lang="ts">
+import RuleTemplate from '../../RuleTemplate.vue'
+
+defineProps<{ node: any }>()
+</script>
+
+<template>
+  <RuleTemplate :node="node" step>
+    <template #header-answer>答案</template>
+    <template #header-form-append>
+      <el-form-item label="事件">
+        <el-select>
+          <el-option value="关注公众号"></el-option>
+        </el-select>
+      </el-form-item>
+    </template>
+  </RuleTemplate>
+</template>

src/modules/trip/rule/index.ts

+import type { RouteRecordRaw } from 'vue-router'
+
+const routes: RouteRecordRaw[] = [
+  {
+    path: '/trip/rule',
+    component: () => import('./views/Index.vue')
+  }
+]
+
+export { routes }

src/modules/trip/rule/views/Index.vue

+<!-- 固定旅程模板配置 -->
+<script setup lang="ts">
+import TripFlow from '@/components/flow/Index.vue'
+import TripFlowSidebar from '@/components/flow/Sidebar.vue'
+
+const form = reactive({
+  start_type: 1,
+  auto_start: 1,
+  auto_start_time: '',
+  auto_start_type: 1,
+  stop_type: 1
+})
+
+const elements = ref([
+  {
+    id: '1',
+    type: 'custom',
+    position: { x: 100, y: 100 },
+    label: '定时触发',
+    data: { name: '定时触发', type: '触发条件', icon: '13', componentName: 'TCRealTimeTrigger' }
+  },
+  {
+    id: '2',
+    type: 'custom',
+    position: { x: 200, y: 100 },
+    label: '加入群组',
+    data: { name: '加入群组', type: '触发条件', icon: '14', componentName: 'TCJoinGroup' }
+  },
+  {
+    id: '3',
+    type: 'custom',
+    position: { x: 300, y: 100 },
+    label: '变更属性',
+    data: { name: '变更属性', type: '触发条件', icon: '15', componentName: 'TCChangeProps' }
+  },
+  {
+    id: '4',
+    type: 'custom',
+    position: { x: 400, y: 100 },
+    label: '公众号',
+    data: { name: '公众号', type: '触发条件', icon: '1', componentName: 'TCOffiaccount', connection_type: 1 }
+  },
+  {
+    id: '5',
+    type: 'custom',
+    position: { x: 500, y: 100 },
+    label: '抖音',
+    data: { name: '抖音', type: '触发条件', icon: '6', componentName: 'TCDouyin', connection_type: 6 }
+  },
+  {
+    id: '6',
+    type: 'custom',
+    position: { x: 600, y: 100 },
+    label: '小红书',
+    data: { name: '小红书', type: '触发条件', icon: '8', componentName: 'TCXiaohongshu', connection_type: 8 }
+  },
+
+  {
+    id: '7',
+    type: 'custom',
+    position: { x: 700, y: 100 },
+    label: '微博',
+    data: { name: '微博', type: '触发条件', icon: '7', componentName: 'TCWeibo', connection_type: 7 }
+  },
+  {
+    id: '8',
+    type: 'custom',
+    position: { x: 800, y: 100 },
+    label: '自定义',
+    data: { name: '自定义', type: '触发条件', icon: '12', componentName: 'TCCustom', connection_type: 12 }
+  },
+  {
+    id: '9',
+    type: 'custom',
+    position: { x: 900, y: 100 },
+    label: '小鹅通',
+    data: { name: '小鹅通', type: '触发条件', icon: '3', componentName: 'TCXiaoetong', connection_type: 3 }
+  },
+  {
+    id: '10',
+    type: 'custom',
+    position: { x: 1000, y: 100 },
+    label: '问卷星',
+    data: { name: '问卷星', type: '触发条件', icon: '4', componentName: 'TCWenjuanxing', connection_type: 4 }
+  }
+])
+
+function handleSubmit() {}
+</script>
+<template>
+  <AppCard title="实验数据规则配置">
+    <el-form label-suffix="：">
+      <el-row>
+        <el-col :span="6"><el-form-item label="实验名称"></el-form-item></el-col>
+        <el-col :span="6"><el-form-item label="实验类型"></el-form-item></el-col>
+        <el-col :span="6"><el-form-item label="用户旅程模板"></el-form-item></el-col>
+        <el-col :span="6"><el-form-item label="模板类型"></el-form-item></el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="12">
+          <el-form-item label="数据生成启动控制">
+            <el-radio-group v-model="form.start_type">
+              <el-radio :label="1">人工启动</el-radio>
+              <el-radio :label="2">自动启动</el-radio>
+            </el-radio-group>
+            <el-radio-group v-model="form.auto_start" v-if="form.start_type === 2">
+              <el-radio :label="1">
+                <span>每隔</span>
+                <el-input v-model="form.auto_start_time" style="width: 200px">
+                  <template #append>
+                    <el-select v-model="form.auto_start_type" style="width: 90px">
+                      <el-option :value="1" label="小时" />
+                      <el-option :value="2" label="天" />
+                    </el-select>
+                  </template>
+                </el-input>
+              </el-radio>
+              <el-radio :label="2">学生完成旅程配置</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="数据生成停止控制">
+            <el-radio-group v-model="form.stop_type">
+              <el-radio :label="1">一次性生成</el-radio>
+              <el-radio :label="2" disabled>覆盖生成</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <TripFlow v-model="elements" action="rule" :nodes-draggable="false" :nodes-connectable="false">
+      <template #left-panel>
+        <TripFlowSidebar />
+      </template>
+      <template #footer>
+        <el-row justify="center">
+          <el-button plain auto-insert-space>取消</el-button>
+          <el-button type="primary" auto-insert-space @click="handleSubmit">保存</el-button>
+        </el-row>
+      </template>
+    </TripFlow>
+  </AppCard>
+</template>