diff --git a/gringotts-frontend/pages/index/tab-market.js b/gringotts-frontend/pages/index/tab-market.js
index a86846f..e93dc09 100644
--- a/gringotts-frontend/pages/index/tab-market.js
+++ b/gringotts-frontend/pages/index/tab-market.js
@@ -7,81 +7,7 @@ import {
     permissionStateMapping,
     timeField
 } from "../../components/constants.js";
-
-function listColumns() {
-    return {
-        columns: [
-            {
-                name: 'name',
-                label: '名称',
-                width: 200,
-            },
-            {
-                name: 'description',
-                label: '描述',
-            },
-            {
-                visibleOn: '${!public}',
-                ...mappingField('state', '状态', permissionStateMapping)
-            },
-            timeField('createdTime', '创建时间'),
-            operationField('操作', undefined, [
-                {
-                    type: 'action',
-                    label: '查看',
-                    level: 'link',
-                    ...wareDetailDialog(),
-                },
-                {
-                    visibleOn: "${state === 'CHECKING'}",
-                    type: 'action',
-                    label: '撤销',
-                    level: 'link',
-                    confirmTitle: '确认撤销',
-                    confirmText: '确认撤销名称为「${name}」的确权申请吗？',
-                    actionType: 'ajax',
-                    api: apiGet('${base}/ware/retract/${id}'),
-                },
-                {
-                    visibleOn: "${state === 'DRAFT' || state === 'REJECT'}",
-                    type: 'action',
-                    label: '提交',
-                    level: 'link',
-                    confirmTitle: '确认提交',
-                    confirmText: '确认提交名称为「${name}」的确权申请吗？',
-                    actionType: 'ajax',
-                    api: apiGet('${base}/ware/submit/${id}'),
-                },
-                {
-                    visibleOn: "${!public}",
-                    type: 'dropdown-button',
-                    level: 'link',
-                    icon: 'fa fa-ellipsis-h',
-                    hideCaret: true,
-                    trigger: 'hover',
-                    buttons: [
-                        {
-                            disabledOn: "${state !== 'DRAFT'}",
-                            type: 'action',
-                            label: '编辑',
-                            level: 'link',
-                            ...wareEditeDialog(),
-                        },
-                        {
-                            disabledOn: "${state === 'CHECKING'}",
-                            type: 'action',
-                            label: "删除",
-                            confirmTitle: '确认删除',
-                            confirmText: '确认删除名称为「${name}」的确权申请吗？删除后对应的数据资源处于未确权状态。',
-                            actionType: 'ajax',
-                            api: apiGet('${base}/ware/remove/${id}'),
-                        },
-                    ]
-                },
-            ]),
-        ]
-    }
-}
+import {authenticationAddDialog} from "../../components/permission/dialog-permission.js";
 
 export function tabMarket() {
     return {
@@ -96,15 +22,47 @@ export function tabMarket() {
                         title: '公开数据',
                         body: {
                             type: 'crud',
-                            api: apiGet('${base}/ware/list_public'),
+                            api: {
+                                ...apiGet('${base}/ware/list_public'),
+                                adaptor: (payload, response, api, context) => {
+                                    payload.data = payload.data.map(i => {
+                                        return {
+                                            ...i,
+                                            targetId: i.id
+                                        }
+                                    })
+                                    console.log(payload, response, api, context)
+                                    return {
+                                        ...payload
+                                    }
+                                }
+                            },
                             ...crudCommonOptions(),
                             headerToolbar: [
                                 'reload',
                             ],
-                            data: {
-                                public: true
+                            mode: 'cards',
+                            card: {
+                                header: {
+                                    title: '${name}',
+                                    subTitle: '${createdTime}',
+                                    description: '${description}',
+                                    avatar: '${icon}',
+                                    avatarClassName: 'pull-left thumb-md avatar b-3x m-r'
+                                },
+                                actions: [
+                                    {
+                                        type: 'action',
+                                        label: '查看',
+                                        ...wareDetailDialog(),
+                                    },
+                                    {
+                                        type: 'action',
+                                        label: '申请授权',
+                                        ...authenticationAddDialog(),
+                                    }
+                                ]
                             },
-                            ...listColumns(),
                         }
                     },
                     {
@@ -122,7 +80,73 @@ export function tabMarket() {
                                     ...wareAddDialog()
                                 },
                             ],
-                            ...listColumns(),
+                            columns: [
+                                {
+                                    name: 'name',
+                                    label: '名称',
+                                    width: 200,
+                                },
+                                {
+                                    name: 'description',
+                                    label: '描述',
+                                },
+                                mappingField('state', '状态', permissionStateMapping),
+                                timeField('createdTime', '创建时间'),
+                                operationField('操作', undefined, [
+                                    {
+                                        type: 'action',
+                                        label: '查看',
+                                        level: 'link',
+                                        ...wareDetailDialog(),
+                                    },
+                                    {
+                                        visibleOn: "${state === 'CHECKING'}",
+                                        type: 'action',
+                                        label: '撤销',
+                                        level: 'link',
+                                        confirmTitle: '确认撤销',
+                                        confirmText: '确认撤销名称为「${name}」的确权申请吗？',
+                                        actionType: 'ajax',
+                                        api: apiGet('${base}/ware/retract/${id}'),
+                                    },
+                                    {
+                                        visibleOn: "${state === 'DRAFT' || state === 'REJECT'}",
+                                        type: 'action',
+                                        label: '提交',
+                                        level: 'link',
+                                        confirmTitle: '确认提交',
+                                        confirmText: '确认提交名称为「${name}」的确权申请吗？',
+                                        actionType: 'ajax',
+                                        api: apiGet('${base}/ware/submit/${id}'),
+                                    },
+                                    {
+                                        visibleOn: "${!public}",
+                                        type: 'dropdown-button',
+                                        level: 'link',
+                                        icon: 'fa fa-ellipsis-h',
+                                        hideCaret: true,
+                                        trigger: 'hover',
+                                        buttons: [
+                                            {
+                                                disabledOn: "${state !== 'DRAFT'}",
+                                                type: 'action',
+                                                label: '编辑',
+                                                level: 'link',
+                                                ...wareEditeDialog(),
+                                            },
+                                            {
+                                                disabledOn: "${state === 'CHECKING'}",
+                                                type: 'action',
+                                                label: "删除",
+                                                confirmTitle: '确认删除',
+                                                confirmText: '确认删除名称为「${name}」的确权申请吗？删除后对应的数据资源处于未确权状态。',
+                                                actionType: 'ajax',
+                                                api: apiGet('${base}/ware/remove/${id}'),
+                                            },
+                                        ]
+                                    },
+                                ]),
+                            ]
                         }
                     },
                 ]
