从简单到复杂完善组织架构

client/src/views/management/Organization.vue

@@ -28,17 +28,23 @@ onMounted(() => {
                       type: 'form',
                       api: {
                         method: 'post',
-                        url: `${information.baseUrl}/graphql`,
-                        dataType: 'application/json',
+                        url: `${information.baseUrl}/jsonapi`,
                         data: {
-                          // language=GraphQL
-                          query: 'mutation {\n    organization(op: UPSERT, data: {\n        organizationName: "苹果"\n    }) {\n        edges {\n            node {\n                organizationId\n                organizationName\n            }\n        }\n    }\n}',
+                          data: {
+                            type: 'organization',
+                            attributes: {
+                              name: '${name}'
+                            }
+                          }
                         },
+                        headers: {
+                          'Content-Type': 'application/vnd.api+json'
+                        }
                       },
                       body: [
                         {
                           type: 'input-text',
-                          name: 'organizationName',
+                          name: 'name',
                           label: '组织名称',
                           required: true,
                         },
@@ -47,6 +53,16 @@ onMounted(() => {
                   },
                 },
               ],
+              api: {
+                method: 'get',
+                url: `${information.baseUrl}/jsonapi/organization`,
+                data: {
+                  page: {
+                    size: '${perPage|default:undefined}',
+                    number: '${page|default:undefined}',
+                  }
+                },
+              },
               columns: [
                 {
                   name: 'organizationId',