feat(web): 适配jdk17

.idea/inspectionProfiles/Project_Default.xml

@@ -1,6 +1,11 @@
 <component name="InspectionProjectProfileManager">
   <profile version="1.0">
     <option name="myName" value="Project Default" />
+    <inspection_tool class="DuplicatedCode" enabled="true" level="WEAK WARNING" enabled_by_default="true">
+      <Languages>
+        <language minSize="47" name="Java" />
+      </Languages>
+    </inspection_tool>
     <inspection_tool class="HttpUrlsUsage" enabled="false" level="WEAK WARNING" enabled_by_default="false" />
   </profile>
 </component>

.idea/jarRepositories.xml

@@ -1,6 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="RemoteRepositoriesConfiguration">
+    <remote-repository>
+      <option name="id" value="central" />
+      <option name="name" value="Central Repository" />
+      <option name="url" value="https://repo.maven.apache.org/maven2" />
+    </remote-repository>
     <remote-repository>
       <option name="id" value="mavenCentral" />
       <option name="name" value="mavenCentral" />

.idea/jpa.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
-  <component name="JpaBuddyIdeaProjectConfig">
+  <component name="JpaBuddyIdeaProjectConfig" newRepositoryParent="com.blinkfox.fenix.jpa.FenixJpaRepository">
     <option name="defaultUnitInitialized" value="true" />
     <option name="renamerInitialized" value="true" />
   </component>

.idea/misc.xml

@@ -8,7 +8,7 @@
       </list>
     </option>
   </component>
-  <component name="ProjectRootManager" version="2" languageLevel="JDK_11" default="true" project-jdk-name="corretto-11" project-jdk-type="JavaSDK">
+  <component name="ProjectRootManager" version="2" languageLevel="JDK_17" default="true" project-jdk-name="temurin-17" project-jdk-type="JavaSDK">
     <output url="file://$PROJECT_DIR$/out" />
   </component>
   <component name="ProjectType">

.idea/modules.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/gringotts.iml" filepath="$PROJECT_DIR$/gringotts.iml" />
+      <module fileurl="file://$PROJECT_DIR$/gringotts-web/gringotts-web.iml" filepath="$PROJECT_DIR$/gringotts-web/gringotts-web.iml" />
+    </modules>
+  </component>
+</project>

gringotts-configuration/pom.xml

@@ -43,7 +43,7 @@
         </dependency>
         <dependency>
             <groupId>cn.dev33</groupId>
-            <artifactId>sa-token-spring-boot-starter</artifactId>
+            <artifactId>sa-token-spring-boot3-starter</artifactId>
         </dependency>
         <dependency>
             <groupId>org.springframework.retry</groupId>

gringotts-configuration/src/main/java/com/eshore/gringotts/configuration/WebConfiguration.java

@@ -1,8 +1,12 @@
 package com.eshore.gringotts.configuration;
 
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import org.springframework.context.annotation.Bean;
 import org.springframework.context.annotation.Configuration;
-import org.springframework.web.servlet.config.annotation.CorsRegistry;
-import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
+import org.springframework.web.cors.CorsConfiguration;
+import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
+import org.springframework.web.filter.CorsFilter;
 
 /**
  * web配置
@@ -11,14 +15,25 @@ import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
  * @date 2024-11-14
  */
 @Configuration
