diff --git a/src/app/routes/routes-routing.module.ts b/src/app/routes/routes-routing.module.ts
index aa1d1fa9..2d3e0238 100644
--- a/src/app/routes/routes-routing.module.ts
+++ b/src/app/routes/routes-routing.module.ts
@@ -32,6 +32,7 @@ const routes: Routes = [
         loadChildren: () => import('./usercenter/usercenter.module').then(m => m.UsercenterModule)
       },
       { path: 'system', loadChildren: () => import('./sys-setting/sys-setting.module').then(m => m.SysSettingModule) },
+      { path: 'ticket', loadChildren: () => import('./ticket-management/ticket-management.module').then(m => m.TicketManagementModule) },
       { path: 'supplygoods', loadChildren: () => import('./supply-goods/supply-goods.module').then(m => m.SupplyGoodsModule) },
       { path: 'vehicle', loadChildren: () => import('./vehicle/vehicle.module').then(m => m.VehicleModule) },
       { path: 'supply-management', loadChildren: () => import('./supply-management/supply-management.module').then((m) => m.SupplyManagementModule) },
diff --git a/src/app/routes/ticket-management/components/etc-blacklist/etc-blacklist.component.html b/src/app/routes/ticket-management/components/etc-blacklist/etc-blacklist.component.html
new file mode 100644
index 00000000..cb617ef0
--- /dev/null
+++ b/src/app/routes/ticket-management/components/etc-blacklist/etc-blacklist.component.html
@@ -0,0 +1 @@
+<p>etc-blacklist works!</p>
diff --git a/src/app/routes/ticket-management/components/etc-blacklist/etc-blacklist.component.less b/src/app/routes/ticket-management/components/etc-blacklist/etc-blacklist.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/routes/ticket-management/components/etc-blacklist/etc-blacklist.component.ts b/src/app/routes/ticket-management/components/etc-blacklist/etc-blacklist.component.ts
new file mode 100644
index 00000000..1fef343c
--- /dev/null
+++ b/src/app/routes/ticket-management/components/etc-blacklist/etc-blacklist.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-etc-blacklist',
+  templateUrl: './etc-blacklist.component.html',
+  styleUrls: ['./etc-blacklist.component.less']
+})
+export class ETCBlacklistComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/routes/ticket-management/components/etc-invoiced-list/etc-invoiced-list.component.html b/src/app/routes/ticket-management/components/etc-invoiced-list/etc-invoiced-list.component.html
new file mode 100644
index 00000000..1577aa56
--- /dev/null
+++ b/src/app/routes/ticket-management/components/etc-invoiced-list/etc-invoiced-list.component.html
@@ -0,0 +1 @@
+<p>etc-invoiced-list works!</p>
diff --git a/src/app/routes/ticket-management/components/etc-invoiced-list/etc-invoiced-list.component.less b/src/app/routes/ticket-management/components/etc-invoiced-list/etc-invoiced-list.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/routes/ticket-management/components/etc-invoiced-list/etc-invoiced-list.component.ts b/src/app/routes/ticket-management/components/etc-invoiced-list/etc-invoiced-list.component.ts
new file mode 100644
index 00000000..bdf34a94
--- /dev/null
+++ b/src/app/routes/ticket-management/components/etc-invoiced-list/etc-invoiced-list.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-etc-invoiced-list',
+  templateUrl: './etc-invoiced-list.component.html',
+  styleUrls: ['./etc-invoiced-list.component.less']
+})
+export class ETCInvoicedListComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/routes/ticket-management/components/etc-invoiced-logs/etc-invoiced-logs.component.html b/src/app/routes/ticket-management/components/etc-invoiced-logs/etc-invoiced-logs.component.html
new file mode 100644
index 00000000..5792d49c
--- /dev/null
+++ b/src/app/routes/ticket-management/components/etc-invoiced-logs/etc-invoiced-logs.component.html
@@ -0,0 +1 @@
+<p>etc-invoiced-logs works!</p>
diff --git a/src/app/routes/ticket-management/components/etc-invoiced-logs/etc-invoiced-logs.component.less b/src/app/routes/ticket-management/components/etc-invoiced-logs/etc-invoiced-logs.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/routes/ticket-management/components/etc-invoiced-logs/etc-invoiced-logs.component.ts b/src/app/routes/ticket-management/components/etc-invoiced-logs/etc-invoiced-logs.component.ts
new file mode 100644
index 00000000..9164381f
--- /dev/null
+++ b/src/app/routes/ticket-management/components/etc-invoiced-logs/etc-invoiced-logs.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-etc-invoiced-logs',
+  templateUrl: './etc-invoiced-logs.component.html',
+  styleUrls: ['./etc-invoiced-logs.component.less']
+})
+export class ETCInvoicedLogsComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/routes/ticket-management/components/etc-invoiced-requested/etc-invoiced-requested.component.html b/src/app/routes/ticket-management/components/etc-invoiced-requested/etc-invoiced-requested.component.html
new file mode 100644
index 00000000..fc8980c0
--- /dev/null
+++ b/src/app/routes/ticket-management/components/etc-invoiced-requested/etc-invoiced-requested.component.html
@@ -0,0 +1 @@
+<p>etc-invoiced-requested works!</p>
diff --git a/src/app/routes/ticket-management/components/etc-invoiced-requested/etc-invoiced-requested.component.less b/src/app/routes/ticket-management/components/etc-invoiced-requested/etc-invoiced-requested.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/routes/ticket-management/components/etc-invoiced-requested/etc-invoiced-requested.component.ts b/src/app/routes/ticket-management/components/etc-invoiced-requested/etc-invoiced-requested.component.ts
new file mode 100644
index 00000000..4524863a
--- /dev/null
+++ b/src/app/routes/ticket-management/components/etc-invoiced-requested/etc-invoiced-requested.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-etc-invoiced-requested',
+  templateUrl: './etc-invoiced-requested.component.html',
+  styleUrls: ['./etc-invoiced-requested.component.less']
+})
+export class ETCInvoicedRequestedComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/routes/ticket-management/components/invoice-requested/invoice-requested.component.html b/src/app/routes/ticket-management/components/invoice-requested/invoice-requested.component.html
new file mode 100644
index 00000000..3a6aad34
--- /dev/null
+++ b/src/app/routes/ticket-management/components/invoice-requested/invoice-requested.component.html
@@ -0,0 +1 @@
+<p>invoice-requested works!</p>
diff --git a/src/app/routes/ticket-management/components/invoice-requested/invoice-requested.component.less b/src/app/routes/ticket-management/components/invoice-requested/invoice-requested.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/routes/ticket-management/components/invoice-requested/invoice-requested.component.ts b/src/app/routes/ticket-management/components/invoice-requested/invoice-requested.component.ts
new file mode 100644
index 00000000..6a46f111
--- /dev/null
+++ b/src/app/routes/ticket-management/components/invoice-requested/invoice-requested.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-invoice-requested',
+  templateUrl: './invoice-requested.component.html',
+  styleUrls: ['./invoice-requested.component.less']
+})
+export class InvoiceRequestedComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/routes/ticket-management/components/invoiced-list/invoiced-list.component.html b/src/app/routes/ticket-management/components/invoiced-list/invoiced-list.component.html
new file mode 100644
index 00000000..fce28939
--- /dev/null
+++ b/src/app/routes/ticket-management/components/invoiced-list/invoiced-list.component.html
@@ -0,0 +1 @@
+<p>invoiced-list works!</p>
diff --git a/src/app/routes/ticket-management/components/invoiced-list/invoiced-list.component.less b/src/app/routes/ticket-management/components/invoiced-list/invoiced-list.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/routes/ticket-management/components/invoiced-list/invoiced-list.component.ts b/src/app/routes/ticket-management/components/invoiced-list/invoiced-list.component.ts
new file mode 100644
index 00000000..e9697bdd
--- /dev/null
+++ b/src/app/routes/ticket-management/components/invoiced-list/invoiced-list.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-invoiced-list',
+  templateUrl: './invoiced-list.component.html',
+  styleUrls: ['./invoiced-list.component.less']
+})
+export class InvoicedListComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/routes/ticket-management/services/system.service.ts b/src/app/routes/ticket-management/services/system.service.ts
new file mode 100644
index 00000000..59cef689
--- /dev/null
+++ b/src/app/routes/ticket-management/services/system.service.ts
@@ -0,0 +1,11 @@
+import { Injectable, Injector } from '@angular/core';
+import { BaseService } from 'src/app/shared/services';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class TicketService extends BaseService {
+  constructor(public injector: Injector) {
+    super(injector);
+  }
+}
diff --git a/src/app/routes/ticket-management/ticket-management-routing.module.ts b/src/app/routes/ticket-management/ticket-management-routing.module.ts
new file mode 100644
index 00000000..a1e0c8ac
--- /dev/null
+++ b/src/app/routes/ticket-management/ticket-management-routing.module.ts
@@ -0,0 +1,23 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { ETCBlacklistComponent } from './components/etc-blacklist/etc-blacklist.component';
+import { ETCInvoicedListComponent } from './components/etc-invoiced-list/etc-invoiced-list.component';
+import { ETCInvoicedLogsComponent } from './components/etc-invoiced-logs/etc-invoiced-logs.component';
+import { ETCInvoicedRequestedComponent } from './components/etc-invoiced-requested/etc-invoiced-requested.component';
+import { InvoiceRequestedComponent } from './components/invoice-requested/invoice-requested.component';
+import { InvoicedListComponent } from './components/invoiced-list/invoiced-list.component';
+
+const routes: Routes = [
+  { path: 'invoice-requested', component: InvoiceRequestedComponent },
+  { path: 'invoice-list', component: InvoicedListComponent },
+  { path: 'etc-invoice-requested', component: ETCInvoicedRequestedComponent },
+  { path: 'etc-invoice-list', component: ETCInvoicedListComponent },
+  { path: 'etc-invoiced-logs', component: ETCInvoicedLogsComponent },
+  { path: 'etc-blacklist', component: ETCBlacklistComponent }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class TicketManagementRoutingModule {}
diff --git a/src/app/routes/ticket-management/ticket-management.module.ts b/src/app/routes/ticket-management/ticket-management.module.ts
new file mode 100644
index 00000000..6960085d
--- /dev/null
+++ b/src/app/routes/ticket-management/ticket-management.module.ts
@@ -0,0 +1,25 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SharedModule } from '@shared';
+import { TicketManagementRoutingModule } from './ticket-management-routing.module';
+import { ETCInvoicedListComponent } from './components/etc-invoiced-list/etc-invoiced-list.component';
+import { ETCInvoicedRequestedComponent } from './components/etc-invoiced-requested/etc-invoiced-requested.component';
+import { ETCInvoicedLogsComponent } from './components/etc-invoiced-logs/etc-invoiced-logs.component';
+import { ETCBlacklistComponent } from './components/etc-blacklist/etc-blacklist.component';
+import { InvoicedListComponent } from './components/invoiced-list/invoiced-list.component';
+import { InvoiceRequestedComponent } from './components/invoice-requested/invoice-requested.component';
+
+const COMPONENTS: any = [
+  ETCInvoicedListComponent,
+  ETCInvoicedRequestedComponent,
+  ETCInvoicedLogsComponent,
+  ETCBlacklistComponent,
+  InvoiceRequestedComponent,
+  InvoicedListComponent
+];
+const NOTROUTECOMPONENTS: any = [];
+@NgModule({
+  declarations: [...COMPONENTS, ...NOTROUTECOMPONENTS],
+  imports: [CommonModule, TicketManagementRoutingModule, SharedModule]
+})
+export class TicketManagementModule {}
diff --git a/src/assets/mocks/menu-data.json b/src/assets/mocks/menu-data.json
index 85865fd1..45209154 100644
--- a/src/assets/mocks/menu-data.json
+++ b/src/assets/mocks/menu-data.json
@@ -101,6 +101,42 @@
           ]
         }]
         },
+        {
+          "text": "票务管理",
+          "icon": "anticon anticon-dashboard",
+          "group": true,
+          "children": [
+            {
+              "text": "开票申请",
+              "link": "/ticket/invoice-requested"
+            },
+            {
+              "text": "已开发票",
+              "link": "/ticket/invoice-list"
+            },
+            {
+              "text": "ETC发票",
+              "children": [
+                {
+                  "text": "申请发票",
+                  "link": "/ticket/etc-invoice-requested"
+                },
+                {
+                  "text": "运单开票记录",
+                  "link": "/ticket/etc-invoice-list"
+                },
+                {
+                  "text": "已开发票",
+                  "link": "/ticket/etc-invoiced-logs"
+                },
+                {
+                  "text": "黑名单",
+                  "link": "/ticket/etc-blacklist"
+                }
+              ]
+            }
+          ]
+        },
         {
           "text": "货源管理",
           "icon": "anticon anticon-dashboard",