个人明细页面接口联调

pages/person-detail/index.vue

@@ -30,103 +30,37 @@
         </div>
         <div class="awards-details">血压计 1 支/温度计 1 支/小米电视4C 2 台/米家洗衣机 1 台/米家冰箱 2 台/华为荣耀Play3 2 部</div>
       </div>-->
-      <div class="detail-list">
-         <div class="item">
-           <div class="left">
-             <img src="~/assets/img/person-detail/icon-clock-in.png" alt="">
-           </div>
-           <div class="right">
-             <div class="r-left">
-               <p class="detail-name">每日打卡</p>
-               <p class="time">2019.12.15</p>
-             </div>
-             <div class="r-right">
-               <div class="award-item">
-                 <span class="num">+5</span>
-                 <span class="award-name">勤奋分</span>
-               </div>
-               <div class="award-item">
-                 <span class="num">+5</span>
-                 <span class="award-name">勤奋分</span>
-               </div>
-             </div>
-           </div>
-         </div>
-        <div class="item">
+      <div class="detail-list" >
+        <div class="item" v-for="item in personDetails">
           <div class="left">
-            <img src="~/assets/img/person-detail/icon-invite.png" alt="">
+            <img :src="detailTaskIcon(item.taskName)" alt="">
           </div>
           <div class="right">
             <div class="r-left">
-              <p class="detail-name">邀请好友</p>
-              <p class="time">2019.12.15</p>
+              <p class="detail-name">{{item.taskName}}</p>
+              <p class="time">{{item.finishTime}}</p>
             </div>
             <div class="r-right">
-              <div class="award-item">
-                <span class="num">+5</span>
-                <span class="award-name">勤奋分</span>
-              </div>
-              <div class="award-item">
-                <span class="num">+5</span>
-                <span class="award-name">勤奋分</span>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="item">
-          <div class="left">
-            <img src="~/assets/img/person-detail/icon-study.png" alt="">
-          </div>
-          <div class="right">
-            <div class="r-left">
-              <p class="detail-name">课程学习</p>
-              <p class="time">2019.12.15</p>
-            </div>
-            <div class="r-right">
-              <div class="award-item">
-                <span class="num">+5</span>
-                <span class="award-name">勤奋分</span>
-              </div>
-              <div class="award-item">
-                <span class="num">+5</span>
-                <span class="award-name">勤奋分</span>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="item">
-          <div class="left">
-            <img src="~/assets/img/person-detail/icon-clock-in.png" alt="">
-          </div>
-          <div class="right">
-            <div class="r-left">
-              <p class="detail-name">每日打卡</p>
-              <p class="time">2019.12.15</p>
-            </div>
-            <div class="r-right">
-              <div class="award-item">
-                <span class="num">+5</span>
-                <span class="award-name">勤奋分</span>
-              </div>
-              <div class="award-item">
-                <span class="num">+5</span>
-                <span class="award-name">勤奋分</span>
+              <div class="award-item" v-for="item1 in item.timsRewardResp">
+                <span class="num">+{{item1.rewardQuantity}}</span>
+                <span class="award-name">{{detailAwardsName(item1.rewardType)}}</span>
               </div>
             </div>
           </div>
         </div>
       </div>
-      <div class="no-more">
+     <!-- <div class="no-more">
         <span class="line"></span>
         <span class="text">到底啦</span>
         <span class="line"></span>
-      </div>
+      </div>-->
     </div>
   </section>
 </template>
 
 <script>
-  import NormalHeader from '@/components/normal-header'
+  import NormalHeader from '@/components/normal-header';
+  import { getPersonDetails } from '@/service/detailsAndRanking'
   export default {
     name: 'person-detail',
     components: {
@@ -138,15 +72,45 @@
         title: '个人明细',
         barHeight: 0,
         barColor: '#fff',
+        personDetails: [],
       };
     },
     computed: {
 
     },
     mounted() {
+      this.getPersonDetails();
+    },
+    methods: {
+      detailTaskIcon(taskName) {
+        if(taskName == '打卡') {
+          return require('../../assets/img/person-detail/icon-invite.png')
+        }
+      },
+      detailAwardsName(type) {
+        //type 1.云鹊豆 2.现金 3.勤奋分 4.短信额度
+        if(type == 1) {
+          return '云鹊豆'
+        } else if(type == 2) {
+          return '现金'
+        } else if(type == 3) {
+          return '勤奋分'
+        } else if(type == 4) {
+          return '短信额度'
+        }
+      },
+      getPersonDetails() {
+        getPersonDetails().then(res => {
+          console.log(res)
+          if(res.code == '000000') {
+            this.personDetails = res.data.personalDetails
+          }
+        })
+      },
+      loadMore() {
 
+      }
     },
-    methods: {},
   };
 </script>
 

service/detailsAndRanking.js

@@ -2,14 +2,14 @@
 
 import request from './api';
 
-// 获取领取记录列表列表
+// 获取领取记录列表
 export const getOneInviteDetails = (params) => {
 	return request({
     url: `campaign/inviteDetail/oneList`,
     params: params,
     withCredentials: true
   })
-}// 获取领取记录列表列表
+}// 获取领取记录列表
 export const getTwoInviteDetails = (params) => {
   return request({
     url: `campaign/inviteDetail/twoList`,
@@ -17,10 +17,10 @@ export const getTwoInviteDetails = (params) => {
     withCredentials: true
   })
 }
-// 获取额度明细列表
-export const geAmountData = (params) => {
+// 获取个人明细列表
+export const getPersonDetails = (params) => {
   return request({
-    url: `/healths/patientEducation/smsAmount/log`,
+    url: `/campaign/tims/personalDetails?activityId=2`,
     params: params,
     withCredentials: true
   })