静态加上一个购买会员套餐任务，隐藏金粉奖励

src/views/recruit/personal/PersonalCenter/memberBenefits/taskCenter/components/suggest.vue

@@ -11,10 +11,10 @@
         <div class="d-flex ml-2 my-5">
           <div class="ellipsis" style="width: 50%;">{{ item.title }}</div>
           <div class="ellipsis d-flex" style="width: calc(50% - 88px);">
-            <svg-icon class="mx-1" name="integral" size="24"></svg-icon>
-            <span style="color: #10897bad;">{{ item.point }}</span>
+            <!-- <svg-icon class="mx-1" name="integral" size="24"></svg-icon>
+            <span style="color: #10897bad;">{{ item.point }}</span> -->
           </div>
-          <v-chip label :color="item.complete ? 'success' : 'error'">{{ item.complete ? '已完成' : '未完成' }}</v-chip>
+          <v-chip label :color="item.complete ? 'success' : 'error'" @click="handleClick(item)">{{ item.complete ? '已完成' : '未完成' }}</v-chip>
         </div>
       </div>
     </div>
@@ -26,6 +26,7 @@
 defineOptions({name: 'personal-taskCenter-suggest'})
 import { ref } from 'vue'
 import { getTaskList } from '@/api/integral'
+import { useRouter } from 'vue-router'; const router = useRouter()
 
 const loading = ref(false)
 const list = ref([])
@@ -36,11 +37,24 @@ const getRecommendTaskList = async () => {
   try {
     const data = await getTaskList({ mark: '推荐任务', type: 0 })
     list.value = data
+    list.value.push({
+      complete: false,
+      operation: '+',
+      point: 50,
+      sort: 99,
+      title: '购买会员套餐',
+      url: '/recruit/personal/personalCenter/memberBenefits/membershipPackage',
+    })
   } finally {
     loading.value = false
   }
 }
 getRecommendTaskList()
+
+const handleClick = (item) => {
+  if (item.complete || !item.url) return
+  router.push(item.url)
+}
 </script>
 
 <style lang="scss" scoped>