diff --git a/src/apis/modules/computing.js b/src/apis/modules/computing.js
index f3e5c9e..3d32d92 100644
--- a/src/apis/modules/computing.js
+++ b/src/apis/modules/computing.js
@@ -3,6 +3,12 @@ import request from '@/utils/request'
 //获取算力卡列表
 export const getCardsList = (params) => request.basic.get('/api/v1/cards', params)
 
+// 算力卡删除
+export const deleteCard = (id) => request.basic.delete(`/api/v1/cards/${id}`)
+
+// 下架算力卡
+export const editCard = (id, params) => request.basic.put(`/api/v1/cards/${id}`, params)
+
 //获取算力中心列表
 export const getCentersList = (params) => request.basic.get('/api/v1/centers', params)
 
@@ -16,4 +22,5 @@ export const updateCenter = (id, data) => request.basic.put(`/api/v1/centers/${i
 export const addCenter = (data) => request.basic.post('/api/v1/centers', data)
 
 // 删除算力中心
-export const deleteCenter = (id) => request.basic.delete(`/api/v1/centers/${id}`)
\ No newline at end of file
+export const deleteCenter = (id) => request.basic.delete(`/api/v1/centers/${id}`)
+
diff --git a/src/views/computing/computingCard/index.vue b/src/views/computing/computingCard/index.vue
index 1199085..c1a86f2 100644
--- a/src/views/computing/computingCard/index.vue
+++ b/src/views/computing/computingCard/index.vue
@@ -73,13 +73,13 @@
                             </a-tag>
                         </template>
 
-                        <template v-if="'is_recommend' === column.key">
+                        <template v-if="'status' === column.key">
                             <!--状态-->
-                            <a-tag v-if="record.banner_type == true" color="processing">
+                            <a-tag v-if="record.status == 'ENABLED'" color="processing">
                                 启用
                             </a-tag>
                             <!--状态-->
-                            <a-tag v-else color="processing">
+                            <a-tag v-else color="red">
                                 禁用
                             </a-tag>
                         </template>
@@ -92,10 +92,18 @@
                         <template v-if="'action' === column.key">
                             <!-- <x-action-button @click="$refs.editDialogRef.handleEdit(record)">
                                 <a-tooltip>
-                                    <template #title> {{ $t('pages.system.role.edit') }}</template>
-                <edit-outlined />
-                </a-tooltip>
-                </x-action-button> -->
+                                    <template #title> 下架算力卡</template>
+                                    <edit-outlined />
+                                </a-tooltip>
+                            </x-action-button> -->
+                            <x-action-button @click="handelEdit(record)" :disabled="record.status === 'DISABLED'">
+                                <a-tooltip>
+                                    <template #title>
+                                        {{ record.status === 'DISABLED' ? '已下架' : '下架算力卡' }}
+                                    </template>
+                                    <edit-outlined />
+                                </a-tooltip>
+                            </x-action-button>
                             <x-action-button @click="handleRemove(record)">
                                 <a-tooltip>
                                     <template #title> {{ $t('pages.system.delete') }}</template>
@@ -150,7 +158,7 @@ const columns = [
         dataIndex: 'status',
         key: 'status',
         width: 150,
-        customRender: ({ text }) => disabledDict.getLabel(text) || text,
+        // customRender: ({ text }) => disabledDict.getLabel(text) || text,
     },
     { title: t('button.action'), key: 'action', fixed: 'right', width: 120 },
 ];
@@ -194,14 +202,14 @@ async function getPageList() {
  */
 function handleRemove({ id }) {
     Modal.confirm({
-        title: t('pages.system.role.delTip'),
-        content: t('button.confirm'),
+        title: '提示',
+        content: '是否删除该算力卡？',
         okText: t('button.confirm'),
         onOk: () => {
             return new Promise((resolve, reject) => {
                 ; (async () => {
                     try {
-                        const { success } = await apis.role.delRole(id).catch(() => {
+                        const { success } = await apis.computing.deleteCard(id).catch(() => {
                             throw new Error()
                         })
                         if (config('http.code.success') === success) {
@@ -218,6 +226,37 @@ function handleRemove({ id }) {
     })
 }
 
+// 下架算力卡
+function handelEdit({ id, status }) {
+    if (status === 'DISABLED') {
+        message.warning('该算力卡已下架，无法重复操作');
+        return;
+    }
+    Modal.confirm({
+        title: '提示',
+        content: '是否下架该算力卡？',
+        okText: t('button.confirm'),
+        onOk: () => {
+            return new Promise((resolve, reject) => {
+                ; (async () => {
+                    try {
+                        const { success } = await apis.computing.editCard(id).catch(() => {
+                            throw new Error()
+                        })
+                        if (config('http.code.success') === success) {
+                            resolve()
+                            message.success('下架成功')
+                            await getPageList()
+                        }
+                    } catch (error) {
+                        reject()
+                    }
+                })()
+            })
+        },
+    })
+}
+
 /**
  * 分页
  */