diff --git a/gringotts-web/src/main/java/com/eshore/gringotts/web/domain/controller/WareController.java b/gringotts-web/src/main/java/com/eshore/gringotts/web/domain/controller/WareController.java
index 4769b8a..9a6fd42 100644
--- a/gringotts-web/src/main/java/com/eshore/gringotts/web/domain/controller/WareController.java
+++ b/gringotts-web/src/main/java/com/eshore/gringotts/web/domain/controller/WareController.java
@@ -77,6 +77,7 @@ public class WareController extends SimpleControllerSupport<Ware, WareController
         item.setId(entity.getId());
         item.setName(entity.getName());
         item.setDescription(entity.getDescription());
+        item.setIcon(StrUtil.format("{}/upload/download/{}", hostConfiguration.getPrefix(), entity.getIcon().getId()));
         item.setState(entity.getState().name());
         item.setCreatedTime(entity.getCreatedTime());
         item.setCreatedUsername(entity.getCreatedUser().getUsername());
@@ -117,6 +118,7 @@ public class WareController extends SimpleControllerSupport<Ware, WareController
         private String name;
         private String description;
         private String state;
+        private String icon;
     }
 
     @Data
diff --git a/gringotts-web/src/main/java/com/eshore/gringotts/web/domain/entity/Ware.java b/gringotts-web/src/main/java/com/eshore/gringotts/web/domain/entity/Ware.java
index ff6aa0e..350c6a0 100644
--- a/gringotts-web/src/main/java/com/eshore/gringotts/web/domain/entity/Ware.java
+++ b/gringotts-web/src/main/java/com/eshore/gringotts/web/domain/entity/Ware.java
@@ -39,6 +39,7 @@ import org.springframework.data.jpa.domain.support.AuditingEntityListener;
 @DynamicUpdate
 @Table(name = Constants.TABLE_PREFIX + "ware")
 @NamedEntityGraph(name = "ware.list", attributeNodes = {
+        @NamedAttributeNode(value = "icon"),
         @NamedAttributeNode(value = "createdUser"),
 })
 @NamedEntityGraph(name = "ware.detail", attributeNodes = {