-public class WebConfiguration implements WebMvcConfigurer {
-    @Override
-    public void addCorsMappings(CorsRegistry registry) {
-        // 避免跨域影响调试
-        registry.addMapping("/**")
-                .allowedOriginPatterns("*")
-                .allowCredentials(true)
-                .allowedMethods("*")
-                .maxAge(3600);
+public class WebConfiguration {
+    private static final Logger logger = LoggerFactory.getLogger(WebConfiguration.class);
+
+    @Bean
+    public CorsFilter corsFilter() {
+        CorsConfiguration config = new CorsConfiguration();
+        config.setAllowCredentials(true);
+        // 设置访问源地址
+        config.addAllowedOriginPattern("*");
+        // 设置访问源请求头
+        config.addAllowedHeader("*");
+        // 设置访问源请求方法
+        config.addAllowedMethod("*");
+        // 有效期 1800秒
+        config.setMaxAge(1800L);
+        // 添加映射路径，拦截一切请求
+        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
+        source.registerCorsConfiguration("/**", config);
+        // 返回新的CorsFilter
+        return new CorsFilter(source);
     }
 }

gringotts-forest/pom.xml

@@ -18,7 +18,7 @@
         </dependency>
         <dependency>
             <groupId>com.dtflys.forest</groupId>
-            <artifactId>forest-spring-boot-starter</artifactId>
+            <artifactId>forest-spring-boot3-starter</artifactId>
         </dependency>
         <dependency>
             <groupId>org.springframework.cloud</groupId>

gringotts-frontend/.gitignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

gringotts-frontend/components/constants.js

@@ -0,0 +1,409 @@
+const information = {
+    debug: true,
+    // baseUrl: '',
+    baseUrl: 'http://127.0.0.1:20080',
+    title: '可信供给中心',
+}
+
+export function useAmis(amisObject) {
+    document.title = information.title
+    let amis = amisRequire('amis/embed')
+    let struct = amisObject(information)
+    if (information.debug) {
+        console.log(struct)
+    }
+    amis.embed(
+        '#app',
+        struct,
+        {
+            data: {
+                base: information.baseUrl,
+            },
+        },
+        {
+            theme: 'antd',
+            enableAMISDebug: information.debug,
+        }
+    )
+}
+
+export function crudCommonOptions() {
+    return {
+        affixHeader: false,
+        stopAutoRefreshWhenModalIsOpen: true,
+        resizable: false,
+        syncLocation: false,
+        silentPolling: true,
+    }
+}
+
+export function readOnlyDialogOptions() {
+    return {
+        actions: [],
+        showCloseButton: false,
+        closeOnEsc: true,
+        closeOnOutside: true,
+        disabled: true,
+    }
+}
+
+export function horizontalFormOptions() {
+    return {
+        mode: 'horizontal',
+        canAccessSuperData: false,
+        horizontal: {
+            left: 3,
+        },
+    }
+}
+
+export function paginationCommonOptions(perPage = true, maxButtons = 5) {
+    let option = {
+        type: 'pagination',
+        layout: [
+            'pager'
+        ],
+        maxButtons: maxButtons,
+        showPageInput: false,
+        perPageAvailable: [10, 15, 20, 50, 100, 200],
+    }
+    if (perPage) {
+        option.layout.push('perPage')
+    }
+    return option
+}
+
+export function paginationTemplate(perPage = 20, maxButtons = 5) {
+    return {
+        perPage: perPage,
+        headerToolbar: [
+            "reload",
+            paginationCommonOptions(true, maxButtons),
+        ],
+        footerToolbar: [
+            "statistics",
+            paginationCommonOptions(true, maxButtons),
+        ],
+    }
+}
+
+export const size5MB = 5242880
+export const size100MB = 104857600
+export const size500MB = 524288000
+export const size1GB = 1073741824
+
+export function inputFileFormItemCommonOptions(accept = '*', maxSize = size5MB) {
+    return {
+        useChunk: true,
+        accept: accept,
+        maxSize: maxSize,
+        autoUpload: false,
+        startChunkApi: apiPost('${base}/upload/start'),
+        chunkApi: apiPost('${base}/upload/slice'),
+        finishChunkApi: apiPost('${base}/upload/finish'),
+    }
+}
+
+/**
+ * @param {string} field
+ * @param {string} label
+ * @param {string} tips
+ * @param {number} ignoreLength
+ * @param {{}} extra
+ */
+export function copyField(field, label, tips = '复制', ignoreLength = 0, extra = undefined) {
+    let tpl = ignoreLength === 0 ? `\${${field}}` : `\${TRUNCATE(${field}, ${ignoreLength})}`
+    let content = extra
+        ? {
+            type: 'action',
+            level: 'link',
+            label: `\${${field}}`,
+            className: 'text-current underline',
+            size: 'xs',
+            ...extra,
+        }
+        : {
+            type: 'tpl',
+            className: 'mr-1',
+            tpl: tpl,
+        }
+    return {
+        name: field,
+        type: 'wrapper',
+        size: 'none',
+        className: 'nowrap',
+        body: [
+            content,
+            {
+                type: 'action',
+                level: 'link',
+                label: '',
+                icon: 'fa fa-copy',
+                size: 'xs',
+                actionType: 'copy',
+                content: `\$${field}`,
+                tooltip: `${tips}`,
+            },
+        ]
+    }
+}
+
+/**
+ * @param {string} label
+ * @param {number} width
+ * @param {Array} buttons
+ */
+export function operationField(label, width = 100, buttons = []) {
+    return {
+        label: label,
+        width: width,
+        type: 'operation',
+        fixed: 'right',
+        className: 'nowrap',
+        buttons: buttons,
+    }
+}
+
+/**
+ * @param {string} field
+ * @param {string} label
+ * @param {number} width
+ */
+export function timeField(field, label, width = 150) {
+    return {
+        label: label,
+        width: width,
+        align: 'center',
+        type: 'tpl',
+        tpl: `\${IF(${field}, DATETOSTR(${field}), '-')}`
+    }
+}
+
+export function stringWrapField(field, label, width = undefined) {
+    return stringField(field, label, width, true)
+}
+
+/**
+ * @param {string} field
+ * @param {string} label
+ * @param {number} width
+ * @param {boolean} wrap
+ */
+export function stringField(field, label, width = undefined, wrap = false) {
+    let data = {
+        name: field,
+        label: label,
+    }
+    if (width) {
+        data['width'] = width
+    }
+    if (wrap) {
+        data['className'] = 'nowrap'
+    }
+    return data
+}
+
+/**
+ * @param {string} field
+ * @param {string} label
+ * @param {[{label: *, value: *, color: string}]} mapping
+ * @param {number} width
+ */
+export function mappingField(field, label, mapping, width = 80) {
+    let mapData = {
+        '*': `<span class='label bg-gray-300'>\${${field}}</span>`,
+    }
+    mapping.forEach(item => {
+        mapData[item['value']] = `<span class='label ${item['color']}'>${item['label']}</span>`
+    })
+    return {
+        label: label,
+        type: 'mapping',
+        width: width,
+        value: `\${${field}}`,
+        align: 'center',
+        map: mapData,
+    }
+}
+
+function mappingItem(label, value, color = 'bg-info') {
+    return {
+        label: label,
+        value: value,
+        color: color,
+    }
+}
+
+export const userRoleMapping = [
+    mappingItem('数据提供方', 'PROVIDER', 'bg-blue-500'),
+    mappingItem('数据使用方', 'CUSTOMER', 'bg-purple-500'),
+    mappingItem('审核监管方', 'CHECKER', 'bg-cyan-500'),
+    mappingItem('系统管理员', 'ADMINISTRATOR', 'bg-green-500'),
+]
+
+export const userStateMapping = [
+    mappingItem('审查中', 'CHECKING', 'bg-warning'),
+    mappingItem('正常', 'NORMAL', 'bg-success'),
+    mappingItem('禁用', 'DISABLED', 'bg-danger'),
+]
+
+export const confirmationStateMapping = [
+    mappingItem('未确权', 'NONE'),
+    mappingItem('草稿', 'DRAFT', 'bg-primary'),
+    mappingItem('审查中', 'CHECKING', 'bg-warning'),
+    mappingItem('通过', 'NORMAL', 'bg-success'),
+    mappingItem('驳回', 'REJECT', 'bg-danger'),
+]
+
+export const checkTypeMapping = [
+    mappingItem('确权审查', 'CONFIRMATION', 'bg-blue-500'),
+    mappingItem('授权审查', 'AUTHENTICATION', 'bg-purple-500'),
+]
+
+export const checkOverMapping = [
+    mappingItem('完结', 'true', 'bg-success'),
+    mappingItem('进行中', 'false', 'bg-primary'),
+]
+
+function api(method, url) {
+    return {
+        method: method,
+        url: url,
+        headers: {
+            token: '${token|default:undefined}',
+        }
+    }
+}
+
+export function apiGet(url) {
+    return api('get', url)
+}
+
+export function apiPost(url) {
+    return api('post', url)
+}
+
+export function arrayInCheck(array, field) {
+    return `\${ARRAYINCLUDES(['${array.join("','")}'], ${field})}`
+}
+
+export function arrayOutCheck(array, field) {
+    return `\${!ARRAYINCLUDES(['${array.join("','")}'], ${field})}`
+}
+
+export const confirmationState = {
+    none: 'NONE',
+    draft: 'DRAFT',
+    checking: 'CHECKING',
+    normal: 'NORMAL',
+}
+
+export function roleCheck(roles) {
+    return `\${ARRAYINCLUDES(['${roles.join("','")}'], role)}`
+}
+
+export const role = {
+    administrator: 'ADMINISTRATOR',
+    checker: 'CHECKER',
+    provider: 'PROVIDER',
+    customer: 'CUSTOMER',
+}
+
+export const administratorOnly = roleCheck([role.administrator])
+export const checkerOnly = roleCheck([role.administrator, role.checker])
+export const userOnly = roleCheck([role.administrator, role.provider, role.customer])
+export const providerOnly = roleCheck([role.administrator, role.provider])
+export const customerOnly = roleCheck([role.administrator, role.customer])
+
+
+export const formInputClearable = {
+    clearable: true,
+    clearValueOnEmpty: true,
+}
+
+const formInputFileStaticColumns = [
+    {
+        name: 'filename',
+        label: '文件名',
+    },
+    {
+        type: 'operation',
+        label: '操作',
+        width: 140,
+        buttons: [
+            {
+                type: 'action',
+                label: '预览',
+                level: 'link',
+                icon: 'fas fa-eye'
+            },
+            {
+                type: 'action',
+                label: '下载',
+                level: 'link',
+                icon: 'fa fa-download'
+            }
+        ]
+    }
+]
+
+export function formInputSingleFileStatic(field, label) {
+    return {
+        visibleOn: '${detail}',
+        type: 'control',
+        label: label,
+        required: true,
+        body: {
+            type: 'table',
+            source: `\${${field}|asArray}`,
+            columns: formInputFileStaticColumns,
+        }
+    }
+}
+
+export function formInputMultiFileStatic(field, label) {
+    return {
+        visibleOn: '${detail}',
+        type: 'input-table',
+        label: label,
+        name: field,
+        required: true,
+        resizable: false,
+        columns: formInputFileStaticColumns,
+    }
+}
+
+export function formCreatedUserAndModifiedUser() {
+    return [
+        {
+            type: 'group',
+            body: [
+                {
+                    type: 'input-text',
+                    name: 'createdUsername',
+                    label: '创建人',
+                },
+                {
+                    type: 'input-datetime',
+                    name: 'createdTime',
+                    label: '创建时间',
+                },
+            ]
+        },
+        {
+            type: 'group',
+            body: [
+                {
+                    type: 'input-text',
+                    name: 'modifiedUsername',
+                    label: '最后修改人',
+                },
+                {
+                    type: 'input-datetime',
+                    name: 'modifiedTime',
+                    label: '最后修改时间',
+                },
+            ]
+        },
+    ]
+}

gringotts-frontend/components/permission/dialog-permission.css

@@ -0,0 +1,3 @@
+textarea {
+    resize: none !important;
+}

gringotts-frontend/components/permission/dialog-permission.js

@@ -0,0 +1,152 @@
+import './dialog-permission.css'
+import {
+    apiGet,
+    apiPost,
+    formCreatedUserAndModifiedUser,
+    formInputClearable,
+    formInputMultiFileStatic,
+    horizontalFormOptions,
+    inputFileFormItemCommonOptions,
+    size100MB
+} from "../constants.js";
+import {resourceList} from "../../pages/index/tab-data.js";
+import {resourceDetailDialog} from "../resource/dialog-resource.js";
+
+function detailForm(showCreatedUserAndModifiedUser = false) {
+    return {
+        id: 'permission_form',
+        type: 'form',
+        ...horizontalFormOptions(),
+        horizontal: {
+            left: 2,
+        },
+        body: [
+            {
+                type: 'hidden',
+                name: 'id',
+            },
+            {
+                type: 'picker',
+                name: 'targetId',
+                label: '数据资源',
+                required: true,
+                multiple: false,
+                size: 'md',
+                valueField: 'id',
+                labelField: 'name',
+                source: apiGet('${base}/data_resource/list'),
+                pickerSchema: {
+                    ...resourceList(),
+                },
+                staticSchema: {
+                    type: 'tpl',
+                    tpl: "<span class='text-primary' style='cursor: pointer'>${targetName}</span>",
+                    onEvent: {
+                        click: {
+                            actions: [
+                                {
+                                    actionType: 'dialog',
+                                    ...resourceDetailDialog('targetId'),
+                                }
+                            ]
+                        }
+                    }
+                }
+            },
+            {
+                type: 'textarea',
+                label: '确权说明',
+                name: 'description',
+                ...formInputClearable,
+            },
+            formInputMultiFileStatic('evidenceFiles', '相关材料'),
+            {
+                visibleOn: '${!detail}',
+                type: 'input-file',
+                label: '相关材料',
+                name: 'evidenceFiles',
+                multiple: true,
+                required: true,
+                joinValues: false,
+                ...inputFileFormItemCommonOptions(undefined, size100MB),
+            },
+            ...(showCreatedUserAndModifiedUser ? formCreatedUserAndModifiedUser() : [])
+        ]
+    }
+}
+
+export function permissionAddDialog() {
+    return {
+        actionType: 'dialog',
+        dialog: {
+            title: '新增确权申请',
+            size: 'md',
+            actions: [
+                {
+                    type: 'reset',
+                    label: '重置',
+                },
+                {
+                    type: 'submit',
+                    label: '确定',
+                    level: 'primary',
+                }
+            ],
+            body: {
+                ...detailForm(),
+                api: apiPost('${base}/confirmation/save'),
+                data: {
+                    add: true,
+                },
+            }
+        }
+    }
+}
+
+export function permissionDetailDialog(field = 'id', actions = []) {
+    return {
+        actionType: 'dialog',
+        dialog: {
+            title: '确权申请详情',
+            size: 'md',
+            actions: actions,
+            body: {
+                ...detailForm(true),
+                initApi: apiGet(`\${base}/confirmation/detail/\${${field}}`),
+                static: true,
+                data: {
+                    detail: true,
+                },
+            }
+        }
+    }
+}
+
+export function permissionEditeDialog(field = 'id') {
+    return {
+        actionType: 'dialog',
+        dialog: {
+            title: '确权申请详情',
+            size: 'md',
+            actions: [
+                {
+                    type: 'reset',
+                    label: '重置',
+                },
+                {
+                    type: 'submit',
+                    label: '确定',
+                    level: 'primary',
+                }
+            ],
+            body: {
+                ...detailForm(),
+                api: apiPost('${base}/confirmation/save'),
+                initApi: apiGet(`\${base}/confirmation/detail/\${${field}}`),
+                data: {
+                    edit: true,
+                }
+            },
+        }
+    }
+}

gringotts-frontend/components/resource/dialog-resource.css

@@ -0,0 +1,3 @@
+textarea {
+    resize: none !important;
+}

gringotts-frontend/components/resource/dialog-resource.js

@@ -0,0 +1,378 @@
+import './dialog-resource.css'
+import {
+    apiGet,
+    apiPost,
+    formCreatedUserAndModifiedUser,
+    formInputClearable,
+    formInputSingleFileStatic,
+    horizontalFormOptions,
+    inputFileFormItemCommonOptions,
+    size1GB,
+    size500MB
+} from "../constants.js";
+
+function detailForm(showCreatedUserAndModifiedUser = false) {
+    return {
+        type: 'form',
+        ...horizontalFormOptions(),
+        horizontal: {
+            left: 2,
+        },
+        body: [
+            {
+                type: 'hidden',
+                name: 'id',
+            },
+            {
+                type: 'input-text',
+                name: 'name',
+                label: '资源名称',
+                maxLength: 10,
+                showCounter: true,
+                required: true,
+                ...formInputClearable,
+            },
+            {
+                type: 'textarea',
+                name: 'description',
+                label: '资源描述',
+                ...formInputClearable,
+                showCounter: true,
+                trimContents: true,
+                minRows: 2,
+                maxRows: 2,
+            },
+            {
+                type: 'fieldSet',
+                title: '资源类型定义',
+                body: [
+                    {
+                        name: 'resourceType',
+                        type: 'select',
+                        label: '资源类型',
+                        selectFirst: true,
+                        required: true,
+                        options: [
+                            {label: 'API', value: 'API'},
+                            {label: '文件', value: 'FILE'},
+                            {label: '数据库', value: 'DATABASE'},
+                            {label: 'HDFS', value: 'HDFS'},
+                            {label: 'FTP', value: 'FTP'},
+                        ]
+                    },
+                    {
+                        visibleOn: "${resourceType === 'API'}",
+                        type: 'fieldSet',
+                        body: [
+                            {
+                                type: 'input-text',
+                                label: 'API地址',
+                                name: 'apiUrl',
+                                required: true,
+                                ...formInputClearable,
+                            },
+                            {
+                                type: 'input-text',
+                                label: '用户名',
+                                name: 'apiUsername',
+                                ...formInputClearable,
+                            },
+                            {
+                                type: 'input-password',
+                                label: '密码',
+                                name: 'apiPassword',
+                                ...formInputClearable,
+                            },
+                        ]
+                    },
+                    {
+                        visibleOn: "${resourceType === 'FILE'}",
+                        type: 'fieldSet',
+                        body: [
+                            formInputSingleFileStatic('file', '数据文件'),
+                            {
+                                visibleOn: "${!detail}",
+                                type: 'input-file',
+                                label: '数据文件',
+                                description: '只适合小于1GB的资源文件使用，大文件请使用其他资源类型',
+                                name: 'file',
+                                multiple: false,
+                                required: true,
+                                joinValues: false,
+                                ...inputFileFormItemCommonOptions('.zip', size1GB),
+                            },
+                        ]
+                    },
+                    {
+                        visibleOn: "${resourceType === 'DATABASE'}",
+                        type: 'fieldSet',
+                        body: [
+                            {
+                                type: 'select',
+                                label: '数据库类型',
+                                name: 'databaseType',
+                                required: true,
+                                options: [
+                                    {label: 'MySQL', value: 'MYSQL'},
+                                    {label: 'Oracle', value: 'ORACLE'},
+                                    {label: 'PostgreSQL', value: 'POSTGRESQL'},
+                                ]
+                            },
+                            {
+                                type: 'input-text',
+                                label: 'JDBC',
+                                name: 'databaseJdbc',
+                                required: true,
+                                ...formInputClearable,
+                            },
+                            {
+                                type: 'input-text',
+                                label: '用户名',
+                                name: 'databaseUsername',
+                                ...formInputClearable,
+                            },
+                            {
+                                type: 'input-password',
+                                label: '密码',
+                                name: 'databasePassword',
+                                ...formInputClearable,
+                            },
+                        ]
+                    },
+                    {
+                        visibleOn: "${resourceType === 'HDFS'}",
+                        type: 'fieldSet',
+                        body: [
+                            formInputSingleFileStatic('coreSiteFile', 'core-site.xml'),
+                            {
+                                visibleOn: "${!detail}",
+                                type: 'input-file',
+                                label: 'core-site.xml',
+                                name: 'coreSiteFile',
+                                multiple: false,
+                                required: true,
+                                joinValues: false,
+                                ...inputFileFormItemCommonOptions('.xml'),
+                            },
+                            formInputSingleFileStatic('hdfsSiteFile', 'hdfs-site.xml'),
+                            {
+                                visibleOn: "${!detail}",
+                                type: 'input-file',
+                                label: 'hdfs-site.xml',
+                                name: 'hdfsSiteFile',
+                                multiple: false,
+                                required: true,
+                                joinValues: false,
+                                ...inputFileFormItemCommonOptions('.xml'),
+                            },
+                        ]
+                    },
+                    {
+                        visibleOn: "${resourceType === 'FTP'}",
+                        type: 'fieldSet',
+                        body: [
+                            {
+                                type: 'input-text',
+                                label: 'FTP地址',
+                                name: 'ftpUrl',
+                                required: true,
+                                ...formInputClearable,
+                            },
+                            {
+                                type: 'input-text',
+                                label: 'FTP账号',
+                                name: 'ftpUsername',
+                                ...formInputClearable,
+                            },
+                            {
+                                type: 'input-password',
+                                label: 'FTP密码',
+                                name: 'ftpPassword',
+                                ...formInputClearable,
+                            },
+                            {
+                                type: 'input-text',
+                                label: '相对路径',
+                                name: 'ftpPath',
+                                description: '若为空，则使用用户根目录',
+                                ...formInputClearable,
+                            },
+                            {
+                                type: 'input-text',
+                                label: '文件筛选',
+                                name: 'ftpRegexFilter',
+                                description: '正则表达式，用于匹配文件的路径，只有符合筛选条件的文件才会被采集；若为空则默认采集全部文件',
+                                ...formInputClearable,
+                            },
+                        ]
+                    },
+                ]
+            },
+            {
+                type: 'fieldSet',
+                title: '资源格式定义',
+                className: 'mt-5',
+                body: [
+                    {
+                        name: 'formatType',
+                        type: 'select',
+                        label: '资源格式',
+                        selectFirst: true,
+                        required: true,
+                        options: [
+                            {label: '无', value: 'NONE'},
+                            {label: 'Line', value: 'LINE'},
+                            {label: 'JSON', value: 'JSON'},
+                            {label: 'JSON Line', value: 'JSON_LINE'},
+                            {label: 'CSV', value: 'CSV'},
+                        ]
+                    },
+                    {
+                        visibleOn: "${formatType === 'JSON' && !detail}",
+                        type: 'json-schema-editor',
+                        name: 'jsonSchema',
+                        label: 'JSON格式',
+                        description: '（使用JSON Schema格式）',
+                        required: true,
+                        enableAdvancedSetting: true,
+                        mini: true,
+                    },
+                    {
+                        visibleOn: "${formatType === 'JSON' && detail}",
+                        type: 'editor',
+                        name: 'jsonSchemaText',
+                        label: 'JSON格式',
+                        language: 'json',
+                    },
+                    {
+                        visibleOn: "${formatType === 'JSON_LINE' && !detail}",
+                        type: 'json-schema-editor',
+                        name: 'jsonLineSchema',
+                        label: 'JSON格式',
+                        description: 'JSON Line类型请定义单行JSON数据格式（使用JSON Schema格式）',
+                        required: true,
+                        enableAdvancedSetting: true,
+                        mini: true,
+                    },
+                    {
+                        visibleOn: "${formatType === 'JSON_LINE' && detail}",
+                        type: 'editor',
+                        name: 'jsonLineSchemaText',
+                        label: 'JSON格式',
+                        language: 'json',
+                    },
+                    {
+                        visibleOn: "${formatType === 'CSV' && !detail}",
+                        type: 'json-schema-editor',
+                        name: 'csvSchema',
+                        label: 'CSV格式',
+                        description: '请定义单行数据中各个字段的格式（使用JSON Schema格式）',
+                        required: true,
+                        enableAdvancedSetting: true,
+                        mini: true,
+                        disabledTypes: [
+                            'object',
+                            'array',
+                            'null',
+                        ]
+                    },
+                    {
+                        visibleOn: "${formatType === 'CSV' && detail}",
+                        type: 'editor',
+                        name: 'csvSchemaText',
+                        label: 'JSON格式',
+                        language: 'json',
+                    },
+                    formInputSingleFileStatic('exampleFile', '资源示例'),
+                    {
+                        visibleOn: "${!detail}",
+                        type: 'input-file',
+                        label: '资源示例',
+                        name: 'exampleFile',
+                        description: '可以上传用于作为格式示范的样例数据',
+                        multiple: false,
+                        joinValues: false,
+                        ...inputFileFormItemCommonOptions(undefined, size500MB),
+                    },
+                ]
+            },
+            ...(showCreatedUserAndModifiedUser ? formCreatedUserAndModifiedUser() : [])
+        ]
+    }
+}
+
+export function resourceAddDialog() {
+    return {
+        actionType: 'dialog',
+        dialog: {
+            title: '新增数据资源',
+            size: 'md',
+            actions: [
+                {
+                    type: 'reset',
+                    label: '重置',
+                },
+                {
+                    type: 'submit',
+                    label: '确定',
+                    level: 'primary',
+                }
+            ],
+            body: {
+                ...detailForm(),
+                api: apiPost('${base}/data_resource/save'),
+                data: {
+                    add: true,
+                }
+            }
+        }
+    }
+}
+
+export function resourceDetailDialog(field = 'id') {
+    return {
+        actionType: 'dialog',
+        dialog: {
+            title: '账号详情',
+            actions: [],
+            size: 'md',
+            body: {
+                ...detailForm(true),
+                static: true,
+                initApi: apiGet(`\${base}/data_resource/detail/\${${field}}`),
+                data: {
+                    detail: true,
+                }
+            },
+        }
+    }
+}
+
+export function resourceEditeDialog() {
+    return {
+        actionType: 'dialog',
+        dialog: {
+            title: '账号详情',
+            size: 'md',
+            actions: [
+                {
+                    type: 'reset',
+                    label: '重置',
+                },
+                {
+                    type: 'submit',
+                    label: '确定',
+                    level: 'primary',
+                }
+            ],
+            body: {
+                ...detailForm(),
+                api: apiPost('${base}/data_resource/save'),
+                initApi: apiGet('${base}/data_resource/detail/${id}'),
+                data: {
+                    edit: true,
+                }
+            },
+        }
+    }
+}

gringotts-frontend/components/user/dialog-user-change-password.js

@@ -0,0 +1,38 @@
+import {horizontalFormOptions, apiPost} from '../constants.js'
+import {confirmPasswordFormItem, passwordFormItem} from "./dialog-user-item.js";
+
+export function userChangePasswordDialog() {
+    return {
+        actionType: 'dialog',
+        dialog: {
+            title: '修改密码',
+            actions: [
+                {
+                    type: 'reset',
+                    label: '清空',
+                },
+                {
+                    type: 'submit',
+                    label: '修改',
+                    level: 'primary',
+                }
+            ],
+            body: {
+                type: 'form',
+                api: apiPost('${base}/user_management/change_password'),
+                ...horizontalFormOptions(),
+                body: [
+                    {
+                        type: 'input-password',
+                        name: 'oldPassword',
+                        label: '旧密码',
+                        placeholder: '请输入旧密码',
+                        required: true,
+                    },
+                    passwordFormItem('newPassword', '新密码'),
+                    confirmPasswordFormItem('confirmNewPassword', 'newPassword', '新密码'),
+                ]
+            }
+        }
+    }
+}

gringotts-frontend/components/user/dialog-user-check.js

@@ -0,0 +1,98 @@
+import {
+    apiGet,
+    formCreatedUserAndModifiedUser,
+    horizontalFormOptions,
+    mappingField,
+    userRoleMapping,
+    userStateMapping
+} from "../constants.js";
+
+const dialogBody = [
+    {
+        type: 'input-email',
+        name: 'username',
+        label: '邮箱',
+    },
+    {
+        type: 'group',
+        body: [
+            mappingField('role', '角色', userRoleMapping),
+            mappingField('state', '账号状态', userStateMapping),
+        ]
+    },
+    ...formCreatedUserAndModifiedUser(),
+    {
+        type: 'group',
+        body: [
+            {
+                type: 'input-text',
+                name: 'checkedUsername',
+                label: '审核人',
+            },
+            {
+                type: 'input-datetime',
+                name: 'checkedTime',
+                label: '审核时间',
+            },
+        ]
+    },
+]
+
+export function userDetailDialog() {
+    return {
+        actionType: 'dialog',
+        dialog: {
+            title: '账号详情',
+            actions: [],
+            size: 'md',
+            body: {
+                type: 'form',
+                initApi: apiGet('${base}/user_management/detail/${username}'),
+                ...horizontalFormOptions(),
+                horizontal: {
+                    left: 2,
+                },
+                static: true,
+                body: [
+                    ...dialogBody,
+                    {
+                        type: 'input-datetime',
+                        name: 'lastLoginTime',
+                        label: '上次登陆时间',
+                    },
+                ],
+            }
+        }
+    }
+}
+
+export function userCheckDialog() {
+    return {
+        actionType: 'dialog',
+        dialog: {
+            title: '账号审核',
+            actions: [
+                {
+                    type: 'action',
+                    label: '同意',
+                    level: 'primary',
+                    actionType: 'submit',
+                    confirmTitle: '审核通过',
+                    confirmText: '确认通过账号为${username}通过审核吗？审核通过后将无法撤销。',
+                },
+            ],
+            size: 'md',
+            body: {
+                type: 'form',
+                api: apiGet('${base}/user_management/check/${username}'),
+                initApi: apiGet('${base}/user_management/detail/${username}'),
+                ...horizontalFormOptions(),
+                horizontal: {
+                    left: 2,
+                },
+                static: true,
+                body: dialogBody,
+            }
+        }
+    }
+}

gringotts-frontend/components/user/dialog-user-item.js

@@ -0,0 +1,49 @@
+export function emailFormItem(name) {
+    return {
+        type: 'input-email',
+        name: name,
+        label: '邮箱',
+        placeholder: '请输入邮箱',
+        required: true,
+        clearable: true,
+        clearValueOnEmpty: true,
+        validateApi: '${base}/user/exists_username/${username}',
+    }
+}
+
+export function passwordFormItem(name, label = '密码') {
+    return {
+        type: 'input-password',
+        name: name,
+        label: label,
+        placeholder: `请输入${label}`,
+        required: true,
+        clearable: true,
+        clearValueOnEmpty: true,
+        validations: {
+            matchRegexp:
+                /^(?=.*\d)(?!.*(\d)\1{2})(?!.*(012|123|234|345|456|567|678|789|987|876|765|654|543|432|321|210))(?=.*[a-zA-Z])(?=.*[^\da-zA-Z\s]).{8,16}$/,
+        },
+        validationErrors: {
+            matchRegexp:
+                `${label}至少包含字母、数字、特殊字符，8-16位，并且不能连续出现3个大小连续或相同的数字`,
+        },
+    }
+}
+
+export function confirmPasswordFormItem(name, target, label = '密码') {
+    return {
+        type: 'input-password',
+        name: name,
+        label: `确认${label}`,
+        placeholder: `请再次输入${label}`,
+        required: true,
+        clearable: true,
+        validations: {
+            equalsField: target,
+        },
+        validationErrors: {
+            equalsField: `两次输入${label}不一致`,
+        },
+    }
+}

gringotts-frontend/components/user/dialog-user-register.js

@@ -0,0 +1,88 @@
+import {apiPost, horizontalFormOptions} from '../constants.js'
+import {confirmPasswordFormItem, emailFormItem, passwordFormItem} from "./dialog-user-item.js";
+
+export function userRegisterDialog() {
+  return {
+    actionType: 'dialog',
+    dialog: {
+      title: '用户注册',
+      actions: [
+        {
+          type: 'reset',
+          label: '清空',
+        },
+        {
+          type: 'submit',
+          label: '注册',
+          level: 'primary',
+        },
+      ],
+      body: {
+        type: 'form',
+        api: apiPost('${base}/user/register'),
+        ...horizontalFormOptions(),
+        body: [
+          emailFormItem('username'),
+          passwordFormItem('password'),
+          confirmPasswordFormItem('confirm-password', 'password'),
+          {
+            type: 'radios',
+            name: 'role',
+            label: '角色',
+            required: true,
+            selectFirst: true,
+            options: [
+              { label: '数据提供方', value: 'PROVIDER' },
+              { label: '数据使用方', value: 'CUSTOMER' },
+              { label: '审查监管方', value: 'CHECKER' },
+            ],
+          },
+        ],
+      },
+    },
+  }
+}
+
+export function userAdministratorRegisterDialog() {
+  return {
+    actionType: 'dialog',
+    dialog: {
+      title: '用户注册',
+      actions: [
+        {
+          type: 'reset',
+          label: '清空',
+        },
+        {
+          type: 'submit',
+          label: '注册',
+          level: 'primary',
+        },
+      ],
+      body: {
+        type: 'form',
+        api: apiPost('${base}/user_management/register'),
+        ...horizontalFormOptions(),
+        body: [
+          emailFormItem('username'),
+          passwordFormItem('password'),
+          confirmPasswordFormItem('confirm-password', 'password'),
+          {
+            type: 'radios',
+            name: 'role',
+            label: '角色',
+            required: true,
+            selectFirst: true,
+            inline: false,
+            columnsCount: 2,
+            options: [
+              { label: '数据提供方', value: 'PROVIDER' },
+              { label: '数据使用方', value: 'CUSTOMER' },
+              { label: '审查监管方', value: 'CHECKER' },
+            ],
+          },
+        ],
+      },
+    },
+  }
+}

gringotts-frontend/index.html

@@ -0,0 +1,10 @@
+<!doctype html>
+<html lang="zh">
+<head>
+    <meta charset="UTF-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+</head>
+<script>
+    window.location.href = '/pages/index/index.html'
+</script>
+</html>

gringotts-frontend/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "vite-project",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "devDependencies": {
+    "vite": "^5.4.10",
+    "vite-plugin-javascript-obfuscator": "^3.1.0"
+  }
+}

gringotts-frontend/pages/index/index.html

@@ -0,0 +1,25 @@
+<!doctype html>
+<html lang="zh">
+<head>
+    <meta charset="UTF-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <title></title>
+    <link href="/assets/sdk/antd.css" rel="stylesheet"/>
+    <link href="/assets/sdk/helper.css" rel="stylesheet"/>
+    <link href="/assets/sdk/iconfont.css" rel="stylesheet"/>
+    <style>
+        html, body, #app {
+            position: relative;
+            width: 100%;
+            height: 100%;
+            margin: 0;
+            padding: 0;
+        }
+    </style>
+</head>
+<body>
+<div id="app"></div>
+<script src="/assets/sdk/sdk.js"></script>
+<script type="module" src="./main.js"></script>
+</body>
+</html>

