diff --git a/core/core-frontend/src/assets/adds.svg b/core/core-frontend/src/assets/adds.svg
new file mode 100644
index 0000000..8c0b9ab
--- /dev/null
+++ b/core/core-frontend/src/assets/adds.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="14px" height="14px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -357 -147 )">
+    <path d="M 0.625 6.37500000000003  L 6.375 6.37500000000003  L 6.375 0.624999999999972  C 6.375 0.279828124999995  6.65482812499999 0  7 0  C 7.345171875 0  7.625 0.279828124999995  7.625 0.624999999999972  L 7.625 6.37500000000003  L 13.375 6.37500000000003  C 13.720171875 6.37500000000003  14 6.65482812499999  14 7  C 14 7.345171875  13.720171875 7.62499999999997  13.375 7.62499999999997  L 7.625 7.62499999999997  L 7.625 13.375  C 7.625 13.720171875  7.345171875 14  7 14  C 6.65482812499999 14  6.375 13.720171875  6.375 13.375  L 6.375 7.62499999999997  L 0.625 7.62499999999997  C 0.279828124999995 7.62499999999997  0 7.345171875  0 7  C 0 6.65482812499999  0.279828124999995 6.37500000000003  0.625 6.37500000000003  Z " fill-rule="nonzero" fill="#0089ff" stroke="none" transform="matrix(1 0 0 1 357 147 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/core/core-frontend/src/assets/svg/adds.svg b/core/core-frontend/src/assets/svg/adds.svg
new file mode 100644
index 0000000..8c0b9ab
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/adds.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="14px" height="14px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -357 -147 )">
+    <path d="M 0.625 6.37500000000003  L 6.375 6.37500000000003  L 6.375 0.624999999999972  C 6.375 0.279828124999995  6.65482812499999 0  7 0  C 7.345171875 0  7.625 0.279828124999995  7.625 0.624999999999972  L 7.625 6.37500000000003  L 13.375 6.37500000000003  C 13.720171875 6.37500000000003  14 6.65482812499999  14 7  C 14 7.345171875  13.720171875 7.62499999999997  13.375 7.62499999999997  L 7.625 7.62499999999997  L 7.625 13.375  C 7.625 13.720171875  7.345171875 14  7 14  C 6.65482812499999 14  6.375 13.720171875  6.375 13.375  L 6.375 7.62499999999997  L 0.625 7.62499999999997  C 0.279828124999995 7.62499999999997  0 7.345171875  0 7  C 0 6.65482812499999  0.279828124999995 6.37500000000003  0.625 6.37500000000003  Z " fill-rule="nonzero" fill="#0089ff" stroke="none" transform="matrix(1 0 0 1 357 147 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/core/core-frontend/src/assets/svg/permission_del_blue.svg b/core/core-frontend/src/assets/svg/permission_del_blue.svg
new file mode 100644
index 0000000..4193ad9
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/permission_del_blue.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="14px" height="14px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -484 -209 )">
+    <path d="M 13.2797155040491 2.55992134455221  L 9.92797416445654 2.55992134455221  C 9.88235025024102 1.13300892710839  8.63865637746909 0  7.10924884137609 0  C 5.57982605664864 0  4.33852621948233 1.13299467793303  4.28570494981568 2.55543285432358  L 0.72026924731648 2.55543285432358  C 0.324124973451035 2.55543285432358  0 2.85607620458964  0 3.22850690016315  C 0 3.59870047520999  0.321730937845473 3.90159519517806  0.720284495950921 3.90159519517806  L 1.51499757655631 3.90159519517806  L 1.51499757655631 11.4310874258152  C 1.51499757655631 12.8445486217485  2.54020901521051 14  3.80793473584464 14  L 10.2664938488098 14  C 11.5318255338384 14  12.5594310080981 12.8512884816792  12.5594310080981 11.4310874258152  L 12.5594310080981 3.90608368540677  L 13.2797155040491 3.90608368540677  C 13.675875026549 3.90608368540677  14 3.60542608596529  14 3.23299539039178  C 14 2.86280181534494  13.6782690621545 2.55992134455221  13.2797155040491 2.55992134455221  Z M 11.2076853117529 11.4378130365705  C 11.2076853117529 12.2073682485626  10.7130806053707 12.7480817047714  10.2640998132043 12.7480817047714  L 3.80552545160464 12.7480817047714  C 3.3565446594381 12.7480817047714  2.86193995305592 12.202879758334  2.86193995305592 11.4310874258152  L 2.86193995305592 3.90608368540677  L 11.2076853117529 3.90608368540677  L 11.2076853117529 11.4378130365705  Z M 5.6350566105553 2.55543285432358  C 5.68787788022195 1.8262740543891  6.32414240046182 1.26089527568598  7.11164287698165 1.26089527568598  C 7.89914335350147 1.26089527568598  8.53540787374129 1.82851117491577  8.58103178795682 2.55543285432358  L 5.6350566105553 2.55543285432358  Z M 4.49316075172948 5.83332502131438  C 4.12326324246993 5.83332502131438  3.81818181818181 6.16898021042672  3.81818181818181 6.59036968898866  L 3.81818181818181 10.909635183892  C 3.81818181818181 11.3285662200342  4.11516980540483 11.6666642918041  4.49316075172948 11.6666642918041  C 4.86302396676399 11.6666642918041  5.16812253816454 11.331024662454  5.16812253816454 10.909635183892  L 5.16812253816454 6.59036968898866  C 5.16812253816454 6.16898021042672  4.86573321052737 5.83332502131438  4.49316075172948 5.83332502131438  Z M 6.93655568402272 5.83332502131438  C 6.56667532187578 5.83332502131438  6.26157675047523 6.16898021042672  6.26157675047523 6.59036968898866  L 6.26157675047523 10.909635183892  C 6.26157675047523 11.3285662200342  6.56667532187578 11.6666642918041  6.93655568402272 11.6666642918041  C 7.30643604616984 11.6666642918041  7.61151747045795 11.331024662454  7.61151747045795 10.909635183892  L 7.61151747045795 6.59036968898866  C 7.61151747045795 6.16898021042672  7.30912814282073 5.83332502131438  6.93655568402272 5.83332502131438  Z M 9.50683924827052 5.83332502131438  C 9.13695888612358 5.83332502131438  8.8318774618354 6.16898021042672  8.8318774618354 6.59036968898866  L 8.8318774618354 10.909635183892  C 8.8318774618354 11.3285662200342  9.12615620529499 11.6666642918041  9.50683924827052 11.6666642918041  C 9.87671961041758 11.6666642918041  10.1818181818182 11.331024662454  10.1818181818182 10.909635183892  L 10.1818181818182 6.59036968898866  C 10.1818181818182 6.16898021042672  9.87942885418096 5.83332502131438  9.50683924827052 5.83332502131438  Z " fill-rule="nonzero" fill="#409eff" stroke="none" transform="matrix(1 0 0 1 484 209 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/core/core-frontend/src/assets/svg/permission_del_white.svg b/core/core-frontend/src/assets/svg/permission_del_white.svg
new file mode 100644
index 0000000..ff46ddd
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/permission_del_white.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="14px" height="14px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -484 -209 )">
+    <path d="M 13.2797155040491 2.55992134455221  L 9.92797416445654 2.55992134455221  C 9.88235025024102 1.13300892710839  8.63865637746909 0  7.10924884137609 0  C 5.57982605664864 0  4.33852621948233 1.13299467793303  4.28570494981568 2.55543285432358  L 0.72026924731648 2.55543285432358  C 0.324124973451035 2.55543285432358  0 2.85607620458964  0 3.22850690016315  C 0 3.59870047520999  0.321730937845473 3.90159519517806  0.720284495950921 3.90159519517806  L 1.51499757655631 3.90159519517806  L 1.51499757655631 11.4310874258152  C 1.51499757655631 12.8445486217485  2.54020901521051 14  3.80793473584464 14  L 10.2664938488098 14  C 11.5318255338384 14  12.5594310080981 12.8512884816792  12.5594310080981 11.4310874258152  L 12.5594310080981 3.90608368540677  L 13.2797155040491 3.90608368540677  C 13.675875026549 3.90608368540677  14 3.60542608596529  14 3.23299539039178  C 14 2.86280181534494  13.6782690621545 2.55992134455221  13.2797155040491 2.55992134455221  Z M 11.2076853117529 11.4378130365705  C 11.2076853117529 12.2073682485626  10.7130806053707 12.7480817047714  10.2640998132043 12.7480817047714  L 3.80552545160464 12.7480817047714  C 3.3565446594381 12.7480817047714  2.86193995305592 12.202879758334  2.86193995305592 11.4310874258152  L 2.86193995305592 3.90608368540677  L 11.2076853117529 3.90608368540677  L 11.2076853117529 11.4378130365705  Z M 5.6350566105553 2.55543285432358  C 5.68787788022195 1.8262740543891  6.32414240046182 1.26089527568598  7.11164287698165 1.26089527568598  C 7.89914335350147 1.26089527568598  8.53540787374129 1.82851117491577  8.58103178795682 2.55543285432358  L 5.6350566105553 2.55543285432358  Z M 4.49316075172948 5.83332502131438  C 4.12326324246993 5.83332502131438  3.81818181818181 6.16898021042672  3.81818181818181 6.59036968898866  L 3.81818181818181 10.909635183892  C 3.81818181818181 11.3285662200342  4.11516980540483 11.6666642918041  4.49316075172948 11.6666642918041  C 4.86302396676399 11.6666642918041  5.16812253816454 11.331024662454  5.16812253816454 10.909635183892  L 5.16812253816454 6.59036968898866  C 5.16812253816454 6.16898021042672  4.86573321052737 5.83332502131438  4.49316075172948 5.83332502131438  Z M 6.93655568402272 5.83332502131438  C 6.56667532187578 5.83332502131438  6.26157675047523 6.16898021042672  6.26157675047523 6.59036968898866  L 6.26157675047523 10.909635183892  C 6.26157675047523 11.3285662200342  6.56667532187578 11.6666642918041  6.93655568402272 11.6666642918041  C 7.30643604616984 11.6666642918041  7.61151747045795 11.331024662454  7.61151747045795 10.909635183892  L 7.61151747045795 6.59036968898866  C 7.61151747045795 6.16898021042672  7.30912814282073 5.83332502131438  6.93655568402272 5.83332502131438  Z M 9.50683924827052 5.83332502131438  C 9.13695888612358 5.83332502131438  8.8318774618354 6.16898021042672  8.8318774618354 6.59036968898866  L 8.8318774618354 10.909635183892  C 8.8318774618354 11.3285662200342  9.12615620529499 11.6666642918041  9.50683924827052 11.6666642918041  C 9.87671961041758 11.6666642918041  10.1818181818182 11.331024662454  10.1818181818182 10.909635183892  L 10.1818181818182 6.59036968898866  C 10.1818181818182 6.16898021042672  9.87942885418096 5.83332502131438  9.50683924827052 5.83332502131438  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 484 209 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/core/core-frontend/src/assets/svg/permission_edit_blue.svg b/core/core-frontend/src/assets/svg/permission_edit_blue.svg
new file mode 100644
index 0000000..adf3ed0
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/permission_edit_blue.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="14px" height="14px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -455 -209 )">
+    <path d="M 10.6380448790056 3.60584629580953  C 10.8420734720058 3.36015491797786  10.9386366228914 3.05186701076234  10.9106021597311 2.73575453737382  C 10.8825676965707 2.41964206398533  10.7346080298912 2.13326294205413  10.4916426825016 1.92825930832199  L 8.53390267180486 0.277275845822597  C 8.03395474544554 -0.143685814283895  7.28636906116994 -0.0779594584308157  6.8658521137649 0.424377689874663  L 0.785488548323309 7.70591897045254  C 0.785488548323309 7.70591897045254  0.785488548323309 7.70748388368714  0.783931078147704 7.70748388368714  C 0.777701197445397 7.71530844986014  0.77147131674309 7.7231330160331  0.76524143604084 7.7325224954407  C 0.763683965865235 7.7356523219099  0.760569025514081 7.7387821483791  0.759011555338533 7.74034706161367  L 0.74499432375837 7.75912602042883  C 0.743436853582765 7.76225584689803  0.741879383407217 7.76538567336723  0.738764443056063 7.76851549983642  C 0.734092032529361 7.77634006600939  0.729419622002602 7.78416463218239  0.724747211475901 7.79355411158995  C 0.724747211475901 7.79511902482455  0.723189741300295 7.79668393805915  0.723189741300295 7.79668393805915  L 0.709172509720133 7.82485237628191  L 0.704500099193431 7.83424185568948  C 0.701385158842278 7.84206642186247  0.698270218491124 7.84832607480084  0.69515527813997 7.85615064097383  L 0.690482867613269 7.8655401203814  L 0.681138046559808 7.89370855860416  C 0.681138046559808 7.89527347183876  0.681138046559808 7.89527347183876  0.67958057638426 7.89683838507333  C 0.676465636033106 7.90779277771552  0.673350695681952 7.91874717035769  0.670235755330799 7.92813664976528  C 0.668678285155194 7.93126647623445  0.668678285155194 7.93439630270365  0.668678285155194 7.93752612917285  C 0.667120814979645 7.94535069534584  0.665563344804097 7.95474017475341  0.664005874628492 7.96256474092641  C 0.664005874628492 7.96412965416101  0.662448404452944 7.96569456739558  0.662448404452944 7.96882439386478  L 0.00831093071178091 11.7136617642544  C -0.0259534131508512 11.9108408318136  0.0472476851011148 12.1127146390765  0.199879762307411 12.242602437548  C 0.302672793895307 12.3286726654509  0.430385348292375 12.3756200624887  0.561212843040596 12.3756200624887  C 0.625069120239158 12.3756200624887  0.688925397437663 12.3646656698466  0.751224204460677 12.3427568845622  L 4.31783090652551 11.0548332924892  C 4.31938837670111 11.0548332924892  4.31938837670111 11.0532683792546  4.32094584687666 11.0532683792546  C 4.33029066793012 11.0501385527854  4.34119295915913 11.0454438130817  4.35053778021259 11.0407490733779  C 4.35209525038814 11.0407490733779  4.35209525038814 11.0391841601433  4.35365272056375 11.0391841601433  C 4.38635959425077 11.0250999410319  4.41750899776231 11.0063209822167  4.44865840127379 10.985977110167  C 4.45021587144933 10.985977110167  4.45021587144933 10.9844121969324  4.45177334162494 10.9844121969324  C 4.4595606925028 10.978152543994  4.46890551355626 10.9718928910556  4.47669286443411 10.9656332381172  C 4.47825033460966 10.9640683248826  4.47980780478527 10.962503411648  4.48292274513642 10.9609384984134  C 4.49071009601427 10.9546788454751  4.49693997671658 10.9499841057713  4.50316985741889 10.9437244528329  C 4.50472732759444 10.9421595395983  4.50784226794559 10.9405946263637  4.50939973812114 10.9374647998945  L 4.52808938022806 10.9186858410793  L 4.53431926093037 10.9124261881409  C 4.54054914163262 10.9061665352026  4.54677902233492 10.8983419690296  4.55300890303723 10.8920823160912  L 4.55768131356393 10.8873875763874  L 10.6380448790056 3.60584629580953  Z M 2.0034302256223 8.0001226585567  L 6.30360538038262 2.84999320349939  L 8.35790854196499 4.58235215419779  L 4.05929085738022 9.73091669602053  L 3.03136054150126 8.86551967728862  L 2.0034302256223 8.0001226585567  Z M 3.02045825027225 10.3255837251672  L 1.27920659398032 10.9531139322405  L 1.59848797997302 9.12686018746625  L 3.02045825027225 10.3255837251672  Z M 9.79389604384439 2.83277915791882  C 9.79545351401994 2.85155811673396  9.79078110349323 2.86720724907995  9.77987881226423 2.87972655495671  L 9.07901723325582 3.71852004870047  L 7.02471407167344 1.98616109800207  L 7.72557565068185 1.14736760425831  C 7.73647794191086 1.13484829838152  7.75049517349102 1.12702373220855  7.76762734542234 1.12545881897395  C 7.78475951735365 1.12389390573935  7.80033421910942 1.12858864544315  7.81279398051398 1.13954303808531  L 9.77209146138631 2.7905265005847  C 9.78455122279093 2.80148089322687  9.79233857366878 2.81556511233826  9.79389604384439 2.83277915791882  Z M 14 13.4366312355452  C 14 13.1252135018605  13.747689831557 12.8732624710905  13.4393107367933 12.8732624710905  L 0.589247306200921 12.8732624710905  C 0.279310741261684 12.8732624710905  0.0285580429942505 13.1252135018605  0.0285580429942505 13.4366312355452  C 0.0285580429942505 13.7480489692299  0.279310741261684 14  0.589247306200921 14  L 13.4393107367933 14  C 13.7492473017326 14  14 13.7480489692299  14 13.4366312355452  Z " fill-rule="nonzero" fill="#409eff" stroke="none" transform="matrix(1 0 0 1 455 209 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/core/core-frontend/src/assets/svg/permission_edit_white.svg b/core/core-frontend/src/assets/svg/permission_edit_white.svg
new file mode 100644
index 0000000..bb73d33
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/permission_edit_white.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="14px" height="14px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -455 -209 )">
+    <path d="M 10.6380448790056 3.60584629580953  C 10.8420734720058 3.36015491797786  10.9386366228914 3.05186701076234  10.9106021597311 2.73575453737382  C 10.8825676965707 2.41964206398533  10.7346080298912 2.13326294205413  10.4916426825016 1.92825930832199  L 8.53390267180486 0.277275845822597  C 8.03395474544554 -0.143685814283895  7.28636906116994 -0.0779594584308157  6.8658521137649 0.424377689874663  L 0.785488548323309 7.70591897045254  C 0.785488548323309 7.70591897045254  0.785488548323309 7.70748388368714  0.783931078147704 7.70748388368714  C 0.777701197445397 7.71530844986014  0.77147131674309 7.7231330160331  0.76524143604084 7.7325224954407  C 0.763683965865235 7.7356523219099  0.760569025514081 7.7387821483791  0.759011555338533 7.74034706161367  L 0.74499432375837 7.75912602042883  C 0.743436853582765 7.76225584689803  0.741879383407217 7.76538567336723  0.738764443056063 7.76851549983642  C 0.734092032529361 7.77634006600939  0.729419622002602 7.78416463218239  0.724747211475901 7.79355411158995  C 0.724747211475901 7.79511902482455  0.723189741300295 7.79668393805915  0.723189741300295 7.79668393805915  L 0.709172509720133 7.82485237628191  L 0.704500099193431 7.83424185568948  C 0.701385158842278 7.84206642186247  0.698270218491124 7.84832607480084  0.69515527813997 7.85615064097383  L 0.690482867613269 7.8655401203814  L 0.681138046559808 7.89370855860416  C 0.681138046559808 7.89527347183876  0.681138046559808 7.89527347183876  0.67958057638426 7.89683838507333  C 0.676465636033106 7.90779277771552  0.673350695681952 7.91874717035769  0.670235755330799 7.92813664976528  C 0.668678285155194 7.93126647623445  0.668678285155194 7.93439630270365  0.668678285155194 7.93752612917285  C 0.667120814979645 7.94535069534584  0.665563344804097 7.95474017475341  0.664005874628492 7.96256474092641  C 0.664005874628492 7.96412965416101  0.662448404452944 7.96569456739558  0.662448404452944 7.96882439386478  L 0.00831093071178091 11.7136617642544  C -0.0259534131508512 11.9108408318136  0.0472476851011148 12.1127146390765  0.199879762307411 12.242602437548  C 0.302672793895307 12.3286726654509  0.430385348292375 12.3756200624887  0.561212843040596 12.3756200624887  C 0.625069120239158 12.3756200624887  0.688925397437663 12.3646656698466  0.751224204460677 12.3427568845622  L 4.31783090652551 11.0548332924892  C 4.31938837670111 11.0548332924892  4.31938837670111 11.0532683792546  4.32094584687666 11.0532683792546  C 4.33029066793012 11.0501385527854  4.34119295915913 11.0454438130817  4.35053778021259 11.0407490733779  C 4.35209525038814 11.0407490733779  4.35209525038814 11.0391841601433  4.35365272056375 11.0391841601433  C 4.38635959425077 11.0250999410319  4.41750899776231 11.0063209822167  4.44865840127379 10.985977110167  C 4.45021587144933 10.985977110167  4.45021587144933 10.9844121969324  4.45177334162494 10.9844121969324  C 4.4595606925028 10.978152543994  4.46890551355626 10.9718928910556  4.47669286443411 10.9656332381172  C 4.47825033460966 10.9640683248826  4.47980780478527 10.962503411648  4.48292274513642 10.9609384984134  C 4.49071009601427 10.9546788454751  4.49693997671658 10.9499841057713  4.50316985741889 10.9437244528329  C 4.50472732759444 10.9421595395983  4.50784226794559 10.9405946263637  4.50939973812114 10.9374647998945  L 4.52808938022806 10.9186858410793  L 4.53431926093037 10.9124261881409  C 4.54054914163262 10.9061665352026  4.54677902233492 10.8983419690296  4.55300890303723 10.8920823160912  L 4.55768131356393 10.8873875763874  L 10.6380448790056 3.60584629580953  Z M 2.0034302256223 8.0001226585567  L 6.30360538038262 2.84999320349939  L 8.35790854196499 4.58235215419779  L 4.05929085738022 9.73091669602053  L 3.03136054150126 8.86551967728862  L 2.0034302256223 8.0001226585567  Z M 3.02045825027225 10.3255837251672  L 1.27920659398032 10.9531139322405  L 1.59848797997302 9.12686018746625  L 3.02045825027225 10.3255837251672  Z M 9.79389604384439 2.83277915791882  C 9.79545351401994 2.85155811673396  9.79078110349323 2.86720724907995  9.77987881226423 2.87972655495671  L 9.07901723325582 3.71852004870047  L 7.02471407167344 1.98616109800207  L 7.72557565068185 1.14736760425831  C 7.73647794191086 1.13484829838152  7.75049517349102 1.12702373220855  7.76762734542234 1.12545881897395  C 7.78475951735365 1.12389390573935  7.80033421910942 1.12858864544315  7.81279398051398 1.13954303808531  L 9.77209146138631 2.7905265005847  C 9.78455122279093 2.80148089322687  9.79233857366878 2.81556511233826  9.79389604384439 2.83277915791882  Z M 14 13.4366312355452  C 14 13.1252135018605  13.747689831557 12.8732624710905  13.4393107367933 12.8732624710905  L 0.589247306200921 12.8732624710905  C 0.279310741261684 12.8732624710905  0.0285580429942505 13.1252135018605  0.0285580429942505 13.4366312355452  C 0.0285580429942505 13.7480489692299  0.279310741261684 14  0.589247306200921 14  L 13.4393107367933 14  C 13.7492473017326 14  14 13.7480489692299  14 13.4366312355452  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 455 209 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/core/core-frontend/src/router/index.ts b/core/core-frontend/src/router/index.ts
index a0e47f0..49ca9f8 100644
--- a/core/core-frontend/src/router/index.ts
+++ b/core/core-frontend/src/router/index.ts
@@ -205,6 +205,13 @@ export const routes: AppRouteRecordRaw[] = [
     hidden: true,
     meta: {},
     component: () => import('@/viewsnew/application/service/datasource/index.vue')
+  },
+  {
+    path: '/permissionset',
+    name: 'permissionset',
+    hidden: true,
+    meta: {},
+    component: () => import('@/viewsnew/application/permissionset/index.vue')
   }
 ]
 
