{"ast":null,"code":"import \"core-js/modules/es.array.find.js\";\nimport \"core-js/modules/es.array.push.js\";\nimport \"core-js/modules/es.function.name.js\";\nimport \"core-js/modules/es.iterator.constructor.js\";\nimport \"core-js/modules/es.iterator.find.js\";\nimport \"core-js/modules/es.object.to-string.js\";\nimport \"core-js/modules/es.string.starts-with.js\";\nexport default {\n  name: 'ProcessFlow',\n  data: function data() {\n    return {\n      processTypes: {\n        employee: {\n          title: '员工入职业务流程',\n          description: '本流程规范了新员工从招聘到入职的完整过程，确保人才招聘和入职流程的规范化和标准化。',\n          status: '正常运行',\n          statusType: 'success',\n          totalSteps: 7,\n          completedSteps: 4,\n          avgDuration: '15天'\n        },\n        sales: {\n          title: '销售订单业务流程',\n          description: '规范销售订单从创建到完成的全过程，包括报价、合同签订、订单处理等环节，提高销售效率和客户满意度。',\n          status: '正常运行',\n          statusType: 'success',\n          totalSteps: 6,\n          completedSteps: 3,\n          avgDuration: '3天'\n        },\n        shipping: {\n          title: '发货业务流程',\n          description: '管理产品从仓库出库到送达客户的完整过程，包括库存检查、包装、物流等环节，确保准确及时交付。',\n          status: '正常运行',\n          statusType: 'success',\n          totalSteps: 5,\n          completedSteps: 4,\n          avgDuration: '2天'\n        }\n      },\n      processNodes: {\n        employee: [{\n          id: 'start',\n          type: 'start',\n          label: '开始',\n          x: 400,\n          y: 50,\n          url: '/process/start'\n        }, {\n          id: 'interview',\n          type: 'condition',\n          label: '面试',\n          x: 400,\n          y: 150,\n          url: '/interview'\n        }, {\n          id: 'pass',\n          type: 'process',\n          label: '发录用通知书',\n          x: 600,\n          y: 150,\n          url: '/offer'\n        }, {\n          id: 'prepare',\n          type: 'process',\n          label: '准备入职材料',\n          x: 600,\n          y: 250,\n          url: '/prepare'\n        }, {\n          id: 'verify',\n          type: 'condition',\n          label: '材料核实',\n          x: 600,\n          y: 350,\n          url: '/verify'\n        }, {\n          id: 'onboard',\n          type: 'process',\n          label: '办理入职',\n          x: 600,\n          y: 450,\n          url: '/onboard'\n        }, {\n          id: 'reject',\n          type: 'process',\n          label: '发送拒绝通知',\n          x: 200,\n          y: 250,\n          url: '/reject'\n        }, {\n          id: 'archive',\n          type: 'process',\n          label: '归档简历',\n          x: 200,\n          y: 350,\n          url: '/archive'\n        }, {\n          id: 'end',\n          type: 'end',\n          label: '结束',\n          x: 400,\n          y: 550,\n          url: '/process/end'\n        }],\n        sales: [{\n          id: 'start',\n          type: 'start',\n          label: '开始',\n          x: 400,\n          y: 50,\n          url: '/sales/start'\n        }, {\n          id: 'inquiry',\n          type: 'process',\n          label: '客户询价',\n          x: 400,\n          y: 150,\n          url: '/sales/inquiry'\n        }, {\n          id: 'quote',\n          type: 'process',\n          label: '报价审核',\n          x: 400,\n          y: 250,\n          url: '/sales/quote'\n        }, {\n          id: 'negotiate',\n          type: 'condition',\n          label: '价格协商',\n          x: 400,\n          y: 350,\n          url: '/sales/negotiate'\n        }, {\n          id: 'reject',\n          type: 'process',\n          label: '结束谈判',\n          x: 200,\n          y: 450,\n          url: '/sales/reject'\n        }, {\n          id: 'contract',\n          type: 'process',\n          label: '合同签订',\n          x: 600,\n          y: 450,\n          url: '/sales/contract'\n        }, {\n          id: 'payment',\n          type: 'condition',\n          label: '付款确认',\n          x: 600,\n          y: 550,\n          url: '/sales/payment'\n        }, {\n          id: 'order',\n          type: 'process',\n          label: '生成订单',\n          x: 600,\n          y: 650,\n          url: '/sales/order'\n        }, {\n          id: 'end',\n          type: 'end',\n          label: '结束',\n          x: 400,\n          y: 750,\n          url: '/sales/end'\n        }],\n        shipping: [{\n          id: 'start',\n          type: 'start',\n          label: '开始',\n          x: 400,\n          y: 50,\n          url: '/shipping/start'\n        }, {\n          id: 'stock',\n          type: 'condition',\n          label: '库存确认',\n          x: 400,\n          y: 150,\n          url: '/shipping/stock'\n        }, {\n          id: 'purchase',\n          type: 'process',\n          label: '采购补货',\n          x: 200,\n          y: 250,\n          url: '/shipping/purchase'\n        }, {\n          id: 'prepare',\n          type: 'process',\n          label: '备货打包',\n          x: 600,\n          y: 250,\n          url: '/shipping/prepare'\n        }, {\n          id: 'quality',\n          type: 'condition',\n          label: '质检',\n          x: 600,\n          y: 350,\n          url: '/shipping/quality'\n        }, {\n          id: 'rework',\n          type: 'process',\n          label: '返工处理',\n          x: 400,\n          y: 350,\n          url: '/shipping/rework'\n        }, {\n          id: 'delivery',\n          type: 'process',\n          label: '发货配送',\n          x: 600,\n          y: 450,\n          url: '/shipping/delivery'\n        }, {\n          id: 'confirm',\n          type: 'condition',\n          label: '签收确认',\n          x: 600,\n          y: 550,\n          url: '/shipping/confirm'\n        }, {\n          id: 'end',\n          type: 'end',\n          label: '结束',\n          x: 400,\n          y: 650,\n          url: '/shipping/end'\n        }]\n      }\n    };\n  },\n  computed: {\n    currentProcess: function currentProcess() {\n      var processType = this.$route.params.type || 'employee';\n      return this.processTypes[processType];\n    },\n    nodes: function nodes() {\n      var processType = this.$route.params.type || 'employee';\n      return this.processNodes[processType];\n    },\n    currentType: function currentType() {\n      return this.$route.params.type || 'employee';\n    }\n  },\n  methods: {\n    handleNodeClick: function handleNodeClick(nodeId) {\n      var _this = this;\n      var node = this.nodes.find(function (n) {\n        return n.id === nodeId;\n      });\n      if (node && node.url) {\n        if (node.url.startsWith('http')) {\n          window.open(node.url, '_blank');\n        } else {\n          this.$router.push(node.url)[\"catch\"](function (err) {\n            if (err.name !== 'NavigationDuplicated') {\n              _this.$message({\n                type: 'info',\n                message: \"\\u6B63\\u5728\\u8DF3\\u8F6C\\u5230\".concat(node.label, \"\\u9875\\u9762...\")\n              });\n            }\n          });\n        }\n      }\n    },\n    nodeStyle: function nodeStyle(node) {\n      return {\n        left: node.x + 'px',\n        top: node.y + 'px'\n      };\n    }\n  }\n};","map":{"version":3,"names":["name","data","processTypes","employee","title","description","status","statusType","totalSteps","completedSteps","avgDuration","sales","shipping","processNodes","id","type","label","x","y","url","computed","currentProcess","processType","$route","params","nodes","currentType","methods","handleNodeClick","nodeId","_this","node","find","n","startsWith","window","open","$router","push","err","$message","message","concat","nodeStyle","left","top"],"sources":["src/views/EmployeeProcess.vue"],"sourcesContent":["<template>\n  <div class=\"process-container\">\n    <el-card class=\"process-intro\">\n      <div class=\"intro-header\">\n        <h2>{{ currentProcess.title }}</h2>\n        <el-tag size=\"medium\" :type=\"currentProcess.statusType\">{{ currentProcess.status }}</el-tag>\n      </div>\n      <div class=\"intro-content\">\n        <div class=\"intro-description\">\n          <p>{{ currentProcess.description }}</p>\n        </div>\n        <div class=\"intro-stats\">\n          <div class=\"stat-item\">\n            <div class=\"stat-value\">{{ currentProcess.totalSteps }}</div>\n            <div class=\"stat-label\">总步骤</div>\n          </div>\n          <div class=\"stat-item\">\n            <div class=\"stat-value\">{{ currentProcess.completedSteps }}</div>\n            <div class=\"stat-label\">已完成</div>\n          </div>\n          <div class=\"stat-item\">\n            <div class=\"stat-value\">{{ currentProcess.avgDuration }}</div>\n            <div class=\"stat-label\">平均耗时</div>\n          </div>\n        </div>\n      </div>\n    </el-card>\n\n    <div class=\"process-flow\">\n      <!-- 静态连接线 -->\n      <svg class=\"flow-lines\" width=\"100%\" height=\"100%\">\n        <!-- 定义箭头标记 -->\n        <defs>\n          <marker id=\"arrowhead\" markerWidth=\"10\" markerHeight=\"7\" refX=\"10\" refY=\"3.5\" orient=\"auto\">\n            <polygon points=\"0 0, 10 3.5, 0 7\" fill=\"#409EFF\" />\n          </marker>\n        </defs>\n        \n        <!-- 员工入职流程线条 -->\n        <template v-if=\"currentType === 'employee'\">\n          <path d=\"M400,80 L400,120\" class=\"flow-line\" marker-end=\"url(#arrowhead)\" />\n          <path d=\"M400,190 L600,190\" class=\"flow-line\" data-label=\"通过\" marker-end=\"url(#arrowhead)\" />\n          <path d=\"M400,190 L200,190 L200,250\" class=\"flow-line\" data-label=\"不通过\" marker-end=\"url(#arrowhead)\" />\n          <path d=\"M600,190 L600,250\" class=\"flow-line\" marker-end=\"url(#arrowhead)\" />\n          <path d=\"M600,250 L600,350\" class=\"flow-line\" marker-end=\"url(#arrowhead)\" />\n          <path d=\"M600,350 L600,450\" class=\"flow-line\" data-label=\"完整\" marker-end=\"url(#arrowhead)\" />\n          <path d=\"M600,350 L550,350 L550,300 L600,300\" class=\"flow-line\" data-label=\"需补充\" marker-end=\"url(#arrowhead)\" />\n          <path d=\"M200,250 L200,350\" class=\"flow-line\" marker-end=\"url(#arrowhead)\" />\n          <path d=\"M600,450 L400,450 L400,550\" class=\"flow-line\" marker-end=\"url(#arrowhead)\" />\n          <path d=\"M200,350 L400,350 L400,550\" class=\"flow-line\" marker-end=\"url(#arrowhead)\" />\n          \n          <!-- 添加文本标签 -->\n          <text x=\"500\" y=\"180\" class=\"flow-text\">通过</text>\n          <text x=\"300\" y=\"180\" class=\"flow-text\">不通过</text>\n          <text x=\"610\" y=\"400\" class=\"flow-text\">完整</text>\n          <text x=\"550\" y=\"290\" class=\"flow-text\">需补充</text>\n        </template>\n\n        <!-- 销售订单流程线条 -->\n        <template v-if=\"currentType === 'sales'\">\n          <path d=\"M400,80 L400,120\" class=\"flow-line\" marker-end=\"url(#arrowhead)\" />\n          <path d=\"M400,190 L400,250\" class=\"flow-line\" marker-end=\"url(#arrowhead)\" />\n          <path d=\"M400,310 L400,350\" class=\"flow-line\" marker-end=\"url(#arrowhead)\" />\n          <path d=\"M400,390 L200,390 L200,450\" class=\"flow-line\" data-label=\"不通过\" marker-end=\"url(#arrowhead)\" />\n          <path d=\"M400,390 L600,390 L600,450\" class=\"flow-line\" data-label=\"通过\" marker-end=\"url(#arrowhead)\" />\n          <path d=\"M600,450 L600,550\" class=\"flow-line\" marker-end=\"url(#arrowhead)\" />\n          <path d=\"M600,550 L600,650\" class=\"flow-line\" data-label=\"已付款\" marker-end=\"url(#arrowhead)\" />\n          <path d=\"M600,550 L400,550 L400,390\" class=\"flow-line\" data-label=\"未付款\" marker-end=\"url(#arrowhead)\" />\n          <path d=\"M600,650 L400,650 L400,750\" class=\"flow-line\" marker-end=\"url(#arrowhead)\" />\n          <path d=\"M200,450 L400,450 L400,750\" class=\"flow-line\" marker-end=\"url(#arrowhead)\" />\n          \n          <!-- 添加文本标签 -->\n          <text x=\"300\" y=\"380\" class=\"flow-text\">不通过</text>\n          <text x=\"500\" y=\"380\" class=\"flow-text\">通过</text>\n          <text x=\"610\" y=\"600\" class=\"flow-text\">已付款</text>\n          <text x=\"500\" y=\"530\" class=\"flow-text\">未付款</text>\n        </template>\n\n        <!-- 发货业务流程线条 -->\n        <template v-if=\"currentType === 'shipping'\">\n          <path d=\"M400,80 L400,120\" class=\"flow-line\" marker-end=\"url(#arrowhead)\" />\n          <path d=\"M400,190 L200,190 L200,250\" class=\"flow-line\" marker-end=\"url(#arrowhead)\" />\n          <path d=\"M400,190 L600,190 L600,250\" class=\"flow-line\" marker-end=\"url(#arrowhead)\" />\n          <path d=\"M200,250 L200,300 L400,300\" class=\"flow-line\" marker-end=\"url(#arrowhead)\" />\n          <path d=\"M600,250 L600,350\" class=\"flow-line\" marker-end=\"url(#arrowhead)\" />\n          <path d=\"M600,350 L400,350\" class=\"flow-line\" marker-end=\"url(#arrowhead)\" />\n          <path d=\"M600,350 L600,450\" class=\"flow-line\" marker-end=\"url(#arrowhead)\" />\n          <path d=\"M400,350 L400,300\" class=\"flow-line\" marker-end=\"url(#arrowhead)\" />\n          <path d=\"M600,450 L600,550\" class=\"flow-line\" marker-end=\"url(#arrowhead)\" />\n          <path d=\"M600,550 L600,650\" class=\"flow-line\" marker-end=\"url(#arrowhead)\" />\n          <path d=\"M600,550 L550,550 L550,480 L600,480\" class=\"flow-line\" marker-end=\"url(#arrowhead)\" />\n          <path d=\"M600,650 L400,650 L400,750\" class=\"flow-line\" marker-end=\"url(#arrowhead)\" />\n          \n          <!-- 添加文本标签 -->\n          <text x=\"290\" y=\"180\" class=\"flow-text\">不足</text>\n          <text x=\"510\" y=\"180\" class=\"flow-text\">充足</text>\n          <text x=\"490\" y=\"340\" class=\"flow-text\">不通过</text>\n          <text x=\"610\" y=\"400\" class=\"flow-text\">通过</text>\n          <text x=\"610\" y=\"600\" class=\"flow-text\">确认</text>\n          <text x=\"530\" y=\"540\" class=\"flow-text\">异常</text>\n          \n          <!-- 添加箭头曲线 -->\n          <g class=\"flow-arrow-group\">\n            <path d=\"M200,290 Q240,290 280,290\" class=\"flow-line\" marker-end=\"url(#arrowhead)\" stroke-dasharray=\"none\" />\n            <path d=\"M400,330 Q400,315 400,300\" class=\"flow-line\" marker-end=\"url(#arrowhead)\" stroke-dasharray=\"none\" />\n            <path d=\"M570,550 Q570,520 570,490\" class=\"flow-line\" marker-end=\"url(#arrowhead)\" stroke-dasharray=\"none\" />\n          </g>\n        </template>\n      </svg>\n\n      <!-- 节点 -->\n      <div \n        v-for=\"node in nodes\" \n        :key=\"node.id\" \n        :id=\"node.id\" \n        :class=\"['flow-node', node.type]\" \n        :style=\"nodeStyle(node)\"\n        @click=\"handleNodeClick(node.id)\"\n      >\n        <span class=\"node-label\">{{ node.label }}</span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'ProcessFlow',\n  data() {\n    return {\n      processTypes: {\n        employee: {\n          title: '员工入职业务流程',\n          description: '本流程规范了新员工从招聘到入职的完整过程，确保人才招聘和入职流程的规范化和标准化。',\n          status: '正常运行',\n          statusType: 'success',\n          totalSteps: 7,\n          completedSteps: 4,\n          avgDuration: '15天',\n        },\n        sales: {\n          title: '销售订单业务流程',\n          description: '规范销售订单从创建到完成的全过程，包括报价、合同签订、订单处理等环节，提高销售效率和客户满意度。',\n          status: '正常运行',\n          statusType: 'success',\n          totalSteps: 6,\n          completedSteps: 3,\n          avgDuration: '3天',\n        },\n        shipping: {\n          title: '发货业务流程',\n          description: '管理产品从仓库出库到送达客户的完整过程，包括库存检查、包装、物流等环节，确保准确及时交付。',\n          status: '正常运行',\n          statusType: 'success',\n          totalSteps: 5,\n          completedSteps: 4,\n          avgDuration: '2天',\n        }\n      },\n      processNodes: {\n        employee: [\n          { \n            id: 'start', \n            type: 'start', \n            label: '开始', \n            x: 400, \n            y: 50,\n            url: '/process/start'\n          },\n          { \n            id: 'interview', \n            type: 'condition', \n            label: '面试', \n            x: 400, \n            y: 150,\n            url: '/interview'\n          },\n          { \n            id: 'pass', \n            type: 'process', \n            label: '发录用通知书', \n            x: 600, \n            y: 150,\n            url: '/offer'\n          },\n          { \n            id: 'prepare', \n            type: 'process', \n            label: '准备入职材料', \n            x: 600, \n            y: 250,\n            url: '/prepare'\n          },\n          { \n            id: 'verify', \n            type: 'condition', \n            label: '材料核实', \n            x: 600, \n            y: 350,\n            url: '/verify'\n          },\n          { \n            id: 'onboard', \n            type: 'process', \n            label: '办理入职', \n            x: 600, \n            y: 450,\n            url: '/onboard'\n          },\n          { \n            id: 'reject', \n            type: 'process', \n            label: '发送拒绝通知', \n            x: 200, \n            y: 250,\n            url: '/reject'\n          },\n          { \n            id: 'archive', \n            type: 'process', \n            label: '归档简历', \n            x: 200, \n            y: 350,\n            url: '/archive'\n          },\n          { \n            id: 'end', \n            type: 'end', \n            label: '结束', \n            x: 400, \n            y: 550,\n            url: '/process/end'\n          }\n        ],\n        sales: [\n          {\n            id: 'start',\n            type: 'start',\n            label: '开始',\n            x: 400,\n            y: 50,\n            url: '/sales/start'\n          },\n          {\n            id: 'inquiry',\n            type: 'process',\n            label: '客户询价',\n            x: 400,\n            y: 150,\n            url: '/sales/inquiry'\n          },\n          {\n            id: 'quote',\n            type: 'process',\n            label: '报价审核',\n            x: 400,\n            y: 250,\n            url: '/sales/quote'\n          },\n          {\n            id: 'negotiate',\n            type: 'condition',\n            label: '价格协商',\n            x: 400,\n            y: 350,\n            url: '/sales/negotiate'\n          },\n          {\n            id: 'reject',\n            type: 'process',\n            label: '结束谈判',\n            x: 200,\n            y: 450,\n            url: '/sales/reject'\n          },\n          {\n            id: 'contract',\n            type: 'process',\n            label: '合同签订',\n            x: 600,\n            y: 450,\n            url: '/sales/contract'\n          },\n          {\n            id: 'payment',\n            type: 'condition',\n            label: '付款确认',\n            x: 600,\n            y: 550,\n            url: '/sales/payment'\n          },\n          {\n            id: 'order',\n            type: 'process',\n            label: '生成订单',\n            x: 600,\n            y: 650,\n            url: '/sales/order'\n          },\n          {\n            id: 'end',\n            type: 'end',\n            label: '结束',\n            x: 400,\n            y: 750,\n            url: '/sales/end'\n          }\n        ],\n        shipping: [\n          {\n            id: 'start',\n            type: 'start',\n            label: '开始',\n            x: 400,\n            y: 50,\n            url: '/shipping/start'\n          },\n          {\n            id: 'stock',\n            type: 'condition',\n            label: '库存确认',\n            x: 400,\n            y: 150,\n            url: '/shipping/stock'\n          },\n          {\n            id: 'purchase',\n            type: 'process',\n            label: '采购补货',\n            x: 200,\n            y: 250,\n            url: '/shipping/purchase'\n          },\n          {\n            id: 'prepare',\n            type: 'process',\n            label: '备货打包',\n            x: 600,\n            y: 250,\n            url: '/shipping/prepare'\n          },\n          {\n            id: 'quality',\n            type: 'condition',\n            label: '质检',\n            x: 600,\n            y: 350,\n            url: '/shipping/quality'\n          },\n          {\n            id: 'rework',\n            type: 'process',\n            label: '返工处理',\n            x: 400,\n            y: 350,\n            url: '/shipping/rework'\n          },\n          {\n            id: 'delivery',\n            type: 'process',\n            label: '发货配送',\n            x: 600,\n            y: 450,\n            url: '/shipping/delivery'\n          },\n          {\n            id: 'confirm',\n            type: 'condition',\n            label: '签收确认',\n            x: 600,\n            y: 550,\n            url: '/shipping/confirm'\n          },\n          {\n            id: 'end',\n            type: 'end',\n            label: '结束',\n            x: 400,\n            y: 650,\n            url: '/shipping/end'\n          }\n        ]\n      }\n    }\n  },\n  computed: {\n    currentProcess() {\n      const processType = this.$route.params.type || 'employee'\n      return this.processTypes[processType]\n    },\n    nodes() {\n      const processType = this.$route.params.type || 'employee'\n      return this.processNodes[processType]\n    },\n    currentType() {\n      return this.$route.params.type || 'employee'\n    }\n  },\n  methods: {\n    handleNodeClick(nodeId) {\n      const node = this.nodes.find(n => n.id === nodeId)\n      if (node && node.url) {\n        if (node.url.startsWith('http')) {\n          window.open(node.url, '_blank')\n        } else {\n          this.$router.push(node.url).catch(err => {\n            if (err.name !== 'NavigationDuplicated') {\n              this.$message({\n                type: 'info',\n                message: `正在跳转到${node.label}页面...`\n              })\n            }\n          })\n        }\n      }\n    },\n    nodeStyle(node) {\n      return {\n        left: node.x + 'px',\n        top: node.y + 'px'\n      }\n    }\n  }\n}\n</script>\n\n<style scoped>\n.process-container {\n  padding: 20px;\n  background: #f8f9fa;\n  min-height: 100vh;\n}\n\n.process-intro {\n  margin-bottom: 30px;\n  border-radius: 12px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n  border: none;\n}\n\n.intro-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 20px;\n  padding-bottom: 15px;\n  border-bottom: 1px solid #ebeef5;\n}\n\n.intro-header h2 {\n  margin: 0;\n  font-size: 22px;\n  color: #2c3e50;\n  font-weight: 600;\n}\n\n.intro-content {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.intro-description {\n  flex: 1;\n  padding-right: 40px;\n}\n\n.intro-description p {\n  margin: 0;\n  color: #5c6b77;\n  line-height: 1.8;\n  font-size: 15px;\n}\n\n.intro-stats {\n  display: flex;\n  gap: 40px;\n  padding: 20px;\n  background: #f8fafc;\n  border-radius: 8px;\n}\n\n.stat-item {\n  text-align: center;\n  padding: 0 20px;\n  position: relative;\n}\n\n.stat-item:not(:last-child)::after {\n  content: '';\n  position: absolute;\n  right: -20px;\n  top: 50%;\n  transform: translateY(-50%);\n  height: 70%;\n  width: 1px;\n  background: #e0e6ed;\n}\n\n.stat-value {\n  font-size: 28px;\n  font-weight: 600;\n  color: #409EFF;\n  margin-bottom: 8px;\n  line-height: 1;\n}\n\n.stat-label {\n  font-size: 14px;\n  color: #8492a6;\n}\n\n.process-flow {\n  margin: 40px 0;\n  padding: 40px;\n  position: relative;\n  height: 800px;\n  min-width: 800px;\n  overflow: visible;\n}\n\n.flow-lines {\n  position: absolute;\n  top: 0;\n  left: 0;\n  pointer-events: none;\n  z-index: 1;\n}\n\n.flow-line {\n  stroke: #409EFF;\n  stroke-width: 3;\n  fill: none;\n}\n\n.flow-arrow-group path {\n  stroke: #409EFF;\n  stroke-width: 2;\n  fill: none;\n}\n\n.flow-text {\n  font-size: 12px;\n  fill: #606266;\n  font-weight: 500;\n  text-anchor: middle;\n}\n\n/* 流程图节点样式 */\n.flow-node {\n  position: absolute;\n  min-width: 120px;\n  padding: 15px 25px;\n  text-align: center;\n  background: #fff;\n  border: 2px solid #409EFF;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  z-index: 10;\n  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);\n}\n\n.flow-node:hover {\n  box-shadow: 0 8px 16px rgba(64, 158, 255, 0.2);\n  transform: translateY(-4px);\n}\n\n.flow-node.start,\n.flow-node.end {\n  background: linear-gradient(135deg, #409EFF, #3a8ee6);\n  color: #fff;\n  border-radius: 25px;\n  min-width: 100px;\n  border: none;\n  font-weight: 500;\n  box-shadow: 0 4px 15px rgba(64, 158, 255, 0.3);\n}\n\n.flow-node.condition {\n  border-color: #E6A23C;\n  background: #fff;\n  color: #E6A23C;\n  transform: rotate(45deg);\n  width: 90px;\n  height: 90px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  box-shadow: 0 4px 15px rgba(230, 162, 60, 0.2);\n}\n\n.flow-node.condition:hover {\n  box-shadow: 0 8px 20px rgba(230, 162, 60, 0.3);\n  transform: rotate(45deg) translateY(-4px);\n}\n\n.flow-node.condition .node-label {\n  transform: rotate(-45deg);\n  white-space: nowrap;\n  font-weight: 500;\n  font-size: 14px;\n}\n\n.flow-node.process {\n  border-color: #409EFF;\n  color: #2c3e50;\n  background: linear-gradient(to bottom, #fff, #f8fafc);\n}\n\n.node-label {\n  font-size: 14px;\n  font-weight: 500;\n}\n\n/* 响应式样式 */\n@media screen and (max-width: 768px) {\n  .process-flow {\n    padding: 20px;\n    margin: 20px 0;\n  }\n\n  .intro-content {\n    flex-direction: column;\n  }\n\n  .intro-description {\n    padding-right: 0;\n    margin-bottom: 20px;\n  }\n\n  .intro-stats {\n    flex-wrap: wrap;\n    gap: 20px;\n    padding: 15px;\n  }\n\n  .stat-item {\n    padding: 0 15px;\n  }\n\n  .stat-item:not(:last-child)::after {\n    display: none;\n  }\n\n  .stat-value {\n    font-size: 24px;\n  }\n}\n</style> "],"mappings":";;;;;;;AA8HA;EACAA,IAAA;EACAC,IAAA,WAAAA,KAAA;IACA;MACAC,YAAA;QACAC,QAAA;UACAC,KAAA;UACAC,WAAA;UACAC,MAAA;UACAC,UAAA;UACAC,UAAA;UACAC,cAAA;UACAC,WAAA;QACA;QACAC,KAAA;UACAP,KAAA;UACAC,WAAA;UACAC,MAAA;UACAC,UAAA;UACAC,UAAA;UACAC,cAAA;UACAC,WAAA;QACA;QACAE,QAAA;UACAR,KAAA;UACAC,WAAA;UACAC,MAAA;UACAC,UAAA;UACAC,UAAA;UACAC,cAAA;UACAC,WAAA;QACA;MACA;MACAG,YAAA;QACAV,QAAA,GACA;UACAW,EAAA;UACAC,IAAA;UACAC,KAAA;UACAC,CAAA;UACAC,CAAA;UACAC,GAAA;QACA,GACA;UACAL,EAAA;UACAC,IAAA;UACAC,KAAA;UACAC,CAAA;UACAC,CAAA;UACAC,GAAA;QACA,GACA;UACAL,EAAA;UACAC,IAAA;UACAC,KAAA;UACAC,CAAA;UACAC,CAAA;UACAC,GAAA;QACA,GACA;UACAL,EAAA;UACAC,IAAA;UACAC,KAAA;UACAC,CAAA;UACAC,CAAA;UACAC,GAAA;QACA,GACA;UACAL,EAAA;UACAC,IAAA;UACAC,KAAA;UACAC,CAAA;UACAC,CAAA;UACAC,GAAA;QACA,GACA;UACAL,EAAA;UACAC,IAAA;UACAC,KAAA;UACAC,CAAA;UACAC,CAAA;UACAC,GAAA;QACA,GACA;UACAL,EAAA;UACAC,IAAA;UACAC,KAAA;UACAC,CAAA;UACAC,CAAA;UACAC,GAAA;QACA,GACA;UACAL,EAAA;UACAC,IAAA;UACAC,KAAA;UACAC,CAAA;UACAC,CAAA;UACAC,GAAA;QACA,GACA;UACAL,EAAA;UACAC,IAAA;UACAC,KAAA;UACAC,CAAA;UACAC,CAAA;UACAC,GAAA;QACA,EACA;QACAR,KAAA,GACA;UACAG,EAAA;UACAC,IAAA;UACAC,KAAA;UACAC,CAAA;UACAC,CAAA;UACAC,GAAA;QACA,GACA;UACAL,EAAA;UACAC,IAAA;UACAC,KAAA;UACAC,CAAA;UACAC,CAAA;UACAC,GAAA;QACA,GACA;UACAL,EAAA;UACAC,IAAA;UACAC,KAAA;UACAC,CAAA;UACAC,CAAA;UACAC,GAAA;QACA,GACA;UACAL,EAAA;UACAC,IAAA;UACAC,KAAA;UACAC,CAAA;UACAC,CAAA;UACAC,GAAA;QACA,GACA;UACAL,EAAA;UACAC,IAAA;UACAC,KAAA;UACAC,CAAA;UACAC,CAAA;UACAC,GAAA;QACA,GACA;UACAL,EAAA;UACAC,IAAA;UACAC,KAAA;UACAC,CAAA;UACAC,CAAA;UACAC,GAAA;QACA,GACA;UACAL,EAAA;UACAC,IAAA;UACAC,KAAA;UACAC,CAAA;UACAC,CAAA;UACAC,GAAA;QACA,GACA;UACAL,EAAA;UACAC,IAAA;UACAC,KAAA;UACAC,CAAA;UACAC,CAAA;UACAC,GAAA;QACA,GACA;UACAL,EAAA;UACAC,IAAA;UACAC,KAAA;UACAC,CAAA;UACAC,CAAA;UACAC,GAAA;QACA,EACA;QACAP,QAAA,GACA;UACAE,EAAA;UACAC,IAAA;UACAC,KAAA;UACAC,CAAA;UACAC,CAAA;UACAC,GAAA;QACA,GACA;UACAL,EAAA;UACAC,IAAA;UACAC,KAAA;UACAC,CAAA;UACAC,CAAA;UACAC,GAAA;QACA,GACA;UACAL,EAAA;UACAC,IAAA;UACAC,KAAA;UACAC,CAAA;UACAC,CAAA;UACAC,GAAA;QACA,GACA;UACAL,EAAA;UACAC,IAAA;UACAC,KAAA;UACAC,CAAA;UACAC,CAAA;UACAC,GAAA;QACA,GACA;UACAL,EAAA;UACAC,IAAA;UACAC,KAAA;UACAC,CAAA;UACAC,CAAA;UACAC,GAAA;QACA,GACA;UACAL,EAAA;UACAC,IAAA;UACAC,KAAA;UACAC,CAAA;UACAC,CAAA;UACAC,GAAA;QACA,GACA;UACAL,EAAA;UACAC,IAAA;UACAC,KAAA;UACAC,CAAA;UACAC,CAAA;UACAC,GAAA;QACA,GACA;UACAL,EAAA;UACAC,IAAA;UACAC,KAAA;UACAC,CAAA;UACAC,CAAA;UACAC,GAAA;QACA,GACA;UACAL,EAAA;UACAC,IAAA;UACAC,KAAA;UACAC,CAAA;UACAC,CAAA;UACAC,GAAA;QACA;MAEA;IACA;EACA;EACAC,QAAA;IACAC,cAAA,WAAAA,eAAA;MACA,IAAAC,WAAA,QAAAC,MAAA,CAAAC,MAAA,CAAAT,IAAA;MACA,YAAAb,YAAA,CAAAoB,WAAA;IACA;IACAG,KAAA,WAAAA,MAAA;MACA,IAAAH,WAAA,QAAAC,MAAA,CAAAC,MAAA,CAAAT,IAAA;MACA,YAAAF,YAAA,CAAAS,WAAA;IACA;IACAI,WAAA,WAAAA,YAAA;MACA,YAAAH,MAAA,CAAAC,MAAA,CAAAT,IAAA;IACA;EACA;EACAY,OAAA;IACAC,eAAA,WAAAA,gBAAAC,MAAA;MAAA,IAAAC,KAAA;MACA,IAAAC,IAAA,QAAAN,KAAA,CAAAO,IAAA,WAAAC,CAAA;QAAA,OAAAA,CAAA,CAAAnB,EAAA,KAAAe,MAAA;MAAA;MACA,IAAAE,IAAA,IAAAA,IAAA,CAAAZ,GAAA;QACA,IAAAY,IAAA,CAAAZ,GAAA,CAAAe,UAAA;UACAC,MAAA,CAAAC,IAAA,CAAAL,IAAA,CAAAZ,GAAA;QACA;UACA,KAAAkB,OAAA,CAAAC,IAAA,CAAAP,IAAA,CAAAZ,GAAA,qBAAAoB,GAAA;YACA,IAAAA,GAAA,CAAAvC,IAAA;cACA8B,KAAA,CAAAU,QAAA;gBACAzB,IAAA;gBACA0B,OAAA,mCAAAC,MAAA,CAAAX,IAAA,CAAAf,KAAA;cACA;YACA;UACA;QACA;MACA;IACA;IACA2B,SAAA,WAAAA,UAAAZ,IAAA;MACA;QACAa,IAAA,EAAAb,IAAA,CAAAd,CAAA;QACA4B,GAAA,EAAAd,IAAA,CAAAb,CAAA;MACA;IACA;EACA;AACA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}