gringotts-frontend/pages/index/main.js

@@ -0,0 +1,72 @@
+import {apiGet, useAmis} from '../../components/constants.js'
+import {userChangePasswordDialog} from "../../components/user/dialog-user-change-password.js";
+import {tabUser} from "./tab-user.js";
+import {tabData} from "./tab-data.js";
+import {tabSettings} from "./tab-settings.js";
+import {tabCheck} from "./tab-check.js";
+import {tabPermissions} from "./tab-permissions.js";
+
+useAmis(information => {
+    return {
+        id: 'header-service',
+        className: 'h-full',
+        type: 'service',
+        api: apiGet('${base}/user/state'),
+        onEvent: {
+            fetchInited: {
+                actions: [
+                    {
+                        expression: '${!event.data.responseData.token}',
+                        actionType: 'url',
+                        args: {
+                            url: '/pages/login/index.html',
+                            blank: false,
+                        }
+                    }
+                ]
+            }
+        },
+        body: [
+            {
+                type: 'page',
+                title: information.title,
+                subTitle: '提供合法合规的数据要素可信供给工具',
+                toolbar: [
+                    {
+                        type: 'dropdown-button',
+                        label: '${username}',
+                        align: 'right',
+                        trigger: 'hover',
+                        buttons: [
+                            {
+                                label: '修改密码',
+                                ...userChangePasswordDialog(),
+                            },
+                            {
+                                label: '退出登陆',
+                                actionType: 'ajax',
+                                api: apiGet('${base}/user/logout'),
+                                reload: 'header-service',
+                            }
+                        ]
+                    }
+                ],
+                bodyClassName: 'p-0',
+                body: {
+                    className: 'h-full border-0',
+                    type: 'tabs',
+                    tabsMode: 'vertical',
+                    tabs: [
+                        // tabOverview(),
+                        // tabMarket(),
+                        tabCheck(),
+                        tabData(),
+                        tabPermissions(),
+                        tabUser(),
+                        tabSettings(),
+                    ]
+                },
+            }
+        ]
+    }
+})

