feat: add CSMF slice task management interface page code

Change-Id: I88acbf7d23aed9910f4dfb3ee6e79aa4b51d9ba6
Issue-ID: USECASEUI-368
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>

3 files changed, 96 insertions, 0 deletions

diff --git a/usecaseui-portal/src/app/mock/json/csmf_slicing_businessData.json b/usecaseui-portal/src/app/mock/json/csmf_slicing_businessData.json
new file mode 100644
index 00000000..4ec93450
--- /dev/null
+++ b/usecaseui-portal/src/app/mock/json/csmf_slicing_businessData.json
@@ -0,0 +1,91 @@
+{
+  "result_header": {
+    "result_code": "200",
+    "result_message": "Query all slicing services processing succeeded."
+  },
+  "result_body": {
+    "record_number": 8,
+    "slicing_service_list": [
+      {
+        "service_id": "5G-777",
+        "service_name": "eMBB_e2e_Slice_Service_5GCustomer",
+        "service_type": "embb",
+        "service_snssai": "01-010101",
+        "service_status": "activated",
+        "last_operation_id": "8401c767-4fe9-43c3-82b5-707c1aaf5caf",
+        "last_operation_type": "activation",
+        "last_operation_process": 100
+      },
+      {
+        "service_id": "8c681037-75c9-444c-a665-34a66372e13e",
+        "service_name": "test_0203",
+        "service_type": "embb",
+        "service_snssai": "01-1370889D",
+        "service_status": "deactivated",
+        "last_operation_id": null,
+        "last_operation_type": null,
+        "last_operation_process": null
+      },
+      {
+        "service_id": "dfa76a2f-6416-4070-9024-355d0d210234",
+        "service_name": "CSMFService",
+        "service_type": "embb",
+        "service_snssai": "01-485C16B6",
+        "service_status": "deactivated",
+        "last_operation_id": "06258836-8152-43ad-9c8e-e2a1783b1996",
+        "last_operation_type": "activation",
+        "last_operation_process": 0
+      },
+      {
+        "service_id": "1e6a6a4b-8efb-4211-b583-b2e8567c5950",
+        "service_name": "CSMFService",
+        "service_type": "embb",
+        "service_snssai": "01-6C572676",
+        "service_status": "deactivated",
+        "last_operation_id": null,
+        "last_operation_type": null,
+        "last_operation_process": null
+      },
+      {
+        "service_id": "9941305e-311f-4a88-bd9e-431252a46337",
+        "service_name": "CSMFService",
+        "service_type": "embb",
+        "service_snssai": "01-D38E2F0",
+        "service_status": "deactivated",
+        "last_operation_id": null,
+        "last_operation_type": null,
+        "last_operation_process": null
+      },
+      {
+        "service_id": "4876265d-e4bb-4240-bcda-7b4b00481e4a",
+        "service_name": "test_0205",
+        "service_type": "embb",
+        "service_snssai": "01-6A345C48",
+        "service_status": "deactivated",
+        "last_operation_id": null,
+        "last_operation_type": null,
+        "last_operation_process": null
+      },
+      {
+        "service_id": "6c52086a-e9b6-4f31-bc7a-7b34d66c69c0",
+        "service_name": "test_0204",
+        "service_type": "embb",
+        "service_snssai": "01-774F54FC",
+        "service_status": "deactivated",
+        "last_operation_id": null,
+        "last_operation_type": null,
+        "last_operation_process": null
+      },
+      {
+        "service_id": "1cab507a-3422-46f8-8520-9b46c95b7f9d",
+        "service_name": "aaa",
+        "service_type": "embb",
+        "service_snssai": "01-44AA4085",
+        "service_status": "deactivated",
+        "last_operation_id": "012c888a-a46f-4ebc-bcde-7f7c769769b7",
+        "last_operation_type": "DELETE",
+        "last_operation_process": 100
+      }
+    ]
+  }
+}
\ No newline at end of file
diff --git a/usecaseui-portal/src/app/mock/routes.js b/usecaseui-portal/src/app/mock/routes.js
index fdd29ff3..420f017c 100644
--- a/usecaseui-portal/src/app/mock/routes.js
+++ b/usecaseui-portal/src/app/mock/routes.js
@@ -20,6 +20,8 @@ module.exports =
         ///////<-------------api proxy--------->/////
         "/usecaseui-server/v1/*": "/$1",
         "/usecaseui-server/v1/*?:param": "/$1",
+        "/usecaseui/csmf/*": "/$1",
+        "/usecaseui/csmf/*?:param": "/$1",
         ///////////////
 
         //text interface
@@ -117,6 +119,8 @@ module.exports =
         "/uui-slicing/nsmf/resource/nssi/instances/pageNo/:pageNo/pageSize/:pageSize": "/slicing_nssi_list",
         "/uui-slicing/nsmf/resource/nssi/instanceStatus/:instanceStatus/instances/pageNo/:pageNo/pageSize/:pageSize": "/slicing_nssi_list_activated",
         "/uui-slicing/nsmf/resource/nssi/:nssiId/details":"/getSlicingNssiDetail",
+        ///////<-------------CSMF slicing_business--------->/////
+        "/5gSlicing/services/status/:status/pageNo/:pageNo/pageSize/:pageSize": "/csmf_slicing_businessData",
         ///////<-------------monitor 5G--------->/////
         "/POST/uui-slicing/nsmf/monitoring/queryTimestamp/:queryTimestamp/trafficData": "/fetchTrafficData",
         "/POST/uui-slicing/nsmf/monitoring/queryTimestamp/:queryTimestamp/onlineUsers": "/fetchOnlineusersData",
diff --git a/usecaseui-portal/src/app/mock/server.js b/usecaseui-portal/src/app/mock/server.js
index 930f500b..3c49777d 100644
--- a/usecaseui-portal/src/app/mock/server.js
+++ b/usecaseui-portal/src/app/mock/server.js
@@ -20,6 +20,7 @@ const middlewares = jsonServer.defaults();
 const customersRouters = require('./routes');
 const baseUrl = "/usecaseui-server/v1";
 const nsmfBaseUrl = "/uui-slicing/nsmf"; 
+const csmfBaseUrl = "/usecaseui/csmf";
 
 // Set default middlewares (logger, static, cors and no-cache)
 server.use(middlewares);