主题编辑删除功能

src/views/theme/index.vue

@@ -16,6 +16,16 @@
               </el-button>
             </div>
           </template>
+          <!-- 操作列 -->
+          <template #action="{ row }">
+            <el-button type="text" @click="handleEdit(row)">编辑</el-button>
+            <el-button
+              type="text"
+              style="color: #ff1616"
+              @click="handleDelete(row)"
+              >删除</el-button
+            >
+          </template>
         </vxe-grid>
       </div>
       <div class="wrapper-right">
@@ -108,6 +118,13 @@
       {
         field: 'roleNames',
         title: '关联角色'
+      },
+      {
+        field: 'action',
+        title: '操作',
+        fixed: 'right',
+        width: 100,
+        slots: { default: 'action' }
       }
     ],
     toolbarConfig: {
@@ -206,6 +223,31 @@
     }
   };
 
+  // 编辑主题
+  const handleEdit = async (row) => {
+    AddThemeRef.value.open('edit', row); // 传递菜单信息
+  }
+
+  // 删除主题
+  const handleDelete = async (row) => {
+    ElMessageBox.confirm(`确定要删除此主题吗？`, '提示', {
+      type: 'warning'
+    }).then(async (res) => {
+      let params = {
+        themeId: row.themeId
+      };
+      const [err, ret] = await tryit(themeApi.delTheme)(params);
+      if (err) {
+        console.error(err);
+        return;
+      }
+      if (ret?.code === 200) {
+        EleMessage.success('删除成功');
+        fetchTheme(); // 重新获取菜单列表
+      }
+    });
+  };
+
   // 移动端保存配置
   const handleSaveByMobile = async () => {
     console.log(mobileTreeRef.value.getCheckedKeys(true));