diff --git a/core/core-frontend/src/viewsnew/application/index.vue b/core/core-frontend/src/viewsnew/application/index.vue
index ddcc65b..ae4b6d9 100644
--- a/core/core-frontend/src/viewsnew/application/index.vue
+++ b/core/core-frontend/src/viewsnew/application/index.vue
@@ -38,10 +38,6 @@ function closeClick(e){  // 关闭新增弹窗
   }
   isAppPopUp.value = false
 }
-function addClick(){
-  paramsObj.value = {}
-  isAppPopUp.value = true
-}
 function updateClick(row:any){
   paramsObj.value = row
   isAppPopUp.value = true
@@ -110,7 +106,7 @@ function delClick(row){
             <img src="@/assets/newimg/icon/dataset.png" alt="" title="编辑数据集" @click="routerClick(item,'/datasetnew')">
             <img src="@/assets/newimg/icon/caidan.png" alt="" title="菜单配置">
             <img src="@/assets/newimg/icon/fuwu.png" alt="" title="服务配置">
-            <img src="@/assets/newimg/icon/permission.png" alt="" title="权限设置">
+            <img src="@/assets/newimg/icon/permission.png" alt="" title="权限设置" @click="routerClick(item,'/permissionset')">
             <img src="@/assets/newimg/icon/export.png" alt="" title="导出">
             <img src="@/assets/newimg/icon/release.png" alt="" title="发布">
             <img src="@/assets/newimg/icon/del.png" alt="" title="删除" @click="delClick(item)">
diff --git a/core/core-frontend/src/viewsnew/application/permissionset/header.vue b/core/core-frontend/src/viewsnew/application/permissionset/header.vue
new file mode 100644
index 0000000..0910b53
--- /dev/null
+++ b/core/core-frontend/src/viewsnew/application/permissionset/header.vue
@@ -0,0 +1,104 @@
+<script lang="ts" setup>
+import {ref, onMounted,watch } from 'vue'
+import { useRouter, useRoute } from 'vue-router'
+const props = defineProps({
+  projectInfo: {
+    type: String,
+    default: ''
+  }
+})
+const projectInfo:any=ref({
+  
+})
+watch(() => props.projectInfo, val => {
+  projectInfo.value = props.projectInfo
+})
+onMounted(()=>{
+  projectInfo.value = props.projectInfo
+})
+
+</script>
+<template>
+<div class="project-header-box">
+  <div class="project-header-left">
+    <div class="return-box" @click="$router.go(-1)">
+      <img src="@/assets/newimg/u594.png" alt="">
+    </div>
+    <img src="@/assets/newimg/logosmall.png" alt="" style="margin-left: 10px;">
+    <div class="header-title">{{projectInfo.name  }} - {{ projectInfo.typename }}</div>
+  </div>
+</div>
+</template>
+
+<style lang="less" scoped>
+.project-header-box{
+  width: 100%;
+  height: 60px;
+  background-color: rgba(37, 38, 38, 1);
+  box-sizing: border-box;
+  border-bottom: 1px solid rgba(79, 80, 82, 1);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  box-sizing: border-box;
+  padding: 0 10px;
+  .project-header-left{
+    display: flex;
+    align-items: center;
+  }
+  .project-header-right{
+    display: flex;
+    align-items: center;
+  }
+  .return-box{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 36px;
+    height: 36px;
+    cursor: pointer;
+  }
+  .return-box:hover{
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  .header-title{
+    font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
+    font-weight: 700;
+    font-style: normal;
+    font-size: 16px;
+    color: #F2F4F5;
+    padding-left: 14px;
+  }
+  .preview-button{
+    width: 60px;
+    height: 30px;
+    line-height: 30px;
+    background-color: rgba(54, 55, 56, 1);
+    border: none;
+    border-radius: 4px;
+    font-family: 'Arial Normal', 'Arial';
+    font-weight: 400;
+    font-style: normal;
+    font-size: 14px;
+    color: #F2F4F5;
+    text-align: center;
+    cursor: pointer;
+  }
+  .design-button{
+    width: 60px;
+    height: 30px;
+    line-height: 30px;
+    background-color: rgba(0, 137, 255, 1);
+    border: none;
+    border-radius: 4px;
+    font-family: 'Arial Normal', 'Arial';
+    font-weight: 400;
+    font-style: normal;
+    font-size: 14px;
+    color: #F2F4F5;
+    text-align: center;
+    margin-left: 10px;
+    cursor: pointer;
+  }
+}
+</style>
diff --git a/core/core-frontend/src/viewsnew/application/permissionset/index.vue b/core/core-frontend/src/viewsnew/application/permissionset/index.vue
new file mode 100644
index 0000000..fabc25d
--- /dev/null
+++ b/core/core-frontend/src/viewsnew/application/permissionset/index.vue
@@ -0,0 +1,109 @@
+<script lang="tsx" setup>
+import Header from './header.vue'
+import { findApplicationById } from "@/api/application/application";
+import { useRoute, useRouter } from 'vue-router'
+import { computed,reactive, ref, shallowRef, nextTick, watch, onMounted } from 'vue'
+import Organization from './organization/index.vue'
+
+const projectInfo:any =ref({})
+const route = useRoute()
+const router = useRouter()
+const applicationId:any =ref("")
+const curmenu = ref('')
+onMounted(() => {
+  if (route.query.id) {
+    applicationId.value = route.query.id
+    curmenu.value = '组织机构配置'
+    findApplicationById(applicationId.value).then(res => {
+      res.data.data.typename = '权限设置'
+      projectInfo.value = res.data.data
+    })
+  }else{
+    
+  }
+})
+function menuclick(name){
+  curmenu.value = name
+}
+</script>
+
+<template>
+   <div>
+      <Header :projectInfo="projectInfo"/>
+      <div class="permission-box">
+        <div class="permission-leftbox">
+          <div class="permission-leftbox-menu" :class="curmenu == '组织机构配置' ? 'permission-leftbox-menu-active' : ''" @click="menuclick('组织机构配置')">组织机构配置</div>
+          <div class="permission-leftbox-menu" :class="curmenu == '系统角色配置' ? 'permission-leftbox-menu-active' : ''" @click="menuclick('系统角色配置')">系统角色配置</div>
+          <div class="permission-leftbox-menu" :class="curmenu == '系统用户配置' ? 'permission-leftbox-menu-active' : ''" @click="menuclick('系统用户配置')">系统用户配置</div>
+        </div>
+        <div class="permission-rightbox">
+          <Organization v-if="curmenu == '组织机构配置'" :applicationId="applicationId" />
+        </div>
+      </div>
+    </div>
+</template>
+
+<style lang="less" scoped>
+.permission-box{
+   background: rgb(21,21,21);
+   height: calc(100vh - 60px);
+   display: flex;
+   .permission-leftbox{
+      width: 260px;
+      height: 100%;
+      border-right: 1px solid #4f5052;
+      background: rgb(37,38,38);
+      padding-top: 10px;
+      .permission-leftbox-menu{
+        width: 100%;
+        height: 40px;
+        line-height: 40px;
+        color: #ffffff;
+        font-size: 14px;
+        padding-left: 35px;
+      }
+      .permission-leftbox-menu:hover{
+        background: rgb(54,55,56);
+      }
+      .permission-leftbox-menu-active{
+        background: rgb(26,68,103);
+      }
+   }
+   .permission-rightbox{
+      width: calc(100% - 260px);
+      height: 100%;
+      padding: 13px;
+   }
+}
+</style>
+<style>
+.ed-dialog__header{
+  padding: 13px 20px;
+  border-bottom: 1px solid #333333;
+  margin-right: 0px;
+}
+.ed-dialog__headerbtn{
+  color: #ffffff;
+}
+.ed-dialog__title{
+  color: #ffffff;
+}
+.ed-dialog__headerbtn{
+  top: 13px !important;
+}
+.ed-dialog {
+  border: 1px solid #5f5f5f;
+  border-radius: 4px;
+  background: #212121;
+}
+.dialog-footer .ed-button{
+  color: #F2F4F5;
+  background-color: #212121;
+  border: 1px solid #363636;
+}
+.dialog-footer .ed-button--primary{
+  color: #F2F4F5;
+  background-color: #0089ff;
+  border: 1px solid #0089ff;
+}
+</style>
\ No newline at end of file
diff --git a/core/core-frontend/src/viewsnew/application/permissionset/organization/index.vue b/core/core-frontend/src/viewsnew/application/permissionset/organization/index.vue
new file mode 100644
index 0000000..1797c46
--- /dev/null
+++ b/core/core-frontend/src/viewsnew/application/permissionset/organization/index.vue
@@ -0,0 +1,174 @@
+<script lang="tsx" setup>
+import { ref, onMounted } from 'vue'
+import icon_permission_del_white from '@/assets/svg/permission_del_white.svg'
+import icon_permission_edit_white from '@/assets/svg/permission_edit_white.svg'
+import icon_permission_edit_blue from '@/assets/svg/permission_edit_blue.svg'
+import icon_permission_del_blue from '@/assets/svg/permission_del_blue.svg'
+import icon_add from '@/assets/svg/adds.svg'
+const props = defineProps({
+  applicationId:String
+})
+
+const treeData:any = ref([])
+const defaultProps = {
+  children: 'children',
+  label: 'name'
+}
+const hoverNodeId = ref(null);
+const currentNodeId = ref(null);
+const dialogVisible = ref(false);
+const title = ref('新增企业');
+onMounted(() => {
+  treeData.value = [{id:'111',name:'53'},{id:'232',name:'3434'}]
+})
+const handleMouseEnter = (node) => {
+  hoverNodeId.value = node.key; 
+};
+const handleMouseLeave = () => {
+  hoverNodeId.value = null;
+};
+function nodeclick(data:any,node:any){
+  currentNodeId.value = node.key
+}
+function addtree(data:any){
+  dialogVisible.value = true
+}
+function edittree(data:any){
+
+}
+function deltree(data:any){
+}
+function handleClose() {
+  dialogVisible.value = false;
+}
+</script>
+<template>
+   <div class="organization-box">
+      <div class="organization-leftbox">
+        <div class="leftbox-title">企业列表</div>
+        <div class="leftbox-btn" @click="addtree">
+            <el-icon style="font-size: 14px;">
+                <Icon name="icon_add"
+                  ><icon_add class="svg-icon"
+                /></Icon>
+              </el-icon>
+            <span>新增企业</span>
+        </div>
+        <el-tree :data="treeData" node-key="id" :props="defaultProps"
+         highlight-current default-expand-all :expand-on-click-node="false"
+          @node-click="nodeclick">
+          <template #default="{ node, data }">
+            <div class="custom-tree-node" @mouseenter="handleMouseEnter(node)"
+            @mouseleave="handleMouseLeave()">
+            <div>{{ node.label }}</div>
+            <div v-show="hoverNodeId === node.key || currentNodeId === node.key" style="display: flex;" >
+              <div>
+                <el-icon v-if="currentNodeId === node.key" @click.stop="edittree(data)">
+                  <icon_permission_edit_white class="svg-icon"/>
+                </el-icon>
+                <el-icon v-else @click.stop="edittree(data)">
+                  <icon_permission_edit_blue class="svg-icon"/>
+                </el-icon>
+              </div>
+              <div style="margin-left: 8px;">
+                <el-icon  v-if="currentNodeId === node.key" @click.stop="deltree(data)">
+                  <icon_permission_del_white class="svg-icon"/>
+                </el-icon>
+                <el-icon v-else @click.stop="deltree(data)">
+                  <icon_permission_del_blue class="svg-icon" />
+                </el-icon>
+              </div>
+            </div>
+            </div>
+          </template>
+        </el-tree>
+      </div>
+      <div class="organization-rightbox">
+    
+      </div>
+      <el-dialog v-model="dialogVisible" title="Tips" width="30%" :before-close="handleClose">
+        <span>This is a message</span>
+        <template #footer>
+          <span class="dialog-footer">
+            <el-button @click="handleClose">取消</el-button>
+            <el-button type="primary" @click="dialogVisible = false">确定</el-button>
+          </span>
+        </template>
+      </el-dialog>
+    </div>
+</template>
+
+<style lang="less" scoped>
+.organization-box{
+  width: 100%;
+  height: 100%;
+  display: flex;
+  .organization-leftbox{
+    width: 240px;
+    height: 100%;
+    background: rgb(33,33,33);
+    border-radius: 5px;
+    margin-right: 15px;
+    .leftbox-title{
+      width: 100%;
+      height: 44px;
+      line-height: 44px;
+      font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
+      font-weight: 700;
+      font-style: normal;
+      font-size: 15px;
+      color: #FFFFFF;
+      border-bottom: 1px solid #282828;
+      padding-left: 20px;
+    }
+    .leftbox-btn{
+      width: 200px;
+      height: 40px;
+      border-width: 1px;
+      border-style: solid;
+      border-color: rgba(0, 137, 255, 1);
+      border-radius: 3px;
+      font-size: 14px;
+      color: #0089FF;
+      margin: 0 auto;
+      margin-top: 15px;
+    }
+    :deep(.ed-tree){
+      background:#212121;
+      height: calc(100vh - 210px);
+      margin-top: 20px;
+      color: #ffffff;
+      font-size: 14px;
+    }
+    :deep(.ed-tree-node__content){
+      height: 40px;
+      line-height: 40px;
+    }
+    :deep(.ed-tree-node__content:hover){
+      background: rgba(61,158, 255, 0.1);
+      color: #0089FF;
+    }
+    :deep(.ed-tree--highlight-current .ed-tree-node.is-current>.ed-tree-node__content){
+      background: #409eff;
+      color: #ffffff;
+    }
+    :deep(.custom-tree-node){
+        flex: 1;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        font-size: 14px;
+        padding-right: 8px;
+    }
+    :deep(.ed-tree-node__content>.ed-tree-node__expand-icon){
+        padding: 2px;
+    }
+  }
+  .organization-rightbox{
+    width: calc(100% - 240px);
+    height: 100%;
+    background: rgb(33,33,33);
+    border-radius: 5px;
+  }
+}
+</style>
\ No newline at end of file