gringotts-frontend/pages/index/tab-check.js

@@ -0,0 +1,77 @@
+import {
+    apiGet,
+    checkerOnly,
+    checkOverMapping,
+    checkTypeMapping,
+    crudCommonOptions,
+    mappingField,
+    operationField,
+    stringField,
+    timeField,
+} from "../../components/constants.js";
+import {permissionDetailDialog} from "../../components/permission/dialog-permission.js";
+
+export function tabCheck() {
+    return {
+        visibleOn: checkerOnly,
+        title: '审核审查',
+        icon: 'fa fa-shield-halved',
+        reload: true,
+        body: [
+            {
+                name: 'check_order_list',
+                type: 'crud',
+                api: apiGet('${base}/check_order/list'),
+                ...crudCommonOptions(),
+                headerToolbar: [
+                    'reload',
+                ],
+                columns: [
+                    stringField('description', '描述'),
+                    mappingField('type', '类型', checkTypeMapping),
+                    mappingField('over', '状态', checkOverMapping),
+                    timeField('createdTime', '创建时间'),
+                    stringField('createdUsername', '创建人', 100),
+                    timeField('modifiedTime', '最后修改时间'),
+                    stringField('modifiedUsername', '最后操作人', 100),
+                    operationField('操作', undefined, [
+                        {
+                            visibleOn: '${!over}',
+                            type: 'action',
+                            label: '处理',
+                            level: 'link',
+                            ...permissionDetailDialog(
+                                'parameters.confirmationId',
+                                [
+                                    {
+                                        type: 'action',
+                                        label: '同意',
+                                        actionType: 'ajax',
+                                        close: true,
+                                        api: apiGet('${base}/check_order/operation/${checkOrderId}/APPLY'),
+                                        reload: 'check_order_list',
+                                    },
+                                    {
+                                        type: 'action',
+                                        label: '拒绝',
+                                        actionType: 'ajax',
+                                        close: true,
+                                        api: apiGet('${base}/check_order/operation/${checkOrderId}/REJECT'),
+                                        reload: 'check_order_list',
+                                    },
+                                ],
+                            ),
+                        },
+                        {
+                            visibleOn: '${over}',
+                            type: 'action',
+                            label: '查看',
+                            level: 'link',
+                            ...permissionDetailDialog('parameters.confirmationId'),
+                        },
+                    ]),
+                ],
+            },
+        ],
+    }
+}

