vue项目开发总结——任务悬赏平台（前端）

项目简介：
该项目实习中的第一个项目，该项目分为用户端、企业端、后台管理端。用户可以在任务大厅接受任务，每完成任务都会获得响应的报酬，用户只能接受一个任务，该任务完成后才能继续下一个任务。任务进行期间，该任务可以被企业取消，若企业取消用户正在完成的任务，则返回5%的奖励给用户。企业可以发布任务，发布任务之前需要上传企业认证凭证给后台管理端，后台管理员审核通过之后企业才可发布任务，企业可以对用户已完成的任务进行确认完成任务和打回重做。

一、相关技术

1. vue2
2. scss
3. axios
4. cookie
5. element UI
6. crypto-js
7. tailwindcss

二、个人所写组件

1、多条件查询任务

<div class="task_hall_select">
  <div class="task_hall_item">
    <div class="item_title">任务级别:</div>
    <div class="items_container">
      <div
        class="select_item"
        :class="{
    'active_item': index === activeLevelIndex}"
        v-for="(item, index) in taskLevelItems"
        :key="index"
        @click="selectLevelClick(index, item.value)"
      >{
  {item.name}}</div>
    </div>
  </div>
  <div class="task_hall_item">
    <div class="item_title">任务时限:</div>
    <div class="items_container">
      <div
        class="select_item"
        :class="{
    'active_item': index === activeTimeIndex}"
        v-for="(item, index) in taskTimeItems"
        :key="index"
        @click="selectTimeClick(index, item.value)"
      >{
  {item.name}}</div>