【我的计划】接口调成功

src/components/page/GlobalNavFooter.vue

@@ -6,9 +6,10 @@
       <!-- 左 小箭头 -->
       <a-col :span="1" @click="handleChange" style="background:rgba(24, 144, 255,.9);">
         <a class="arrowBtn">
-          <a-icon v-if="isShow" type="arrow-left" />
+          <!-- 切换频繁时使用v-show  -->
+          <a-icon v-show="isShow" type="arrow-left" />
           <a-divider type="vertical" style="width:3px;height:20px;marginBottom:6px;borderRadius:4px;" />
-          <a-icon v-if="!isShow" type="arrow-right" />
+          <a-icon v-show="!isShow" type="arrow-right" />
         </a>
       </a-col>
 
@@ -126,6 +127,7 @@
           </a-card>
         </a-col>
       </a-row>
+      
 
       <!-- 抽屉底部按钮 -->
       <div

src/views/dashboard/MyToDo.vue

@@ -81,22 +81,26 @@
                 <a-col :xs="24" :sm="24" :md="24" :lg="24" :xl="12" :style="{ marginBottom: '8px', paddingRight: 0 }">
                   <p>
                     上月我的计划：
-                    <strong style="color:#fa6b5c;marginRight:4px;textDecoration: underline;"> 0 </strong>份
+                    <strong style="color:#fa6b5c;marginRight:4px;textDecoration: underline;">{{ mlp }}</strong
+                    >份
                   </p>
                   <p>
                     本月我的计划：
-                    <strong style="color:#fa6b5c;marginRight:4px;textDecoration: underline;"> 1 </strong>份
+                    <strong style="color:#fa6b5c;marginRight:4px;textDecoration: underline;">{{ mtp }}</strong
+                    >份
                   </p>
                 </a-col>
 
                 <a-col :xs="24" :sm="24" :md="24" :lg="24" :xl="12">
                   <p>
                     上月他人计划：
-                    <strong style="color:#fa6b5c;marginRight:4px;textDecoration: underline;"> 0 </strong>份
+                    <strong style="color:#fa6b5c;marginRight:4px;textDecoration: underline;">{{ olp }}</strong
+                    >份
                   </p>
                   <p>
                     本月他人计划：
-                    <strong style="color:#fa6b5c;marginRight:4px;textDecoration: underline;"> 2 </strong>份
+                    <strong style="color:#fa6b5c;marginRight:4px;textDecoration: underline;">{{ otp }}</strong
+                    >份
                   </p>
                 </a-col>
               </a-card>
@@ -105,7 +109,7 @@
             <a-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" :style="{ marginBottom: '8px', paddingRight: 0 }">
               <a-card title="友情链接" :bordered="false" style="width:100%;height:216px">
                 <template #extra><a href="javascript:void(0);" @click="openMyLinks">更多</a></template>
-                <div v-for="item in linksList.slice(0, 13)" :key="item.id" class="links">
+                <div v-for="item in linksList.slice(0, 10)" :key="item.id" class="links">
                   <button class="itemLink">
                     <a href="#" @click="openItemLink(item)">
                       <span width="2em"> {{ item.name }}</span>
@@ -186,9 +190,13 @@ export default {
   },
   data() {
     return {
-      menuALL: [],
-      timer: '',
-      value: 0,
+      mlp: '', // 上月计划数量
+      mtp: '', //本月我的计划
+      olp: '', //上月他计划
+      otp: '', //本月他计划
+
+      menuALL: [], //所有菜单
+      // value: 0,
       annDetail: {}, //公告详情 数据
       annList: [], //公告列表 数据
       linksList: [], //友情链接 数据
@@ -305,7 +313,7 @@ export default {
     this.getAnnList() //渲染公告(已发布)
     this.getFooterNav() // 获取快捷导航
     this.getMyLinks() //友情链接(已发布)
-    this.getMyLastM() //上月我计划
+    this.getMyPlan() //我的计划数据
   },
   computed: {
     // 系统消息计算
@@ -328,20 +336,58 @@ export default {
     //   var innerHeight = window.innerHeight
     //   return innerHeight
     // }
+    /**
+     * 实际上 各种仇恨
+     *
+     *
+     */
   },
   mounted() {
     this.loadData()
     this.getAnnList()
   },
   methods: {
-    // 上月我计划
-    async getMyLastM() {
-      //    createBy:'' ,人员账号(不传则查询全部人员)
-      //    whereTimeType:'',时间类型（0无时间筛选 1查询上月 2本月）
-      await scheduleGetLastMonth({ createBy: '', whereTimeType: '1' }).then(res => {
-        console.log('我的上月计划res', res)
-      })
+    // 我的计划 数据
+    getMyPlan() {
+      return new Promise(resolve => {
+        // createBy:'' ,人员账号(不传则查询全部人员)
+        // whereTimeType:'',时间类型（0无时间筛选 1查询上月 2本月）
+        scheduleGetLastMonth({ createBy: this.userInfo.username, whereTimeType: '1' }).then(res => {
+          console.log('上月我计划res', res)
+          // console.log('this.userInfo.username', this.userInfo.username)
+          if (res.success) {
+            this.mlp = res.result
+          }
+          resolve()
+        })
+        // 本月我计划
+        scheduleGetLastMonth({ createBy: this.userInfo.username, whereTimeType: '2' }).then(res => {
+          console.log('本月我计划', res)
+          if (res.success) {
+            this.mtp = res.result
+          }
 
+          resolve()
+        })
+        //上月他人计划
+        scheduleGetLastMonth({ whereTimeType: '1' }).then(res => {
+          console.log('上月他计划', res)
+          if (res.success) {
+            this.olp = res.result
+          }
+
+          resolve()
+        })
+        //本月他人计划
+        scheduleGetLastMonth({ whereTimeType: '2' }).then(res => {
+          console.log('本月他计划', res)
+          if (res.success) {
+            this.otp = res.result
+          }
+
+          resolve()
+        })
+      })
     },
 
     // 友情链接跳转