gringotts-frontend/pages/index/tab-data.js

@@ -0,0 +1,94 @@
+import {
+    resourceAddDialog,
+    resourceDetailDialog,
+    resourceEditeDialog
+} from "../../components/resource/dialog-resource.js";
+import {
+    apiGet,
+    arrayInCheck,
+    arrayOutCheck,
+    confirmationState,
+    confirmationStateMapping,
+    crudCommonOptions,
+    mappingField,
+    operationField,
+    timeField,
+    userOnly
+} from "../../components/constants.js";
+
+export function resourceList() {
+    return {
+        type: 'crud',
+        api: apiGet('${base}/data_resource/list'),
+        ...crudCommonOptions(),
+        headerToolbar: [
+            'reload',
+            {
+                type: 'action',
+                label: '',
+                icon: 'fa fa-plus',
+                ...resourceAddDialog()
+            },
+        ],
+        columns: [
+            {
+                label: '名称',
+                name: 'name',
+                width: 150,
+            },
+            {
+                label: '描述',
+                name: 'description',
+            },
+            mappingField('confirmationState', '确权状态', confirmationStateMapping),
+            timeField('createdTime', '创建时间'),
+            operationField('操作', undefined, [
+                {
+                    type: 'action',
+                    label: '详情',
+                    level: 'link',
+                    ...resourceDetailDialog(),
+                },
+                {
+                    type: 'dropdown-button',
+                    level: 'link',
+                    icon: 'fa fa-ellipsis-h',
+                    hideCaret: true,
+                    trigger: 'hover',
+                    buttons: [
+                        {
+                            disabledOn: arrayOutCheck([confirmationState.none, confirmationState.draft], 'confirmationState'),
+                            disabledTip: '审查或确权成功后无法编辑',
+                            tooltipPlacement: 'top',
+                            type: 'action',
+                            label: '编辑',
+                            level: 'link',
+                            ...resourceEditeDialog(),
+                        },
+                        {
+                            disabledOn: arrayInCheck([confirmationState.checking], 'confirmationState'),
+                            disabledTip: '审查中无法删除',
+                            tooltipPlacement: 'bottom',
+                            type: 'action',
+                            label: "删除",
+                            confirmTitle: '确认删除',
+                            confirmText: '确认删除名称为「${name}」的数据资源吗？',
+                            actionType: 'ajax',
+                            api: apiGet('${base}/data_resource/remove/${id}')
+                        },
+                    ]
+                },
+            ]),
+        ]
+    }
+}
+
+export function tabData() {
+    return {
+        visibleOn: userOnly,
+        title: '数据资源',
+        icon: 'fa fa-database',
+        reload: true,
+        body: resourceList(),
+    }
+}

