# wukongopensource/wukongcrm-11.0-web-java architecture

> Architecture diagram of the GitHub repository wukongopensource/wukongcrm-11.0-web-java, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-28). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/wukongopensource/wukongcrm-11.0-web-java
- Repository: https://github.com/wukongopensource/wukongcrm-11.0-web-java

## Overview

悟空CRM 11.0 is a Vue-based enterprise CRM frontend, with customer and sales management as its central user workflow: staff work with leads and customers, progress opportunities through contracts and collections, and view performance reporting. The application also exposes HR, office/approval, project, calendar, and administration capabilities. The README describes a separate Java backend; API and approval links reflect the sampled request code, while unsampled feature wiring is represented only at the module level.

Main entry points: [`src/router/index.js`](https://github.com/wukongopensource/wukongcrm-11.0-web-java/blob/master/src/router/index.js) (Route registry), [`src/api/crm`](https://github.com/wukongopensource/wukongcrm-11.0-web-java/tree/master/src/api/crm) (CRM APIs), [`src/views/crm`](https://github.com/wukongopensource/wukongcrm-11.0-web-java/tree/master/src/views/crm) (CRM workspace), [`src/utils/request.js`](https://github.com/wukongopensource/wukongcrm-11.0-web-java/blob/master/src/utils/request.js) (HTTP client)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_app["Application shell"]
  node_application["Vue application<br/>[App.vue]"]
  node_routes["Route registry<br/>[index.js]"]
end

subgraph group_crm["Customer management"]
  node_crm_ui["CRM workspace"]
  node_crm_api["CRM APIs"]
  node_leads["Lead management"]
  node_customers["Customer management"]
  node_opportunities["Opportunity tracking"]
  node_contracts["Contracts and billing"]
  node_collections["Receivables"]
end

subgraph group_work["Work management"]
  node_hrm["Human resources"]
  node_oa["Office and approvals"]
  node_approval_api["Approval APIs<br/>[index.js]"]
  node_projects["Project management"]
  node_calendar["Calendar"]
end

subgraph group_insight["Reporting"]
  node_crm_reports["CRM workbench"]
  node_bi["Business intelligence"]
  node_bi_api["BI APIs"]
end

subgraph group_platform["Platform services"]
  node_admin["System administration"]
  node_state["Shared application state<br/>[index.js]"]
  node_http["HTTP client<br/>[request.js]"]
end

node_staff(("Staff user"))
node_backend["Java backend"]

node_staff -->|"uses"| node_application
node_application -->|"mounts routes"| node_routes
node_routes -->|"dispatches"| node_crm_ui
node_routes -->|"dispatches"| node_hrm
node_routes -->|"dispatches"| node_oa
node_routes -->|"dispatches"| node_projects
node_routes -->|"dispatches"| node_calendar
node_routes -->|"dispatches"| node_bi
node_routes -->|"dispatches"| node_admin
node_crm_ui -->|"presents"| node_leads
node_crm_ui -->|"presents"| node_customers
node_crm_ui -->|"presents"| node_opportunities
node_crm_ui -->|"presents"| node_contracts
node_crm_ui -->|"presents"| node_collections
node_leads -->|"requests data"| node_crm_api
node_customers -->|"requests data"| node_crm_api
node_opportunities -->|"requests data"| node_crm_api
node_contracts -->|"requests data"| node_crm_api
node_collections -->|"requests data"| node_crm_api
node_crm_reports -->|"requests data"| node_crm_api
node_bi -->|"requests data"| node_bi_api
node_oa -->|"queries and updates"| node_approval_api
node_application -->|"uses"| node_state
node_crm_api -->|"sends requests"| node_http
node_bi_api -->|"sends requests"| node_http
node_approval_api -->|"sends requests"| node_http
node_http -->|"HTTP requests"| node_backend

click node_application "https://github.com/wukongopensource/wukongcrm-11.0-web-java/blob/master/src/App.vue"
click node_routes "https://github.com/wukongopensource/wukongcrm-11.0-web-java/blob/master/src/router/index.js"
click node_crm_ui "https://github.com/wukongopensource/wukongcrm-11.0-web-java/tree/master/src/views/crm"
click node_crm_api "https://github.com/wukongopensource/wukongcrm-11.0-web-java/tree/master/src/api/crm"
click node_leads "https://github.com/wukongopensource/wukongcrm-11.0-web-java/tree/master/src/views/crm/leads"
click node_customers "https://github.com/wukongopensource/wukongcrm-11.0-web-java/tree/master/src/views/crm/customer"
click node_opportunities "https://github.com/wukongopensource/wukongcrm-11.0-web-java/tree/master/src/views/crm/business"
click node_contracts "https://github.com/wukongopensource/wukongcrm-11.0-web-java/tree/master/src/views/crm/contract"
click node_collections "https://github.com/wukongopensource/wukongcrm-11.0-web-java/tree/master/src/views/crm/receivables"
click node_crm_reports "https://github.com/wukongopensource/wukongcrm-11.0-web-java/tree/master/src/views/crm/workbench"
click node_bi "https://github.com/wukongopensource/wukongcrm-11.0-web-java/tree/master/src/views/bi"
click node_bi_api "https://github.com/wukongopensource/wukongcrm-11.0-web-java/tree/master/src/api/bi"
click node_hrm "https://github.com/wukongopensource/wukongcrm-11.0-web-java/tree/master/src/views/hrm"
click node_oa "https://github.com/wukongopensource/wukongcrm-11.0-web-java/tree/master/src/views/admin/oa"
click node_approval_api "https://github.com/wukongopensource/wukongcrm-11.0-web-java/blob/master/src/api/examine/index.js"
click node_projects "https://github.com/wukongopensource/wukongcrm-11.0-web-java/tree/master/src/api/pm"
click node_calendar "https://github.com/wukongopensource/wukongcrm-11.0-web-java/tree/master/src/views/calendar"
click node_admin "https://github.com/wukongopensource/wukongcrm-11.0-web-java/tree/master/src/views/admin"
click node_state "https://github.com/wukongopensource/wukongcrm-11.0-web-java/blob/master/src/store/index.js"
click node_http "https://github.com/wukongopensource/wukongcrm-11.0-web-java/blob/master/src/utils/request.js"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_application,node_routes,node_staff toneBlue
class node_crm_ui,node_crm_api,node_leads,node_customers,node_opportunities,node_contracts,node_collections toneAmber
class node_hrm,node_oa,node_approval_api,node_projects,node_calendar toneMint
class node_crm_reports,node_bi,node_bi_api toneRose
class node_admin,node_state,node_http,node_backend toneIndigo
```

## Components

### Application shell

- [Vue application](https://github.com/wukongopensource/wukongcrm-11.0-web-java/blob/master/src/App.vue): `src/App.vue`
- [Route registry](https://github.com/wukongopensource/wukongcrm-11.0-web-java/blob/master/src/router/index.js): `src/router/index.js`

### Customer management

- [CRM workspace](https://github.com/wukongopensource/wukongcrm-11.0-web-java/tree/master/src/views/crm): `src/views/crm`
- [CRM APIs](https://github.com/wukongopensource/wukongcrm-11.0-web-java/tree/master/src/api/crm): `src/api/crm`
- [Lead management](https://github.com/wukongopensource/wukongcrm-11.0-web-java/tree/master/src/views/crm/leads): `src/views/crm/leads`
- [Customer management](https://github.com/wukongopensource/wukongcrm-11.0-web-java/tree/master/src/views/crm/customer): `src/views/crm/customer`
- [Opportunity tracking](https://github.com/wukongopensource/wukongcrm-11.0-web-java/tree/master/src/views/crm/business): `src/views/crm/business`
- [Contracts and billing](https://github.com/wukongopensource/wukongcrm-11.0-web-java/tree/master/src/views/crm/contract): `src/views/crm/contract`
- [Receivables](https://github.com/wukongopensource/wukongcrm-11.0-web-java/tree/master/src/views/crm/receivables): `src/views/crm/receivables`

### Work management

- [Human resources](https://github.com/wukongopensource/wukongcrm-11.0-web-java/tree/master/src/views/hrm): `src/views/hrm`
- [Office and approvals](https://github.com/wukongopensource/wukongcrm-11.0-web-java/tree/master/src/views/admin/oa): `src/views/admin/oa`
- [Approval APIs](https://github.com/wukongopensource/wukongcrm-11.0-web-java/blob/master/src/api/examine/index.js): `src/api/examine/index.js`
- [Project management](https://github.com/wukongopensource/wukongcrm-11.0-web-java/tree/master/src/api/pm): `src/api/pm`
- [Calendar](https://github.com/wukongopensource/wukongcrm-11.0-web-java/tree/master/src/views/calendar): `src/views/calendar`

### Reporting

- [CRM workbench](https://github.com/wukongopensource/wukongcrm-11.0-web-java/tree/master/src/views/crm/workbench): `src/views/crm/workbench`
- [Business intelligence](https://github.com/wukongopensource/wukongcrm-11.0-web-java/tree/master/src/views/bi): `src/views/bi`
- [BI APIs](https://github.com/wukongopensource/wukongcrm-11.0-web-java/tree/master/src/api/bi): `src/api/bi`

### Platform services

- [System administration](https://github.com/wukongopensource/wukongcrm-11.0-web-java/tree/master/src/views/admin): `src/views/admin`
- [Shared application state](https://github.com/wukongopensource/wukongcrm-11.0-web-java/blob/master/src/store/index.js): `src/store/index.js`
- [HTTP client](https://github.com/wukongopensource/wukongcrm-11.0-web-java/blob/master/src/utils/request.js): `src/utils/request.js`

### Other components

- **Staff user**
- **Java backend**

## Connections

- Staff user → Vue application: uses
- Vue application → Route registry: mounts routes
- Route registry → CRM workspace: dispatches
- Route registry → Human resources: dispatches
- Route registry → Office and approvals: dispatches
- Route registry → Project management: dispatches
- Route registry → Calendar: dispatches
- Route registry → Business intelligence: dispatches
- Route registry → System administration: dispatches
- CRM workspace → Lead management: presents
- CRM workspace → Customer management: presents
- CRM workspace → Opportunity tracking: presents
- CRM workspace → Contracts and billing: presents
- CRM workspace → Receivables: presents
- Lead management → CRM APIs: requests data
- Customer management → CRM APIs: requests data
- Opportunity tracking → CRM APIs: requests data
- Contracts and billing → CRM APIs: requests data
- Receivables → CRM APIs: requests data
- CRM workbench → CRM APIs: requests data
- Business intelligence → BI APIs: requests data
- Office and approvals → Approval APIs: queries and updates
- Vue application → Shared application state: uses
- CRM APIs → HTTP client: sends requests
- BI APIs → HTTP client: sends requests
- Approval APIs → HTTP client: sends requests
- HTTP client → Java backend: HTTP requests