From be2971765e725e3b79abdae97b4d99eefd89e431 Mon Sep 17 00:00:00 2001
From: lanyuanxiaoyao <lanyuanxiaoyao@gmail.com>
Date: Sun, 1 Dec 2024 11:47:23 +0800
Subject: [PATCH] =?UTF-8?q?feat(web):=20=E4=BC=98=E5=8C=96=E6=8A=98?=
 =?UTF-8?q?=E8=A1=8C=E7=9A=84=E4=BD=BF=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 gringotts-frontend/components/constants.js      | 11 +++++++++--
 .../pages/index/tab-permissions.js              | 17 ++++++-----------
 2 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/gringotts-frontend/components/constants.js b/gringotts-frontend/components/constants.js
index 2a35ada..4383c21 100644
--- a/gringotts-frontend/components/constants.js
+++ b/gringotts-frontend/components/constants.js
@@ -179,20 +179,27 @@ export function timeField(field, label, width = 150) {
     }
 }
 
+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) {
+export function stringField(field, label, width = undefined, wrap = false) {
     let data = {
         name: field,
         label: label,
-        className: 'nowrap',
     }
     if (width) {
         data['width'] = width
     }
+    if (wrap) {
+        data['className'] = 'nowrap'
+    }
     return data
 }
 
diff --git a/gringotts-frontend/pages/index/tab-permissions.js b/gringotts-frontend/pages/index/tab-permissions.js
index 887ebd5..08ce223 100644
--- a/gringotts-frontend/pages/index/tab-permissions.js
+++ b/gringotts-frontend/pages/index/tab-permissions.js
@@ -5,13 +5,15 @@ import {
     mappingField,
     operationField,
     providerOnly,
+    stringField,
+    stringWrapField,
     timeField,
-    userOnly
+    userOnly,
 } from "../../components/constants.js";
 import {
     permissionAddDialog,
     permissionDetailDialog,
-    permissionEditeDialog
+    permissionEditeDialog,
 } from "../../components/permission/dialog-permission.js";
 
 export function tabPermissions() {
@@ -42,15 +44,8 @@ export function tabPermissions() {
                             },
                         ],
                         columns: [
-                            {
-                                label: '名称',
-                                name: 'name',
-                                width: 200,
-                            },
-                            {
-                                label: '描述',
-                                name: 'description',
-                            },
+                            stringField('name', '名称', 200),
+                            stringWrapField('description', '描述'),
                             mappingField('state', '状态', confirmationStateMapping),
                             timeField('createdTime', '创建时间'),
                             operationField('操作', undefined, [