feat(web): 增加授权相关界面

gringotts-frontend/components/constants.js

@@ -98,6 +98,7 @@ export function inputFileFormItemCommonOptions(accept = '*', maxSize = size5MB)
         accept: accept,
         maxSize: maxSize,
         autoUpload: false,
+        drag: true,
         startChunkApi: apiPost('${base}/upload/start'),
         chunkApi: apiPost('${base}/upload/slice'),
         finishChunkApi: apiPost('${base}/upload/finish'),
@@ -197,7 +198,7 @@ export function stringField(field, label, width = undefined, wrap = false) {
     if (width) {
         data['width'] = width
     }
-    if (wrap) {
+    if (!wrap) {
         data['className'] = 'nowrap'
     }
     return data
@@ -247,10 +248,11 @@ export const userStateMapping = [
     mappingItem('禁用', 'DISABLED', 'bg-danger'),
 ]
 
-export const confirmationStateMapping = [
+export const permissionStateMapping = [
     mappingItem('未确权', 'NONE'),
     mappingItem('草稿', 'DRAFT', 'bg-primary'),
     mappingItem('审查中', 'CHECKING', 'bg-warning'),
+    mappingItem('用户审查中', 'USER_CHECKING', 'bg-warning'),
     mappingItem('通过', 'NORMAL', 'bg-success'),
     mappingItem('驳回', 'REJECT', 'bg-danger'),
 ]

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

@@ -12,8 +12,12 @@ import {
 import {resourceList} from "../../pages/index/tab-data.js";
 import {resourceDetailDialog} from "../resource/dialog-resource.js";
 
+const CONFIRMATION_TYPE = 'confirmation'
+const AUTHENTICATION_TYPE = 'authentication'
+
 function detailForm(showCreatedUserAndModifiedUser = false) {
     return {
+        debug: true,
         id: 'permission_form',
         type: 'form',
         ...horizontalFormOptions(),
@@ -70,12 +74,38 @@ function detailForm(showCreatedUserAndModifiedUser = false) {
                 joinValues: false,
                 ...inputFileFormItemCommonOptions(undefined, size100MB),
             },
+            {
+                visibleOn: `\${${AUTHENTICATION_TYPE}}`,
+                type: 'input-datetime-range',
+                name: 'activeTime',
+                extraName: 'expiredTime',
+                label: '授权时间',
+                required: true,
+                format: 'YYYY-MM-DD HH:mm:ss',
+                shortcuts: [
+                    '7dayslater',
+                    '14dayslater',
+                    '30dayslater',
+                    '180dayslater',
+                    '365dayslater',
+                ]
+            },
             ...(showCreatedUserAndModifiedUser ? formCreatedUserAndModifiedUser() : [])
         ]
     }
 }
 
-export function permissionAddDialog() {
+export function confirmationAddDialog() {
+    return permissionAddDialog(CONFIRMATION_TYPE)
+}
+
+export function authenticationAddDialog() {
+    return permissionAddDialog(AUTHENTICATION_TYPE)
+}
+
+function permissionAddDialog(type) {
+    let data = {add: true}
+    data[type] = true
     return {
         actionType: 'dialog',
         dialog: {
@@ -94,16 +124,24 @@ export function permissionAddDialog() {
             ],
             body: {
                 ...detailForm(),
-                api: apiPost('${base}/confirmation/save'),
-                data: {
-                    add: true,
-                },
+                api: apiPost(`\${base}/${type}/save`),
+                data: data,
             }
         }
     }
 }
 
-export function permissionDetailDialog(field = 'id', actions = []) {
+export function confirmationDetailDialog(field = 'id', actions = []) {
+    return permissionDetailDialog(CONFIRMATION_TYPE, field, actions)
+}
+
+export function authenticationDetailDialog(field = 'id', actions = []) {
+    return permissionDetailDialog(AUTHENTICATION_TYPE, field, actions)
+}
+
+function permissionDetailDialog(type, field = 'id', actions = []) {
+    let data = {detail: true}
+    data[type] = true
     return {
         actionType: 'dialog',
         dialog: {
@@ -112,17 +150,25 @@ export function permissionDetailDialog(field = 'id', actions = []) {
             actions: actions,
             body: {
                 ...detailForm(true),
-                initApi: apiGet(`\${base}/confirmation/detail/\${${field}}`),
+                initApi: apiGet(`\${base}/${type}/detail/\${${field}}`),
                 static: true,
-                data: {
-                    detail: true,
-                },
+                data: data,
             }
         }
     }
 }
 
-export function permissionEditeDialog(field = 'id') {
+export function confirmationEditeDialog(field = 'id') {
+    return permissionEditeDialog(CONFIRMATION_TYPE, field)
+}
+
+export function authenticationEditeDialog(field = 'id') {
+    return permissionEditeDialog(CONFIRMATION_TYPE, field)
+}
+
+function permissionEditeDialog(type, field = 'id') {
+    let data = {edit: true}
+    data[type] = true
     return {
         actionType: 'dialog',
         dialog: {
@@ -141,11 +187,9 @@ export function permissionEditeDialog(field = 'id') {
             ],
             body: {
                 ...detailForm(),
-                api: apiPost('${base}/confirmation/save'),
-                initApi: apiGet(`\${base}/confirmation/detail/\${${field}}`),
-                data: {
-                    edit: true,
-                }
+                api: apiPost(`\${base}/${type}/save`),
+                initApi: apiGet(`\${base}/${type}/detail/\${${field}}`),
+                data: data,
             },
         }
     }