fix: 定期任务未加载时,显示空的时间轴并能上下滑动

CHANGELOG.md

@@ -1,4 +1,4 @@
-# 0.1.0 (2021-08-09)
+# 0.1.0 (2021-08-10)
 
 ### 🌟 新功能
 范围|描述|commitId
@@ -75,6 +75,7 @@
  - | 任务开始时间延迟插件 | [992a313](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/992a313)
  - | 修改main | [749ae9a](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/749ae9a)
  - | 修改报错 | [531c14d](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/531c14d)
+ - | 修改接口路径 | [df6acf2](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/df6acf2)
  - | 修改角色栏组件 | [a54c601](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/a54c601)
  - | 定期任务接口 | [aa4981c](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/aa4981c)
  - | 定期任务插件 | [92b3254](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/92b3254)

src/components/TimeLine/TimeLine.vue

@@ -56,6 +56,7 @@ export default {
 
     // 滚动到顶部
     async handleScrollTop() {
+      console.log('this.topEnd: ', this.topEnd);
       if (this.topEnd) return;
       const startTime = this.tasks[0].planStart - 0;
       if (this.tasks[0].plugins && this.tasks[0].plugins.length === 0 && !this.topEnd) {

src/components/TimeLine/component/TimeBox.vue

@@ -1,5 +1,6 @@
 <template>
   <view class="column">
+    <view v-if="tasks && tasks.length">
       <view :key="index" v-for="(task, index) in tasks">
         <view class="flex">
           <TimeStatus :task="task" />
@@ -20,13 +21,13 @@
               @click="onClickTask(+task.planStart)"
               class="h-16"
               margin="0"
-            v-if="task.plugins && task.plugins.length"
             >
+              <!-- v-if="task.plugins && task.plugins.length" -->
               <!-- 任务面板插件 -->
               <view slot="body">
                 <!-- TODO: 逻辑不完善 -->
                 <view v-if="!task.plugins.length">
-                <skeleton :banner="false" :loading="true" :row="4" animate class="mt-2 u-line-2 skeleton"></skeleton>
+                  <skeleton :banner="false" :loading="true" :row="2" animate class="mt-2 u-line-2 skeleton"></skeleton>
                 </view>
 
                 <view class="p-0 u-col-between" v-else>
@@ -50,6 +51,11 @@
           </view>
         </view>
       </view>
+    </view>
+    <view v-else class="flex flex-row items-center ml-1">
+      <u-icon name="plus-circle" color="#2979ff" size="40" class="mr-2"></u-icon>
+      新建任务
+    </view>
     <!-- 局部弹框操作栏 -->
     <Tips />
   </view>