gringotts-frontend/pages/index/tab-market.js

@@ -0,0 +1,9 @@
+export function tabMarket() {
+    return {
+        title: '数据市场',
+        icon: 'fa fa-store',
+        body: [
+            'hello world'
+        ]
+    }
+}

gringotts-frontend/pages/index/tab-permissions.js

@@ -0,0 +1,114 @@
+import {
+    apiGet,
+    confirmationStateMapping,
+    crudCommonOptions,
+    mappingField,
+    operationField,
+    providerOnly,
+    stringField,
+    stringWrapField,
+    timeField,
+    userOnly,
+} from "../../components/constants.js";
+import {
+    permissionAddDialog,
+    permissionDetailDialog,
+    permissionEditeDialog,
+} from "../../components/permission/dialog-permission.js";
+
+export function tabPermissions() {
+    return {
+        visibleOn: userOnly,
+        title: '权属管理',
+        icon: 'fa fa-user-shield',
+        reload: true,
+        body: {
+            type: 'tabs',
+            tabs: [
+                {
+                    visibleOn: providerOnly,
+                    title: '确权管理',
+                    body: {
+                        type: 'crud',
+                        api: {
+                            ...apiGet('${base}/confirmation/list')
+                        },
+                        ...crudCommonOptions(),
+                        headerToolbar: [
+                            'reload',
+                            {
+                                type: 'action',
+                                label: '',
+                                icon: 'fa fa-plus',
+                                ...permissionAddDialog()
+                            },
+                        ],
+                        columns: [
+                            stringField('name', '名称', 200),
+                            stringWrapField('description', '描述'),
+                            mappingField('state', '状态', confirmationStateMapping),
+                            timeField('createdTime', '创建时间'),
+                            operationField('操作', undefined, [
+                                {
+                                    type: 'action',
+                                    label: '查看',
+                                    level: 'link',
+                                    ...permissionDetailDialog(),
+                                },
+                                {
+                                    visibleOn: "${state === 'CHECKING'}",
+                                    type: 'action',
+                                    label: '撤销',
+                                    level: 'link',
+                                    confirmTitle: '确认撤销',
+                                    confirmText: '确认撤销名称为「${name}」的确权申请吗？',
+                                    actionType: 'ajax',
+                                    api: apiGet('${base}/confirmation/retract/${id}'),
+                                },
+                                {
+                                    visibleOn: "${state === 'DRAFT' || state === 'REJECT'}",
+                                    type: 'action',
+                                    label: '提交',
+                                    level: 'link',
+                                    confirmTitle: '确认提交',
+                                    confirmText: '确认提交名称为「${name}」的确权申请吗？',
+                                    actionType: 'ajax',
+                                    api: apiGet('${base}/confirmation/submit/${id}'),
+                                },
+                                {
+                                    type: 'dropdown-button',
+                                    level: 'link',
+                                    icon: 'fa fa-ellipsis-h',
+                                    hideCaret: true,
+                                    trigger: 'hover',
+                                    buttons: [
+                                        {
+                                            disabledOn: "${state !== 'DRAFT'}",
+                                            type: 'action',
+                                            label: '编辑',
+                                            level: 'link',
+                                            ...permissionEditeDialog(),
+                                        },
+                                        {
+                                            disabledOn: "${state === 'CHECKING'}",
+                                            type: 'action',
+                                            label: "删除",
+                                            confirmTitle: '确认删除',
+                                            confirmText: '确认删除名称为「${name}」的确权申请吗？删除后对应的数据资源处于未确权状态。',
+                                            actionType: 'ajax',
+                                            api: apiGet('${base}/confirmation/remove/${id}'),
+                                        },
+                                    ]
+                                },
+                            ]),
+                        ]
+                    }
+                },
+                {
+                    title: '授权管理',
+                    body: []
+                }
+            ]
+        }
+    }
+}

