今正cid加微后工作流功能

src/api/aiAddwxSop/api.js

@@ -0,0 +1,313 @@
+import request from '@/utils/request'
+
+// ==================== 模板管理 ====================
+
+// 查询模板列表
+export function listTemplate(query) {
+  return request({
+    url: '/aiAddwxSop/template/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 获取模板详情（含节点）
+export function getTemplate(templateId) {
+  return request({
+    url: '/aiAddwxSop/template/' + templateId,
+    method: 'get'
+  })
+}
+
+// 新增模板
+export function addTemplate(data) {
+  return request({
+    url: '/aiAddwxSop/template',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改模板
+export function updateTemplate(data) {
+  return request({
+    url: '/aiAddwxSop/template',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除模板
+export function delTemplate(templateIds) {
+  return request({
+    url: '/aiAddwxSop/template/' + templateIds,
+    method: 'delete'
+  })
+}
+
+// 保存模板及节点
+export function saveTemplateWithNodes(data) {
+  return request({
+    url: '/aiAddwxSop/template/saveWithNodes',
+    method: 'post',
+    data: data
+  })
+}
+
+// ==================== 模板节点管理 ====================
+
+// 查询模板节点列表
+export function listTemplateNode(templateId) {
+  return request({
+    url: '/aiAddwxSop/templateNode/list/' + templateId,
+    method: 'get'
+  })
+}
+
+// 获取模板节点详情
+export function getTemplateNode(nodeId) {
+  return request({
+    url: '/aiAddwxSop/templateNode/' + nodeId,
+    method: 'get'
+  })
+}
+
+// 新增模板节点
+export function addTemplateNode(data) {
+  return request({
+    url: '/aiAddwxSop/templateNode',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改模板节点
+export function updateTemplateNode(data) {
+  return request({
+    url: '/aiAddwxSop/templateNode',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除模板节点
+export function delTemplateNode(nodeId) {
+  return request({
+    url: '/aiAddwxSop/templateNode/' + nodeId,
+    method: 'delete'
+  })
+}
+
+// ==================== 模板节点规则管理 ====================
+
+// 查询节点规则列表
+export function listTemplateNodeRule(nodeId) {
+  return request({
+    url: '/aiAddwxSop/templateNodeRule/list/' + nodeId,
+    method: 'get'
+  })
+}
+
+// 获取节点规则详情
+export function getTemplateNodeRule(ruleId) {
+  return request({
+    url: '/aiAddwxSop/templateNodeRule/' + ruleId,
+    method: 'get'
+  })
+}
+
+// 新增节点规则
+export function addTemplateNodeRule(data) {
+  return request({
+    url: '/aiAddwxSop/templateNodeRule',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改节点规则
+export function updateTemplateNodeRule(data) {
+  return request({
+    url: '/aiAddwxSop/templateNodeRule',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除节点规则
+export function delTemplateNodeRule(ruleId) {
+  return request({
+    url: '/aiAddwxSop/templateNodeRule/' + ruleId,
+    method: 'delete'
+  })
+}
+
+// ==================== 个人工作流管理 ====================
+
+// 查询个人工作流列表
+export function listUserWorkflow(query) {
+  return request({
+    url: '/aiAddwxSop/userWorkflow/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 获取个人工作流详情（含节点树）
+export function getUserWorkflow(userWorkflowId) {
+  return request({
+    url: '/aiAddwxSop/userWorkflow/' + userWorkflowId,
+    method: 'get'
+  })
+}
+
+// 根据模板创建个人工作流
+export function createUserWorkflowFromTemplate(templateId, businessKey) {
+  return request({
+    url: '/aiAddwxSop/userWorkflow/createFromTemplate',
+    method: 'post',
+    params: { templateId, businessKey }
+  })
+}
+
+// 推进工作流到下一节点
+export function advanceWorkflow(userWorkflowId, currentNodeId) {
+  return request({
+    url: '/aiAddwxSop/userWorkflow/advance',
+    method: 'post',
+    params: { userWorkflowId, currentNodeId }
+  })
+}
+
+// 修改个人工作流
+export function updateUserWorkflow(data) {
+  return request({
+    url: '/aiAddwxSop/userWorkflow',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除个人工作流
+export function delUserWorkflow(userWorkflowIds) {
+  return request({
+    url: '/aiAddwxSop/userWorkflow/' + userWorkflowIds,
+    method: 'delete'
+  })
+}
+
+// ==================== 个人节点管理 ====================
+
+// 查询个人节点列表
+export function listUserNode(userWorkflowId) {
+  return request({
+    url: '/aiAddwxSop/userNode/list/' + userWorkflowId,
+    method: 'get'
+  })
+}
+
+// 获取个人节点详情
+export function getUserNode(userNodeId) {
+  return request({
+    url: '/aiAddwxSop/userNode/' + userNodeId,
+    method: 'get'
+  })
+}
+
+// 修改个人节点（含提示词、条件等）
+export function updateUserNode(data) {
+  return request({
+    url: '/aiAddwxSop/userNode',
+    method: 'put',
+    data: data
+  })
+}
+
+// 更新节点状态
+export function updateNodeStatus(userNodeId, status) {
+  return request({
+    url: '/aiAddwxSop/userNode/status',
+    method: 'put',
+    params: { userNodeId, status }
+  })
+}
+
+// ==================== 执行日志管理 ====================
+
+// 查询执行日志列表
+export function listExecLog(query) {
+  return request({
+    url: '/aiAddwxSop/execLog/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 根据工作流ID查询执行日志
+export function listExecLogByWorkflow(userWorkflowId) {
+  return request({
+    url: '/aiAddwxSop/execLog/workflow/' + userWorkflowId,
+    method: 'get'
+  })
+}
+
+// 根据节点ID查询执行日志
+export function listExecLogByNode(userNodeId) {
+  return request({
+    url: '/aiAddwxSop/execLog/node/' + userNodeId,
+    method: 'get'
+  })
+}
+
+// 获取执行日志详情
+export function getExecLog(logId) {
+  return request({
+    url: '/aiAddwxSop/execLog/' + logId,
+    method: 'get'
+  })
+}
+
+// ==================== 标签模板绑定管理 ====================
+
+// 查询标签模板绑定列表
+export function listTagTemplateBind(query) {
+  return request({
+    url: '/aiAddwxSop/tagTemplateBind/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 根据标签ID查询绑定
+export function getTagTemplateBindByTag(qwTagId) {
+  return request({
+    url: '/aiAddwxSop/tagTemplateBind/byTag/' + qwTagId,
+    method: 'get'
+  })
+}
+
+// 新增标签模板绑定
+export function addTagTemplateBind(data) {
+  return request({
+    url: '/aiAddwxSop/tagTemplateBind',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改标签模板绑定
+export function updateTagTemplateBind(data) {
+  return request({
+    url: '/aiAddwxSop/tagTemplateBind',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除标签模板绑定
+export function delTagTemplateBind(bindIds) {
+  return request({
+    url: '/aiAddwxSop/tagTemplateBind/' + bindIds,
+    method: 'delete'
+  })
+}

src/views/aiAddwxSop/tagTemplateBind.vue

@@ -0,0 +1,201 @@
+<template>
+  <div class="app-container">
+    <!-- 搜索栏 -->
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="80px">
+      <el-form-item label="标签名称" prop="qwTagName">
+        <el-input v-model="queryParams.qwTagName" placeholder="请输入标签名称" clearable @keyup.enter.native="handleQuery" />
+      </el-form-item>
+      <el-form-item label="模板名称" prop="templateName">
+        <el-input v-model="queryParams.templateName" placeholder="请输入模板名称" clearable @keyup.enter.native="handleQuery" />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <!-- 操作按钮 -->
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button type="primary" plain icon="el-icon-plus" @click="handleAdd">新增绑定</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" />
+    </el-row>
+
+    <!-- 表格 -->
+    <el-table v-loading="loading" :data="bindList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="标签ID" align="center" prop="qwTagId" width="200" show-overflow-tooltip />
+      <el-table-column label="标签名称" align="center" prop="qwTagName" show-overflow-tooltip />
+      <el-table-column label="模板ID" align="center" prop="templateId" width="100" />
+      <el-table-column label="模板名称" align="center" prop="templateName" show-overflow-tooltip />
+      <el-table-column label="优先级" align="center" prop="priority" width="80" />
+      <el-table-column label="创建时间" align="center" prop="createTime" width="180" />
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="180">
+        <template slot-scope="scope">
+          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)">修改</el-button>
+          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
+
+    <!-- 新增/修改绑定对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+        <el-form-item label="企微标签" prop="qwTagId">
+          <el-select v-model="form.qwTagId" filterable placeholder="请选择企微标签" style="width: 100%;" @change="onTagChange">
+            <el-option v-for="tag in tagList" :key="tag.id" :label="tag.name + ' (' + tag.tagId + ')'" :value="tag.id" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="工作流模板" prop="templateId">
+          <el-select v-model="form.templateId" filterable placeholder="请选择工作流模板" style="width: 100%;" @change="onTemplateChange">
+            <el-option v-for="tpl in templateList" :key="tpl.templateId" :label="tpl.templateName" :value="tpl.templateId" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="优先级" prop="priority">
+          <el-input-number v-model="form.priority" :min="0" :max="100" placeholder="0-100，越高优先级越高" style="width: 100%;" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="cancel">取 消</el-button>
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { listTagTemplateBind, addTagTemplateBind, updateTagTemplateBind, delTagTemplateBind } from '@/api/aiAddwxSop/api'
+import { listTemplate } from '@/api/aiAddwxSop/api'
+import { listTag } from '@/api/qw/tag'
+
+export default {
+  name: 'TagTemplateBind',
+  data() {
+    return {
+      showSearch: true,
+      loading: false,
+      total: 0,
+      bindList: [],
+      tagList: [],
+      templateList: [],
+      ids: [],
+      title: '',
+      open: false,
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        qwTagName: null,
+        templateName: null
+      },
+      form: {},
+      rules: {
+        qwTagId: [{ required: true, message: '请选择企微标签', trigger: 'change' }],
+        templateId: [{ required: true, message: '请选择工作流模板', trigger: 'change' }]
+      }
+    }
+  },
+  created() {
+    this.getList()
+    this.loadTagList()
+    this.loadTemplateList()
+  },
+  methods: {
+    getList() {
+      this.loading = true
+      listTagTemplateBind(this.queryParams).then(response => {
+        this.bindList = response.rows
+        this.total = response.total
+        this.loading = false
+      })
+    },
+    loadTagList() {
+      listTag({ pageNum: 1, pageSize: 9999 }).then(response => {
+        this.tagList = response.rows || []
+      })
+    },
+    loadTemplateList() {
+      listTemplate({ status: 1 }).then(response => {
+        this.templateList = response.rows || []
+      })
+    },
+    onTagChange(val) {
+      const tag = this.tagList.find(t => t.id === val)
+      // console.log(tag)
+      if (tag) {
+        this.form.qwTagName = tag.name
+      }
+
+    },
+    onTemplateChange(val) {
+      const tpl = this.templateList.find(t => t.templateId === val)
+      if (tpl) {
+        this.form.templateName = tpl.templateName
+      }
+    },
+    cancel() {
+      this.open = false
+      this.reset()
+    },
+    reset() {
+      this.form = {}
+      this.$refs.form && this.$refs.form.resetFields()
+    },
+    handleQuery() {
+      this.queryParams.pageNum = 1
+      this.getList()
+    },
+    resetQuery() {
+      this.resetForm('queryForm')
+      this.handleQuery()
+    },
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.bindId)
+    },
+    handleAdd() {
+      this.reset()
+      this.open = true
+      this.title = '新增标签模板绑定'
+    },
+    handleUpdate(row) {
+      this.reset()
+      this.form = { ...row }
+      this.open = true
+      this.title = '修改标签模板绑定'
+    },
+    handleDelete(row) {
+      this.$confirm('确认删除该绑定关系吗？', '警告', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        return delTagTemplateBind(row.bindId)
+      }).then(() => {
+        this.getList()
+        this.$message.success('删除成功')
+      })
+    },
+    submitForm() {
+      this.$refs.form.validate(valid => {
+        if (valid) {
+          if (this.form.bindId != null) {
+            updateTagTemplateBind(this.form).then(() => {
+              this.$message.success('修改成功')
+              this.open = false
+              this.getList()
+            })
+          } else {
+            addTagTemplateBind(this.form).then(() => {
+              this.$message.success('新增成功')
+              this.open = false
+              this.getList()
+            })
+          }
+        }
+      })
+    }
+  }
+}
+</script>

src/views/aiAddwxSop/template.vue

@@ -0,0 +1,490 @@
+<template>
+  <div class="app-container">
+    <!-- 搜索栏 -->
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="80px">
+      <el-form-item label="模板名称" prop="templateName">
+        <el-input v-model="queryParams.templateName" placeholder="请输入模板名称" clearable @keyup.enter.native="handleQuery" />
+      </el-form-item>
+      <el-form-item label="状态" prop="status">
+        <el-select v-model="queryParams.status" placeholder="模板状态" clearable>
+          <el-option v-for="dict in statusOptions" :key="dict.value" :label="dict.label" :value="dict.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <!-- 操作按钮 -->
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button type="primary" plain icon="el-icon-plus" @click="handleAdd">新增模板</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" />
+    </el-row>
+
+    <!-- 表格 -->
+    <el-table v-loading="loading" :data="templateList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="模板ID" align="center" prop="templateId" width="80" />
+      <el-table-column label="模板名称" align="center" prop="templateName" show-overflow-tooltip />
+      <el-table-column label="模板描述" align="center" prop="templateDesc" show-overflow-tooltip />
+      <el-table-column label="版本" align="center" prop="version" width="80" />
+      <el-table-column label="状态" align="center" prop="status" width="100">
+        <template slot-scope="scope">
+          <el-tag :type="scope.row.status === 1 ? 'success' : 'danger'">
+            {{ scope.row.status === 1 ? '启用' : '禁用' }}
+          </el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="创建时间" align="center" prop="createTime" width="180" />
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="280">
+        <template slot-scope="scope">
+          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleNodeDesign(scope.row)">节点设计</el-button>
+          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)">修改</el-button>
+          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
+
+    <!-- 新增/修改模板对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+        <el-form-item label="模板名称" prop="templateName">
+          <el-input v-model="form.templateName" placeholder="请输入模板名称" />
+        </el-form-item>
+        <el-form-item label="模板描述" prop="templateDesc">
+          <el-input v-model="form.templateDesc" type="textarea" placeholder="请输入模板描述" />
+        </el-form-item>
+        <el-form-item label="状态" prop="status">
+          <el-radio-group v-model="form.status">
+            <el-radio v-for="dict in statusOptions" :key="dict.value" :label="dict.value">{{ dict.label }}</el-radio>
+          </el-radio-group>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="cancel">取 消</el-button>
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 节点设计对话框 -->
+    <el-dialog :title="'节点设计 - ' + currentTemplate.templateName" :visible.sync="nodeDesignOpen" width="1100px" append-to-body @opened="loadTemplateNodes">
+      <div class="node-panel">
+        <el-button type="primary" size="small" icon="el-icon-plus" @click="handleAddNode">添加节点</el-button>
+        <el-table :data="templateNodes" style="margin-top: 10px;" row-key="nodeId">
+          <el-table-column label="节点ID" align="center" prop="nodeId" width="80" />
+          <el-table-column label="排序" align="center" prop="sortOrder" width="60" />
+          <el-table-column label="节点名称" align="center" prop="nodeName" />
+          <el-table-column label="节点类型" align="center" prop="nodeType" width="120">
+            <template slot-scope="scope">
+              <el-tag :type="getNodeTypeTag(scope.row.nodeType)">{{ getNodeTypeName(scope.row.nodeType) }}</el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column label="上一节点" align="center" width="140">
+            <template slot-scope="scope">
+              <span v-if="scope.row.prevNodeId">{{ getPrevNodeLabel(scope.row.prevNodeId) }}</span>
+              <span v-else>-</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" align="center" width="180">
+            <template slot-scope="scope">
+              <el-button size="mini" type="text" icon="el-icon-edit" @click="handleEditNode(scope.row)">编辑</el-button>
+              <el-button size="mini" type="text" icon="el-icon-s-order" @click="handleNodeRules(scope.row)">管理规则</el-button>
+              <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDeleteNode(scope.row)">删除</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+    </el-dialog>
+
+    <!-- 新增/编辑节点对话框 -->
+    <el-dialog :title="nodeFormTitle" :visible.sync="nodeFormOpen" width="550px" append-to-body>
+      <el-form ref="nodeForm" :model="nodeForm" label-width="100px" size="small">
+        <el-form-item label="节点名称" prop="nodeName">
+          <el-input v-model="nodeForm.nodeName" placeholder="请输入节点名称" />
+        </el-form-item>
+        <el-form-item label="节点类型" prop="nodeType">
+          <el-select v-model="nodeForm.nodeType" placeholder="请选择节点类型">
+            <el-option v-for="dict in nodeTypeOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="排序" prop="sortOrder">
+          <el-input-number v-model="nodeForm.sortOrder" :min="0" />
+        </el-form-item>
+        <el-form-item label="上一节点" prop="prevNodeId">
+          <el-select v-model="nodeForm.prevNodeId" placeholder="请选择上一节点" clearable>
+            <el-option v-for="node in templateNodes" :key="node.nodeId" :label="node.nodeName + ' (ID:' + node.nodeId + ')'" :value="node.nodeId" />
+          </el-select>
+        </el-form-item>
+        <!-- <el-form-item label="下一节点ID" prop="nextNodeId">
+          <el-input-number v-model="nodeForm.nextNodeId" :min="0" placeholder="可选" />
+        </el-form-item> -->
+        <el-form-item label="节点配置" prop="nodeConfig">
+          <el-input v-model="nodeForm.nodeConfig" type="textarea" :rows="4" placeholder="JSON格式配置" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="nodeFormOpen = false">取 消</el-button>
+        <el-button type="primary" @click="submitNodeForm">保存节点</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 节点规则管理对话框 -->
+    <el-dialog :title="'管理规则 - ' + currentRuleNode.nodeName" :visible.sync="ruleDialogOpen" width="800px" append-to-body @opened="loadNodeRules">
+      <div class="rule-actions mb8">
+        <el-button type="primary" size="small" icon="el-icon-plus" @click="handleAddRule">新增规则</el-button>
+      </div>
+      <el-table :data="nodeRules" border>
+        <el-table-column label="排序" align="center" prop="sortOrder" width="60" />
+        <el-table-column label="规则名称" align="center" prop="ruleName" />
+        <el-table-column label="间隔天数" align="center" prop="sendDay" width="80" />
+        <el-table-column label="间隔时间" align="center" prop="sendTime" width="100" />
+        <el-table-column label="操作" align="center" width="120">
+          <template slot-scope="scope">
+            <el-button size="mini" type="text" icon="el-icon-edit" @click="handleEditRule(scope.row)">编辑</el-button>
+            <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDeleteRule(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <!-- 规则编辑区域 -->
+      <div v-if="ruleFormVisible" class="rule-form-panel" style="margin-top: 20px; border: 1px solid #dcdfe6; border-radius: 4px; padding: 15px;">
+        <h4>{{ ruleFormTitle }}</h4>
+        <el-form ref="ruleForm" :model="ruleForm" label-width="100px" size="small">
+          <el-form-item label="规则名称" prop="ruleName">
+            <el-input v-model="ruleForm.ruleName" placeholder="规则名称，仅内部可见" />
+          </el-form-item>
+          <el-form-item label="间隔时间" prop="sendTime">
+            <el-time-picker
+              v-model="ruleForm.sendTime"
+              value-format="HH:mm"
+              format="HH:mm"
+              :picker-options="{ selectableRange: ['00:00:00 - 23:59:59'] }"
+              placeholder="选择时间"
+              style="width: 160px;">
+            </el-time-picker>
+          </el-form-item>
+          <el-form-item label="间隔天数" prop="sendDay">
+            <el-input-number v-model="ruleForm.sendDay" :min="0" placeholder="第几天" />
+          </el-form-item>
+          <!-- <el-form-item label="内容类别" prop="contentType">
+            <el-input v-model="ruleForm.contentType" placeholder="请输入内容类别" />
+          </el-form-item> -->
+          <el-form-item label="发送提示词" prop="prompt">
+            <el-input v-model="ruleForm.prompt" type="textarea" :rows="3" placeholder="发送提示词" />
+          </el-form-item>
+          <el-form-item label="条件" prop="rule">
+            <el-select v-model="ruleForm.rule" placeholder="请选择条件" style="width: 30%;">
+              <el-option label="已回复消息" value="replied" />
+              <el-option label="未回复消息" value="unreplied" />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="排序" prop="sortOrder">
+            <el-input-number v-model="ruleForm.sortOrder" :min="0" />
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" @click="submitRuleForm">保存规则</el-button>
+            <el-button @click="ruleFormVisible = false">取消</el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { listTemplate, getTemplate, addTemplate, updateTemplate, delTemplate } from '../../api/aiAddwxSop/api'
+import { listTemplateNode, addTemplateNode, updateTemplateNode, delTemplateNode } from '../../api/aiAddwxSop/api'
+import { listTemplateNodeRule, addTemplateNodeRule, updateTemplateNodeRule, delTemplateNodeRule } from '../../api/aiAddwxSop/api'
+
+export default {
+  name: 'AiAddwxSopTemplate',
+  data() {
+    return {
+      loading: true,
+      showSearch: true,
+      total: 0,
+      templateList: [],
+      templateNodes: [],
+      ids: [],
+      title: '',
+      open: false,
+      nodeDesignOpen: false,
+      nodeFormOpen: false,
+      currentTemplate: {},
+      ruleDialogOpen: false,
+      currentRuleNode: {},
+      nodeTypeOptions: [],
+      nodeRules: [],
+      ruleForm: {},
+      ruleFormVisible: false,
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        templateName: null,
+        status: null
+      },
+      form: {},
+      nodeForm: {},
+      rules: {
+        templateName: [{ required: true, message: '模板名称不能为空', trigger: 'blur' }]
+      },
+      statusOptions: [
+        { label: '启用', value: 1 },
+        { label: '禁用', value: 0 }
+      ]
+    }
+  },
+  computed: {
+    nodeFormTitle() {
+      return this.nodeForm.nodeId ? '编辑节点' : '新增节点'
+    },
+    ruleFormTitle() {
+      return this.ruleForm.ruleId ? '编辑规则' : '新增规则'
+    }
+  },
+  created() {
+    this.getDicts('ai_add_wechat_sop_node').then(response => {
+      this.nodeTypeOptions = response.data
+    })
+    this.getList()
+  },
+  methods: {
+    getList() {
+      this.loading = true
+      listTemplate(this.queryParams).then(response => {
+        this.templateList = response.rows
+        this.total = response.total
+        this.loading = false
+      })
+    },
+    handleQuery() {
+      this.queryParams.pageNum = 1
+      this.getList()
+    },
+    resetQuery() {
+      this.resetForm('queryForm')
+      this.handleQuery()
+    },
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.templateId)
+    },
+    cancel() {
+      this.open = false
+      this.reset()
+    },
+    reset() {
+      this.form = {}
+      this.resetForm('form')
+    },
+    handleAdd() {
+      this.reset()
+      this.open = true
+      this.title = '新增模板'
+      this.form.status = 1
+    },
+    handleUpdate(row) {
+      this.reset()
+      this.open = true
+      this.title = '修改模板'
+      this.form = { ...row }
+    },
+    handleDelete(row) {
+      const templateIds = row.templateId
+      this.$confirm('确认删除模板"' + row.templateName + '"吗？', '警告', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        return delTemplate(templateIds)
+      }).then(() => {
+        this.getList()
+        this.msgSuccess('删除成功')
+      })
+    },
+    submitForm() {
+      this.$refs['form'].validate(valid => {
+        if (valid) {
+          if (this.form.templateId != null) {
+            updateTemplate(this.form).then(() => {
+              this.msgSuccess('修改成功')
+              this.open = false
+              this.getList()
+            })
+          } else {
+            addTemplate(this.form).then(() => {
+              this.msgSuccess('新增成功')
+              this.open = false
+              this.getList()
+            })
+          }
+        }
+      })
+    },
+    // 节点设计
+    handleNodeDesign(row) {
+      this.currentTemplate = row
+      this.nodeDesignOpen = true
+      this.nodeForm = {}
+      this.nodeForm.templateId = row.templateId
+    },
+    loadTemplateNodes() {
+      listTemplateNode(this.currentTemplate.templateId).then(response => {
+        this.templateNodes = response.data || []
+      })
+    },
+    getNodeTypeName(type) {
+      const dict = this.nodeTypeOptions.find(d => d.dictValue === type)
+      return dict ? dict.dictLabel : type
+    },
+    getNodeTypeTag(type) {
+      const map = {
+        'receive': 'success',
+        'medication': 'warning',
+        'effect_feedback': 'info',
+        'transfer_ai': 'danger'
+      }
+      return map[type] || ''
+    },
+    getPrevNodeLabel(prevNodeId) {
+      const node = this.templateNodes.find(n => n.nodeId === prevNodeId)
+      return node ? node.nodeName + ' (ID:' + node.nodeId + ')' : 'ID:' + prevNodeId
+    },
+    handleAddNode() {
+      this.nodeForm = {
+        templateId: this.currentTemplate.templateId,
+        sortOrder: this.templateNodes.length + 1
+      }
+      this.nodeFormOpen = true
+    },
+    handleEditNode(row) {
+      this.nodeForm = { ...row, templateId: this.currentTemplate.templateId }
+      this.nodeFormOpen = true
+    },
+    handleDeleteNode(row) {
+      this.$confirm('确认删除节点"' + row.nodeName + '"吗？', '警告', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        return delTemplateNode(row.nodeId)
+      }).then(() => {
+        this.loadTemplateNodes()
+        this.msgSuccess('删除成功')
+      })
+    },
+    submitNodeForm() {
+      if (this.nodeForm.nodeId) {
+        updateTemplateNode(this.nodeForm).then(() => {
+          this.msgSuccess('修改成功')
+          this.loadTemplateNodes()
+          this.nodeForm = {}
+          this.nodeFormOpen = false
+        })
+      } else {
+        const templateName = (this.currentTemplate.templateName || 'node').replace(/\s+/g, '_')
+        const nodeType = this.nodeForm.nodeType || 'unknown'
+        const timestamp = Date.now()
+        this.nodeForm.nodeKey = templateName + '_' + nodeType + '_' + timestamp
+        addTemplateNode(this.nodeForm).then(() => {
+          this.msgSuccess('新增成功')
+          this.loadTemplateNodes()
+          this.nodeForm = {}
+          this.nodeFormOpen = false
+        })
+      }
+    },
+    // 节点规则管理
+    handleNodeRules(row) {
+      this.currentRuleNode = row
+      this.ruleDialogOpen = true
+      this.ruleForm = {}
+      this.ruleFormVisible = false
+    },
+    loadNodeRules() {
+      listTemplateNodeRule(this.currentRuleNode.nodeId).then(response => {
+        this.nodeRules = response.data || []
+      })
+    },
+    getMsgTypeName(type) {
+      const map = { 1: '普通', 2: '课程', 4: 'AI触达', 5: '打标签', 20: '直播间' }
+      return map[type] || type
+    },
+    getMsgTypeTag(type) {
+      const map = { 1: '', 2: 'success', 4: 'warning', 5: 'danger', 20: 'info' }
+      return map[type] || ''
+    },
+    handleAddRule() {
+      this.ruleForm = {
+        nodeId: this.currentRuleNode.nodeId,
+        msgType: 1,
+        sortOrder: this.nodeRules.length + 1
+      }
+      this.ruleFormVisible = true
+    },
+    handleEditRule(row) {
+      this.ruleForm = { ...row }
+      if (row.contentJson) {
+        try {
+          const parsed = JSON.parse(row.contentJson)
+          this.ruleForm.prompt = parsed.prompt || ''
+          this.ruleForm.rule = parsed.rule || ''
+        } catch (e) {
+          this.ruleForm.prompt = ''
+          this.ruleForm.rule = ''
+        }
+      }
+      this.ruleFormVisible = true
+    },
+    handleDeleteRule(row) {
+      this.$confirm('确认删除规则"' + row.ruleName + '"吗？', '警告', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        return delTemplateNodeRule(row.ruleId)
+      }).then(() => {
+        this.loadNodeRules()
+        this.msgSuccess('删除成功')
+      })
+    },
+    submitRuleForm() {
+      this.ruleForm.contentJson = JSON.stringify({
+        prompt: this.ruleForm.prompt || '',
+        rule: this.ruleForm.rule || ''
+      })
+      if (this.ruleForm.ruleId) {
+        updateTemplateNodeRule(this.ruleForm).then(() => {
+          this.msgSuccess('修改成功')
+          this.loadNodeRules()
+          this.ruleForm = {}
+          this.ruleFormVisible = false
+        })
+      } else {
+        addTemplateNodeRule(this.ruleForm).then(() => {
+          this.msgSuccess('新增成功')
+          this.loadNodeRules()
+          this.ruleForm = {}
+          this.ruleFormVisible = false
+        })
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.node-panel {
+  border: 1px solid #dcdfe6;
+  border-radius: 4px;
+  padding: 15px;
+  min-height: 300px;
+}
+.node-panel h4 {
+  margin: 0 0 10px 0;
+}
+</style>

src/views/aiAddwxSop/userSopDetail.vue

@@ -0,0 +1,254 @@
+<template>
+  <div class="app-container">
+    <!-- 搜索栏 -->
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="80px">
+      <el-form-item label="模板ID" prop="templateId">
+        <el-input v-model="queryParams.templateId" placeholder="请输入模板ID" clearable @keyup.enter.native="handleQuery" />
+      </el-form-item>
+      <el-form-item label="状态" prop="status">
+        <el-select v-model="queryParams.status" placeholder="工作流状态" clearable>
+          <el-option v-for="dict in workflowStatusOptions" :key="dict.value" :label="dict.label" :value="dict.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" />
+    </el-row>
+
+    <!-- 表格 -->
+    <el-table v-loading="loading" :data="workflowList">
+      <el-table-column label="工作流ID" align="center" prop="userWorkflowId" width="100" />
+      <el-table-column label="模板ID" align="center" prop="templateId" width="80" />
+      <el-table-column label="企业用户ID" align="center" prop="companyUserId" width="100" />
+      <el-table-column label="当前节点类型" align="center" prop="currentNodeType" width="120">
+        <template slot-scope="scope">
+          <el-tag v-if="scope.row.currentNodeType" :type="getNodeTypeTag(scope.row.currentNodeType)">{{ getNodeTypeName(scope.row.currentNodeType) }}</el-tag>
+          <span v-else>-</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="状态" align="center" prop="status" width="100">
+        <template slot-scope="scope">
+          <el-tag :type="getWorkflowStatusTag(scope.row.status)">{{ getWorkflowStatusName(scope.row.status) }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="开始时间" align="center" prop="startTime" width="180" />
+      <el-table-column label="结束时间" align="center" prop="endTime" width="180" />
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="120">
+        <template slot-scope="scope">
+          <el-button size="mini" type="text" icon="el-icon-view" @click="handleDetail(scope.row)">查看详情</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
+
+    <!-- 用户SOP详情对话框 -->
+    <el-dialog :title="'用户SOP详情 - 工作流' + currentWorkflow.userWorkflowId" :visible.sync="detailOpen" width="1100px" append-to-body @opened="loadUserNodes">
+      <div class="workflow-info">
+        <el-descriptions :column="2" border size="small">
+          <el-descriptions-item label="工作流ID">{{ currentWorkflow.userWorkflowId }}</el-descriptions-item>
+          <el-descriptions-item label="模板ID">{{ currentWorkflow.templateId }}</el-descriptions-item>
+          <el-descriptions-item label="企业用户ID">{{ currentWorkflow.companyUserId }}</el-descriptions-item>
+          <el-descriptions-item label="当前节点类型">{{ getNodeTypeName(currentWorkflow.currentNodeType) || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="状态">
+            <el-tag :type="getWorkflowStatusTag(currentWorkflow.status)">{{ getWorkflowStatusName(currentWorkflow.status) }}</el-tag>
+          </el-descriptions-item>
+          <el-descriptions-item label="开始时间">{{ currentWorkflow.startTime }}</el-descriptions-item>
+          <el-descriptions-item label="结束时间">{{ currentWorkflow.endTime || '-' }}</el-descriptions-item>
+        </el-descriptions>
+      </div>
+
+      <div class="node-panel" style="margin-top: 15px;">
+        <h4 style="margin: 0 0 10px 0;">节点列表</h4>
+        <el-table :data="userNodes" border row-key="userNodeId">
+          <el-table-column label="节点ID" align="center" prop="userNodeId" width="80" />
+          <el-table-column label="排序" align="center" prop="sortOrder" width="60" />
+          <el-table-column label="节点名称" align="center" prop="nodeName" />
+          <el-table-column label="节点类型" align="center" prop="nodeType" width="120">
+            <template slot-scope="scope">
+              <el-tag :type="getNodeTypeTag(scope.row.nodeType)">{{ getNodeTypeName(scope.row.nodeType) }}</el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column label="上一节点" align="center" width="140">
+            <template slot-scope="scope">
+              <span v-if="scope.row.prevNodeId">{{ getPrevNodeLabel(scope.row.prevNodeId) }}</span>
+              <span v-else>-</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="有效回复" align="center" prop="isValidReply" width="90">
+            <template slot-scope="scope">
+              <el-tag :type="scope.row.isValidReply === 1 ? 'success' : 'info'">{{ scope.row.isValidReply === 1 ? '是' : '否' }}</el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column label="节点状态" align="center" prop="status" width="120">
+            <template slot-scope="scope">
+              <el-tag :type="getNodeStatusTag(scope.row.status)">{{ getNodeStatusName(scope.row.status) }}</el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column label="开始时间" align="center" prop="startTime" width="160" />
+          <el-table-column label="结束时间" align="center" prop="endTime" width="160" />
+          <el-table-column label="操作" align="center" width="100">
+            <template slot-scope="scope">
+              <el-button size="mini" type="text" icon="el-icon-edit" @click="handleEditNodeStatus(scope.row)">修改状态</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+    </el-dialog>
+
+    <!-- 修改节点状态对话框 -->
+    <el-dialog :title="'修改节点状态 - ' + currentNode.nodeName" :visible.sync="statusDialogOpen" width="450px" append-to-body>
+      <el-form ref="statusForm" :model="statusForm" label-width="100px" size="small">
+        <el-form-item label="节点状态" prop="status">
+          <el-select v-model="statusForm.status" placeholder="请选择节点状态">
+            <el-option v-for="dict in nodeStatusOptions" :key="dict.value" :label="dict.label" :value="dict.value" />
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="statusDialogOpen = false">取 消</el-button>
+        <el-button type="primary" @click="submitNodeStatus">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { listUserWorkflow } from '@/api/aiAddwxSop/api'
+import { listUserNode, updateUserNode, updateNodeStatus } from '@/api/aiAddwxSop/api'
+
+export default {
+  name: 'AiAddwxSopUserSopDetail',
+  data() {
+    return {
+      loading: true,
+      showSearch: true,
+      total: 0,
+      workflowList: [],
+      userNodes: [],
+      currentWorkflow: {},
+      currentNode: {},
+      detailOpen: false,
+      statusDialogOpen: false,
+      nodeTypeOptions: [],
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        templateId: null,
+        status: null
+      },
+      statusForm: {},
+      workflowStatusOptions: [
+        { label: '未开始', value: 0 },
+        { label: '进行中', value: 1 },
+        { label: '已完成', value: 2 },
+        { label: '已终止', value: 3 }
+      ],
+      nodeStatusOptions: [
+        { label: '待执行', value: 0 },
+        { label: '执行中', value: 1 },
+        { label: '已完成', value: 2 },
+        { label: '已跳过', value: 3 },
+        { label: '执行失败', value: 4 }
+      ]
+    }
+  },
+  created() {
+    this.getDicts('ai_add_wechat_sop_node').then(response => {
+      this.nodeTypeOptions = response.data
+    })
+    this.getList()
+  },
+  methods: {
+    getList() {
+      this.loading = true
+      listUserWorkflow(this.queryParams).then(response => {
+        this.workflowList = response.rows
+        this.total = response.total
+        this.loading = false
+      })
+    },
+    handleQuery() {
+      this.queryParams.pageNum = 1
+      this.getList()
+    },
+    resetQuery() {
+      this.resetForm('queryForm')
+      this.handleQuery()
+    },
+    getWorkflowStatusName(status) {
+      const dict = this.workflowStatusOptions.find(d => d.value === status)
+      return dict ? dict.label : status
+    },
+    getWorkflowStatusTag(status) {
+      const map = { 0: 'info', 1: 'warning', 2: 'success', 3: 'danger' }
+      return map[status] || ''
+    },
+    getNodeStatusName(status) {
+      const dict = this.nodeStatusOptions.find(d => d.value === status)
+      return dict ? dict.label : status
+    },
+    getNodeStatusTag(status) {
+      const map = { 0: 'info', 1: 'warning', 2: 'success', 3: '', 4: 'danger' }
+      return map[status] || ''
+    },
+    getNodeTypeName(type) {
+      const dict = this.nodeTypeOptions.find(d => d.dictValue === type)
+      return dict ? dict.dictLabel : type
+    },
+    getNodeTypeTag(type) {
+      const map = {
+        'receive': 'success',
+        'medication': 'warning',
+        'effect_feedback': 'info',
+        'transfer_ai': 'danger'
+      }
+      return map[type] || ''
+    },
+    getPrevNodeLabel(prevNodeId) {
+      const node = this.userNodes.find(n => n.userNodeId === prevNodeId)
+      return node ? node.nodeName + ' (ID:' + node.userNodeId + ')' : 'ID:' + prevNodeId
+    },
+    handleDetail(row) {
+      this.currentWorkflow = row
+      this.detailOpen = true
+    },
+    loadUserNodes() {
+      listUserNode(this.currentWorkflow.userWorkflowId).then(response => {
+        this.userNodes = response.data || []
+      })
+    },
+    handleEditNodeStatus(row) {
+      this.currentNode = row
+      this.statusForm = { userNodeId: row.userNodeId, status: row.status }
+      this.statusDialogOpen = true
+    },
+    submitNodeStatus() {
+      updateNodeStatus(this.statusForm.userNodeId, this.statusForm.status).then(() => {
+        this.msgSuccess('状态修改成功')
+        this.statusDialogOpen = false
+        this.loadUserNodes()
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.workflow-info {
+  border: 1px solid #dcdfe6;
+  border-radius: 4px;
+  padding: 15px;
+}
+.node-panel {
+  border: 1px solid #dcdfe6;
+  border-radius: 4px;
+  padding: 15px;
+  min-height: 200px;
+}
+</style>

src/views/aiAddwxSop/userWorkflow.vue

@@ -0,0 +1,408 @@
+<template>
+  <div class="app-container">
+    <!-- 搜索栏 -->
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="80px">
+      <el-form-item label="状态" prop="status">
+        <el-select v-model="queryParams.status" placeholder="工作流状态" clearable>
+          <el-option v-for="dict in workflowStatusOptions" :key="dict.value" :label="dict.label" :value="dict.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <!-- 操作按钮 -->
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button type="primary" plain icon="el-icon-plus" @click="handleCreateDialog">从模板创建</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" />
+    </el-row>
+
+    <!-- 表格 -->
+    <el-table v-loading="loading" :data="workflowList">
+      <el-table-column label="工作流ID" align="center" prop="userWorkflowId" width="100" />
+      <el-table-column label="模板ID" align="center" prop="templateId" width="80" />
+      <!-- <el-table-column label="业务ID" align="center" prop="businessKey" width="80" /> -->
+      <el-table-column label="当前节点" align="center" prop="currentNodeKey" show-overflow-tooltip />
+      <el-table-column label="状态" align="center" prop="status" width="100">
+        <template slot-scope="scope">
+          <el-tag :type="getStatusTag(scope.row.status)">{{ getStatusName(scope.row.status) }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="开始时间" align="center" prop="startTime" width="180" />
+      <el-table-column label="结束时间" align="center" prop="endTime" width="180" />
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="280">
+        <template slot-scope="scope">
+          <el-button size="mini" type="text" icon="el-icon-view" @click="handleDetail(scope.row)">详情</el-button>
+          <el-button size="mini" type="text" icon="el-icon-s-promotion" @click="handleAdvance(scope.row)" :disabled="scope.row.status !== 1">推进</el-button>
+          <el-button size="mini" type="text" icon="el-icon-document" @click="handleViewLog(scope.row)">日志</el-button>
+          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
+
+    <!-- 从模板创建对话框 -->
+    <el-dialog title="从模板创建工作流" :visible.sync="createDialogOpen" width="500px" append-to-body>
+      <el-form ref="createForm" :model="createForm" label-width="100px">
+        <el-form-item label="选择模板" prop="templateId">
+          <el-select v-model="createForm.templateId" placeholder="请选择模板" style="width: 100%">
+            <el-option v-for="t in templateOptions" :key="t.templateId" :label="t.templateName" :value="t.templateId" />
+          </el-select>
+        </el-form-item>
+        <!-- <el-form-item label="业务ID" prop="businessKey">
+          <el-input v-model="createForm.businessKey" placeholder="请输入关联业务ID" />
+        </el-form-item> -->
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="createDialogOpen = false">取 消</el-button>
+        <el-button type="primary" @click="submitCreate">确 定</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 工作流详情对话框 -->
+    <el-dialog :title="'工作流详情 - ' + detailWorkflow.userWorkflowId" :visible.sync="detailOpen" width="900px" append-to-body>
+      <div class="workflow-detail">
+        <el-descriptions :column="2" border>
+          <el-descriptions-item label="工作流ID">{{ detailWorkflow.userWorkflowId }}</el-descriptions-item>
+          <el-descriptions-item label="模板ID">{{ detailWorkflow.templateId }}</el-descriptions-item>
+          <!-- <el-descriptions-item label="业务ID">{{ detailWorkflow.businessKey }}</el-descriptions-item> -->
+          <el-descriptions-item label="状态">
+            <el-tag :type="getStatusTag(detailWorkflow.status)">{{ getStatusName(detailWorkflow.status) }}</el-tag>
+          </el-descriptions-item>
+          <el-descriptions-item label="当前节点">{{ detailWorkflow.currentNodeKey }}</el-descriptions-item>
+          <el-descriptions-item label="开始时间">{{ detailWorkflow.startTime }}</el-descriptions-item>
+        </el-descriptions>
+
+        <h4 style="margin-top: 20px;">节点流程</h4>
+        <div class="node-flow">
+          <div v-for="(node, index) in detailNodes" :key="node.userNodeId" class="flow-item">
+            <div class="flow-node" :class="getNodeStatusClass(node)">
+              <div class="node-header">
+                <el-tag :type="getNodeTypeTag(node.nodeType)" size="mini">{{ getNodeTypeName(node.nodeType) }}</el-tag>
+                <span class="node-name">{{ node.nodeName }}</span>
+                <el-tag :type="getNodeStatusTag(node.status)" size="mini">{{ getNodeStatusName(node.status) }}</el-tag>
+              </div>
+              <div class="node-body">
+                <div v-if="node.prompt" class="node-field">
+                  <label>提示词：</label>
+                  <span>{{ node.prompt }}</span>
+                </div>
+                <div v-if="node.nextCondition" class="node-field">
+                  <label>进入下一节点条件：</label>
+                  <span>{{ node.nextCondition }}</span>
+                </div>
+                <div class="node-field">
+                  <label>上一节点ID：</label>
+                  <span>{{ node.prevNodeId || '无' }}</span>
+                </div>
+                <div class="node-field">
+                  <label>下一节点ID：</label>
+                  <span>{{ node.nextNodeId || '无' }}</span>
+                </div>
+                <div v-if="node.childNodes" class="node-field">
+                  <label>子节点：</label>
+                  <span>{{ node.childNodes }}</span>
+                </div>
+              </div>
+              <div class="node-actions">
+                <el-button size="mini" type="primary" @click="handleEditNode(node)">编辑</el-button>
+              </div>
+            </div>
+            <div v-if="index < detailNodes.length - 1" class="flow-arrow">
+              <i class="el-icon-bottom"></i>
+            </div>
+          </div>
+        </div>
+      </div>
+    </el-dialog>
+
+    <!-- 编辑节点对话框 -->
+    <el-dialog :title="'编辑节点 - ' + editNodeForm.nodeName" :visible.sync="editNodeOpen" width="600px" append-to-body>
+      <el-form ref="editNodeFormRef" :model="editNodeForm" label-width="140px">
+        <el-form-item label="节点名称">
+          <el-input v-model="editNodeForm.nodeName" />
+        </el-form-item>
+        <el-form-item label="提示词">
+          <el-input v-model="editNodeForm.prompt" type="textarea" :rows="4" placeholder="请输入提示词" />
+        </el-form-item>
+        <el-form-item label="进入下一节点条件">
+          <el-input v-model="editNodeForm.nextCondition" type="textarea" :rows="2" placeholder='JSON格式，如 {"type":"timeout","value":86400}' />
+        </el-form-item>
+        <el-form-item label="子节点">
+          <el-input v-model="editNodeForm.childNodes" placeholder='JSON数组，如 [101,102,103]' />
+        </el-form-item>
+        <el-form-item label="节点配置">
+          <el-input v-model="editNodeForm.nodeConfig" type="textarea" :rows="3" placeholder="JSON格式扩展配置" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="editNodeOpen = false">取 消</el-button>
+        <el-button type="primary" @click="submitEditNode">保 存</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 执行日志对话框 -->
+    <el-dialog title="执行日志" :visible.sync="logOpen" width="1000px" append-to-body>
+      <el-table :data="execLogs" v-loading="logLoading">
+        <el-table-column label="日志ID" align="center" prop="logId" width="80" />
+        <el-table-column label="节点名称" align="center" prop="nodeName" />
+        <el-table-column label="节点类型" align="center" prop="nodeType" width="120">
+          <template slot-scope="scope">
+            <el-tag :type="getNodeTypeTag(scope.row.nodeType)" size="mini">{{ getNodeTypeName(scope.row.nodeType) }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="状态" align="center" prop="status" width="100">
+          <template slot-scope="scope">
+            <el-tag :type="getExecStatusTag(scope.row.status)">{{ getExecStatusName(scope.row.status) }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="开始时间" align="center" prop="startTime" width="180" />
+        <el-table-column label="结束时间" align="center" prop="endTime" width="180" />
+        <el-table-column label="耗时(ms)" align="center" prop="duration" width="100" />
+        <el-table-column label="错误信息" align="center" prop="errorMessage" show-overflow-tooltip />
+      </el-table>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { listUserWorkflow, getUserWorkflow, createUserWorkflowFromTemplate, advanceWorkflow, delUserWorkflow } from '../../api/aiAddwxSop/api'
+import { listUserNode, updateUserNode } from '../../api/aiAddwxSop/api'
+import { listExecLogByWorkflow } from '../../api/aiAddwxSop/api'
+import { listTemplate } from '../../api/aiAddwxSop/api'
+
+export default {
+  name: 'AiAddwxSopUserWorkflow',
+  data() {
+    return {
+      loading: true,
+      showSearch: true,
+      total: 0,
+      workflowList: [],
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        status: null
+      },
+      // 创建对话框
+      createDialogOpen: false,
+      createForm: {},
+      templateOptions: [],
+      // 详情对话框
+      detailOpen: false,
+      detailWorkflow: {},
+      detailNodes: [],
+      // 编辑节点
+      editNodeOpen: false,
+      editNodeForm: {},
+      // 日志对话框
+      logOpen: false,
+      logLoading: false,
+      execLogs: [],
+      // 状态选项
+      workflowStatusOptions: [
+        { label: '未开始', value: 0 },
+        { label: '进行中', value: 1 },
+        { label: '已完成', value: 2 },
+        { label: '已终止', value: 3 }
+      ]
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    getList() {
+      this.loading = true
+      listUserWorkflow(this.queryParams).then(response => {
+        this.workflowList = response.rows
+        this.total = response.total
+        this.loading = false
+      })
+    },
+    handleQuery() {
+      this.queryParams.pageNum = 1
+      this.getList()
+    },
+    resetQuery() {
+      this.resetForm('queryForm')
+      this.handleQuery()
+    },
+    handleCreateDialog() {
+      this.createForm = {}
+      listTemplate({ status: 1 }).then(response => {
+        this.templateOptions = response.rows || []
+      })
+      this.createDialogOpen = true
+    },
+    submitCreate() {
+      createUserWorkflowFromTemplate(this.createForm.templateId, this.createForm.businessKey).then(() => {
+        this.msgSuccess('创建工作流成功')
+        this.createDialogOpen = false
+        this.getList()
+      })
+    },
+    handleDetail(row) {
+      getUserWorkflow(row.userWorkflowId).then(response => {
+        this.detailWorkflow = response.data
+        this.detailNodes = response.nodes || []
+        this.detailOpen = true
+      })
+    },
+    handleAdvance(row) {
+      this.$confirm('确认推进到下一节点吗？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        return advanceWorkflow(row.userWorkflowId, row.currentNodeId)
+      }).then(() => {
+        this.msgSuccess('推进成功')
+        this.getList()
+      })
+    },
+    handleDelete(row) {
+      this.$confirm('确认删除该工作流吗？', '警告', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        return delUserWorkflow(row.userWorkflowId)
+      }).then(() => {
+        this.getList()
+        this.msgSuccess('删除成功')
+      })
+    },
+    handleEditNode(node) {
+      this.editNodeForm = { ...node }
+      this.editNodeOpen = true
+    },
+    submitEditNode() {
+      updateUserNode(this.editNodeForm).then(() => {
+        this.msgSuccess('保存成功')
+        this.editNodeOpen = false
+        this.handleDetail({ userWorkflowId: this.editNodeForm.userWorkflowId })
+      })
+    },
+    handleViewLog(row) {
+      this.logOpen = true
+      this.logLoading = true
+      listExecLogByWorkflow(row.userWorkflowId).then(response => {
+        this.execLogs = response.data || []
+        this.logLoading = false
+      })
+    },
+    // 工具方法
+    getStatusName(status) {
+      const map = { 0: '未开始', 1: '进行中', 2: '已完成', 3: '已终止' }
+      return map[status] || '未知'
+    },
+    getStatusTag(status) {
+      const map = { 0: 'info', 1: 'warning', 2: 'success', 3: 'danger' }
+      return map[status] || ''
+    },
+    getNodeTypeName(type) {
+      const map = { 'receive': '收货节点', 'medication': '用药节点', 'effect_feedback': '效果反馈节点', 'transfer_ai': '转AI节点' }
+      return map[type] || type
+    },
+    getNodeTypeTag(type) {
+      const map = { 'receive': 'success', 'medication': 'warning', 'effect_feedback': 'info', 'transfer_ai': 'danger' }
+      return map[type] || ''
+    },
+    getNodeStatusName(status) {
+      const map = { 0: '待执行', 1: '执行中', 2: '已完成', 3: '已跳过', 4: '执行失败' }
+      return map[status] || '未知'
+    },
+    getNodeStatusTag(status) {
+      const map = { 0: 'info', 1: 'warning', 2: 'success', 3: '', 4: 'danger' }
+      return map[status] || ''
+    },
+    getNodeStatusClass(node) {
+      if (node.status === 1) return 'flow-node-active'
+      if (node.status === 2) return 'flow-node-done'
+      if (node.status === 4) return 'flow-node-error'
+      return ''
+    },
+    getExecStatusName(status) {
+      const map = { 0: '待执行', 1: '执行中', 2: '成功', 3: '失败', 4: '跳过' }
+      return map[status] || '未知'
+    },
+    getExecStatusTag(status) {
+      const map = { 0: 'info', 1: 'warning', 2: 'success', 3: 'danger', 4: '' }
+      return map[status] || ''
+    }
+  }
+}
+</script>
+
+<style scoped>
+.workflow-detail {
+  padding: 10px;
+}
+.node-flow {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 20px 0;
+}
+.flow-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+}
+.flow-node {
+  border: 2px solid #dcdfe6;
+  border-radius: 8px;
+  padding: 12px 16px;
+  width: 80%;
+  background: #fff;
+  transition: all 0.3s;
+}
+.flow-node-active {
+  border-color: #409eff;
+  background: #ecf5ff;
+}
+.flow-node-done {
+  border-color: #67c23a;
+  background: #f0f9eb;
+}
+.flow-node-error {
+  border-color: #f56c6c;
+  background: #fef0f0;
+}
+.node-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 8px;
+}
+.node-name {
+  font-weight: bold;
+  font-size: 14px;
+}
+.node-body {
+  font-size: 12px;
+  color: #606266;
+}
+.node-field {
+  margin: 4px 0;
+}
+.node-field label {
+  color: #909399;
+}
+.node-actions {
+  margin-top: 8px;
+  text-align: right;
+}
+.flow-arrow {
+  padding: 8px 0;
+  color: #c0c4cc;
+  font-size: 20px;
+}
+</style>