增加Mine页面数据

src/components/Mine.vue

@@ -20,25 +20,25 @@
             </p>
             <div class="username_box">
               <div class="username_icon username_"></div>
-              <span class="username">小明</span>
+              <span class="username">{{user.name}}</span>
             </div>
-            <p class="name">
-              <a href="javascript:;" class="login-btn btn btn-medium btn-info">登录</a>
-              <a
-                href="https://login.sina.com.cn/signup/signup?entry=tech"
-                class="register-btn btn btn-medium btn-info"
-                target="_blank"
-              >注册</a>
-            </p>
+            <!--<p class="name">-->
+              <!--<a href="javascript:;" class="login-btn btn btn-medium btn-info">登录</a>-->
+              <!--<a-->
+                <!--href="https://login.sina.com.cn/signup/signup?entry=tech"-->
+                <!--class="register-btn btn btn-medium btn-info"-->
+                <!--target="_blank"-->
+              <!--&gt;注册</a>-->
+            <!--</p>-->
             <p class="scores">
               <a href="/rule/merit" target="_blank">
                 积分
-                <em class="num1">--</em>
+                <em class="num1">{{user.score}}</em>
               </a>
               <span class="line">|</span>
               <a href="/rule/merit" target="_blank">
                 威望
-                <em class="num2">--</em>
+                <em class="num2">{{user.prestige}}</em>
               </a>
             </p>
             <p>
@@ -53,19 +53,19 @@
     <div class="mine-body">
       <el-tabs tabPosition="top" type="card">
         <el-tab-pane label="未完成任务">
-          <task-item v-for="(item,index) in taskList1" :key="index" :taskId="item.id"/>
+          <task-item v-for="(item,index) in unFinishedTaskList" :key="index" :task="item"/>
         </el-tab-pane>
         <el-tab-pane label="已完成任务">
-          <task-item v-for="(item,index) in taskList2" :key="index" :taskId="item.id"/>
+          <task-item v-for="(item,index) in finishedTaskList" :key="index" :task="item"/>
         </el-tab-pane>
         <el-tab-pane label="已申请项目">
-          <project-item v-for="(item,index) in projectList1" :key="index" :projectId="item.id"/>
+          <project-item v-for="(item,index) in appliedProjectList" :key="index" :projectId="item.id"/>
         </el-tab-pane>
       </el-tabs>
     </div>
   </div>
 </template>
-      
+
 <script>
 import TaskItem from "@/components/commons/TaskItem";
 import ProjectItem from "@/components/commons/ProjectItem";
@@ -74,99 +74,107 @@ export default {
   components: { TaskItem, ProjectItem },
   data() {
     return {
-      taskList1: [
+      unFinishedTaskList: [
         {
           id: 0,
+          coverImgUrl:"http://www.mooctest.net/assets/img/mooctest.png",
+          projectId:1123,
           title: "发送群文件测试",
+          platform: [0, 1],
           description: "任务描述文字xxxx",
           price: "30",
           serviceType: 1,
+          participantNum: 30,
           status: 0
         },
         {
           id: 1,
+          coverImgUrl:"http://www.mooctest.net/assets/img/mooctest.png",
+          projectId:1123,
           title: "多人聊天发送文件测试",
+          platform: [0],
           description: "任务描述文字xxxx",
           price: "10",
           serviceType: 0,
+          participantNum: 0,
           status: 1
         },
         {
           id: 2,
+          coverImgUrl:"http://www.mooctest.net/assets/img/mooctest.png",
+          projectId:1123,
           title: "浏览器波洞星球",
+          platform: [1],
           description: "任务描述文字xxxx",
           price: "10",
           serviceType: 2,
+          participantNum: 21,
           status: 0
         },
         {
           id: 3,
+          coverImgUrl:"http://www.mooctest.net/assets/img/mooctest.png",
+          projectId:1123,
           title: "举报支持选择聊天记录（安全）",
+          platform: [0, 1, 2],
           description: "任务描述文字xxxx",
           price: "0",
           serviceType: 1,
+          participantNum: 1,
           status: 1
         },
-        {
-          id: 4,
-          title: "发送群文件测试",
-          description: "任务描述文字xxxx",
-          price: "30",
-          serviceType: 1,
-          status: 0
-        }
       ],
-      taskList2: [
-        {
-          id: 6,
-          title: "浏览器波洞星球",
-          description: "任务描述文字xxxx",
-          price: "10",
-          serviceType: 2,
-          status: 0
-        },
+      finishedTaskList: [
         {
-          id: 7,
-          title: "举报支持选择聊天记录（安全）",
-          description: "任务描述文字xxxx",
-          price: "0",
-          serviceType: 1,
-          status: 1
-        },
-        {
-          id: 8,
+          id: 0,
+          coverImgUrl:"http://www.mooctest.net/assets/img/mooctest.png",
+          projectId:1123,
           title: "发送群文件测试",
+          platform: [0, 1],
           description: "任务描述文字xxxx",
           price: "30",
           serviceType: 1,
+          participantNum: 30,
           status: 0
         },
         {
-          id: 9,
+          id: 1,
+          coverImgUrl:"http://www.mooctest.net/assets/img/mooctest.png",
+          projectId:1123,
           title: "多人聊天发送文件测试",
+          platform: [0],
           description: "任务描述文字xxxx",
           price: "10",
           serviceType: 0,
+          participantNum: 0,
           status: 1
         },
         {
-          id: 10,
+          id: 2,
+          coverImgUrl:"http://www.mooctest.net/assets/img/mooctest.png",
+          projectId:1123,
           title: "浏览器波洞星球",
+          platform: [1],
           description: "任务描述文字xxxx",
           price: "10",
           serviceType: 2,
+          participantNum: 21,
           status: 0
         },
         {
-          id: 11,
+          id: 3,
+          coverImgUrl:"http://www.mooctest.net/assets/img/mooctest.png",
+          projectId:1123,
           title: "举报支持选择聊天记录（安全）",
+          platform: [0, 1, 2],
           description: "任务描述文字xxxx",
           price: "0",
           serviceType: 1,
-          status: 2
-        }
+          participantNum: 1,
+          status: 1
+        },
       ],
-      projectList1: [
+      appliedProjectList: [
         {
           id: 1,
           code: "27382hdsjkfdskfK",
@@ -191,12 +199,18 @@ export default {
           description: "任务描述文字xxxx",
           price: "50"
         }
-      ]
+      ],
+      user: {
+        id:123,
+        name:"李三",
+        score:100,
+        prestige:100,
+      }
     };
   }
 };
 </script>
-      
+
 <style lang="less" scoped>
 .mine-container {
   padding: 0 80px 40px 80px;
@@ -229,4 +243,3 @@ export default {
 }
 </style>
 
-