gringotts-frontend/pages/index/tab-settings.js

@@ -0,0 +1,12 @@
+import {administratorOnly} from "../../components/constants.js";
+
+export function tabSettings() {
+    return {
+        visibleOn: administratorOnly,
+        title: '系统管理',
+        icon: 'fa fa-gear',
+        body: [
+            'hello world'
+        ]
+    }
+}

gringotts-frontend/pages/index/tab-user.js

@@ -0,0 +1,83 @@
+import {
+    administratorOnly,
+    apiGet,
+    copyField,
+    crudCommonOptions,
+    mappingField,
+    operationField,
+    timeField,
+    userRoleMapping,
+    userStateMapping
+} from '../../components/constants.js'
+import {userCheckDialog, userDetailDialog} from "../../components/user/dialog-user-check.js";
+import {userAdministratorRegisterDialog} from "../../components/user/dialog-user-register.js";
+
+export function tabUser() {
+    return {
+        visibleOn: administratorOnly,
+        title: '用户管理',
+        icon: 'fa fa-user',
+        reload: true,
+        body: [
+            {
+                type: 'crud',
+                api: apiGet('${base}/user_management/list'),
+                ...crudCommonOptions(),
+                headerToolbar: [
+                    'reload',
+                    {
+                        type: 'action',
+                        icon: 'fa fa-plus',
+                        tooltip: '新增账号',
+                        ...userAdministratorRegisterDialog(),
+                    },
+                ],
+                columns: [
+                    copyField(
+                        'username',
+                        '邮箱',
+                        undefined,
+                        undefined,
+                        userDetailDialog(),
+                    ),
+                    mappingField('role', '角色', userRoleMapping, 120),
+                    mappingField('state', '账号状态', userStateMapping),
+                    timeField('createdTime', '创建时间'),
+                    timeField('lastLoginTime', '上次登陆时间'),
+                    operationField('操作', undefined, [
+                        {
+                            visibleOn: "${state === 'CHECKING'}",
+                            label: '审核',
+                            icon: 'fa fa-fingerprint',
+                            level: 'primary',
+                            size: 'xs',
+                            ...userCheckDialog(),
+                        },
+                        {
+                            visibleOn: "${state === 'NORMAL' && role !== 'ADMINISTRATOR'}",
+                            label: '禁用',
+                            icon: 'fa fa-ban',
+                            level: 'danger',
+                            size: 'xs',
+                            confirmText: '确认禁用账号${username}？',
+                            confirmTitle: '禁用账号',
+                            actionType: 'ajax',
+                            api: apiGet('${base}/user_management/disable/${username}'),
+                        },
+                        {
+                            visibleOn: "${state === 'DISABLED' && role !== 'ADMINISTRATOR'}",
+                            label: '启用',
+                            icon: 'fa fa-check',
+                            level: 'success',
+                            size: 'xs',
+                            confirmText: '确认启用账号${username}？',
+                            confirmTitle: '启用账号',
+                            actionType: 'ajax',
+                            api: apiGet('${base}/user_management/enable/${username}'),
+                        }
+                    ]),
+                ]
+            }
+        ]
+    }
+}

