优化工具发布分类选择组件

api/toolbox/types.ts

@@ -6,6 +6,7 @@ export interface TcreateReq {
   createAddress?: string
   createIp?: string
   projectType: number[]
+  categoryId?: number
   files: {
     id: number
     title: string

pages/toolbox-publish/index.vue

@@ -26,18 +26,14 @@
       >
         <el-input v-model="form.title" placeholder="请输入标题" class="w-[361px]!" maxlength="128"></el-input>
       </el-form-item>
-      <el-form-item label-width="110px" label="软件分类：" prop="projectType" :rules="{ required: true, message: '请选择分类', trigger: ['blur', 'change'] }">
+      <el-form-item label-width="110px" label="软件分类：" prop="categoryId" :rules="{ required: true, message: '请选择分类', trigger: ['blur', 'change'] }">
-        <el-select v-model="form.projectType" placeholder="请选择软件分类" class="w-[361px]!" multiple>
+        <!-- <el-select v-model="form.categoryId" placeholder="请选择软件分类" class="w-[361px]!" multiple>
           <el-option v-for="(item, index) in projectTypeList" :key="index" :label="item.name" :value="item.id" />
-        </el-select>
+        </el-select> -->
+        <el-cascader v-model="form.categoryId" class="w-[361px]!" :options="projectTypeList" :props="cascaderProps" clearable collapse-tags />
       </el-form-item>
-      <el-form-item
+      <el-form-item label-width="110px" label="分类：" prop="categoryId" :rules="{ required: true, message: '请选择作品来源', trigger: ['blur', 'change'] }">
-        label-width="110px"
+        <el-radio-group v-model="form.categoryId">
-        label="分类："
-        prop="source"
-        :rules="{ required: true, message: '请选择作品来源', trigger: ['blur', 'change'] }"
-      >
-        <el-radio-group v-model="form.source">
           <el-radio :label="1">原创开发</el-radio>
           <el-radio :label="2">转载分享</el-radio>
         </el-radio-group>
@@ -149,8 +145,11 @@
     coverImages: [],
     files: [],
     description: '',
+    categoryId: 0,
   })
 
+  
+  const cascaderProps = { multiple: false, label: 'name', value: 'id', emitPath: false }
   const loading = ref(false)
   /** 获取标签 */
   const labelsList = ref<any>([])