feat(frontend): 优化页面样式，更现代化

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

@@ -3,88 +3,83 @@ import {authenticationAddDialog} from "../../components/permission/dialog-permis
 
 export function tabMarket() {
   return {
-    title: '数据市场',
-    icon: 'fa fa-store',
-    reload: true,
-    body: {
-      type: 'crud',
-      api: {
-        ...apiGet('${base}/ware/list_public'),
-        adaptor: (payload, response, api, context) => {
-          payload.data = payload.data.map(i => {
-            return {
-              ...i,
-              targetId: i.resourceId,
-            }
-          })
-          return payload
-        }
-      },
-      ...crudCommonOptions(),
-      headerToolbar: [
-        'reload',
-      ],
-      mode: 'cards',
-      columnsCount: 3,
-      card: {
-        header: {
-          title: '${name}',
-          subTitle: '${createdTime}',
-          avatar: '${icon}',
-          avatarClassName: 'pull-left thumb-md avatar b-3x m-r'
-        },
-        body: '${TRUNCATE(description, 50)}',
-        actions: [
-          {
-            type: 'action',
-            label: '查看',
-            actionType: 'dialog',
-            dialog: {
-              title: '数据产品详情',
-              size: 'md',
-              actions: [],
-              body: {
-                type: 'service',
-                api: apiGet(`\${base}/ware/detail/\${id}`),
-                body: [
-                  {
-                    type: 'property',
-                    title: '产品信息',
-                    items: [
-                      {
-                        label: '名称',
-                        content: '${name}',
-                      },
-                      {
-                        label: '归属',
-                        content: '${createdUsername}',
-                      },
-                      {
-                        label: '创建时间',
-                        content: '${createdTime}',
-                      },
-                      {
-                        span: 3,
-                        label: '描述',
-                        content: '${description}',
-                      },
-                    ]
-                  },
-                  {
-                    type: 'tpl',
-                    tpl: '${content|raw}'
-                  }
-                ]
-              }
-            }
-          },
-          {
-            type: 'action',
-            label: '申请授权',
-            ...authenticationAddDialog(),
+    type: 'crud',
+    api: {
+      ...apiGet('${base}/ware/list_public'),
+      adaptor: (payload, response, api, context) => {
+        payload.data = payload.data.map(i => {
+          return {
+            ...i,
+            targetId: i.resourceId,
           }
-        ]
+        })
+        return payload
+      }
+    },
+    ...crudCommonOptions(),
+    headerToolbar: [
+      'reload',
+    ],
+    mode: 'cards',
+    columnsCount: 3,
+    card: {
+      header: {
+        title: '${name}',
+        subTitle: '${createdTime}',
+        avatar: '${icon}',
+        avatarClassName: 'pull-left thumb-md avatar b-3x m-r'
       },
+      body: '${TRUNCATE(description, 50)}',
+      actions: [
+        {
+          type: 'action',
+          label: '查看',
+          actionType: 'dialog',
+          dialog: {
+            title: '数据产品详情',
+            size: 'md',
+            actions: [],
+            body: {
+              type: 'service',
+              api: apiGet(`\${base}/ware/detail/\${id}`),
+              body: [
+                {
+                  type: 'property',
+                  title: '产品信息',
+                  items: [
+                    {
+                      label: '名称',
+                      content: '${name}',
+                    },
+                    {
+                      label: '归属',
+                      content: '${createdUsername}',
+                    },
+                    {
+                      label: '创建时间',
+                      content: '${createdTime}',
+                    },
+                    {
+                      span: 3,
+                      label: '描述',
+                      content: '${description}',
+                    },
+                  ]
+                },
+                {
+                  type: 'tpl',
+                  tpl: '${content|raw}'
+                }
+              ]
+            }
+          }
+        },
+        {
+          type: 'action',
+          label: '申请授权',
+          ...authenticationAddDialog(),
+        }
+      ]
     }
   }
 }