gringotts-frontend/pages/login/index.html

@@ -0,0 +1,25 @@
+<!doctype html>
+<html lang="zh">
+<head>
+    <meta charset="UTF-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <title></title>
+    <link href="/assets/sdk/antd.css" rel="stylesheet"/>
+    <link href="/assets/sdk/helper.css" rel="stylesheet"/>
+    <link href="/assets/sdk/iconfont.css" rel="stylesheet"/>
+    <style>
+        html, body, #app {
+            position: relative;
+            width: 100%;
+            height: 100%;
+            margin: 0;
+            padding: 0;
+        }
+    </style>
+</head>
+<body>
+<div id="app"></div>
+<script src="/assets/sdk/sdk.js"></script>
+<script type="module" src="./main.js"></script>
+</body>
+</html>

gringotts-frontend/pages/login/main.js

@@ -0,0 +1,77 @@
+import {useAmis} from '../../components/constants.js'
+import {userRegisterDialog} from '../../components/user/dialog-user-register.js'
+
+useAmis(information => {
+    return {
+        type: 'page',
+        title: information.title,
+        subTitle: '统一登陆入口',
+        body: [
+            {
+                type: 'grid',
+                columns: [
+                    {
+                        xs: 0,
+                        sm: 0,
+                        md: 4,
+                        body: [],
+                    },
+                    {
+                        xs: 12,
+                        sm: 12,
+                        md: 4,
+                        body: [
+                            {
+                                type: 'form',
+                                title: '用户登陆',
+                                api: '${base}/user/login',
+                                redirect: '/pages/index/index.html?token=${token}',
+                                mode: 'horizontal',
+                                horizontal: {
+                                    left: 2,
+                                },
+                                actions: [
+                                    {
+                                        type: 'action',
+                                        label: '注册',
+                                        ...userRegisterDialog(),
+                                    },
+                                    {
+                                        type: 'action',
+                                        actionType: 'submit',
+                                        label: '登陆',
+                                        level: 'primary',
+                                    },
+                                ],
+                                body: [
+                                    {
+                                        type: 'input-email',
+                                        name: 'username',
+                                        label: '邮箱',
+                                        placeholder: '请输入邮箱',
+                                        required: true,
+                                        clearable: true,
+                                        clearValueOnEmpty: true,
+                                    },
+                                    {
+                                        type: 'input-password',
+                                        name: 'password',
+                                        label: '密码',
+                                        placeholder: '请再次输入密码',
+                                        required: true,
+                                    },
+                                ],
+                            },
+                        ],
+                    },
+                    {
+                        xs: 0,
+                        sm: 0,
+                        md: 4,
+                        body: [],
+                    },
+                ],
+            },
+        ],
+    }
+})