diff --git a/CHANGELOG.md b/CHANGELOG.md
index 46b5f2c..cc1b631 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -136,6 +136,57 @@
  - | 设置时间轴自动滚动到当前位置 | a3474f8
  - | 跳转详情页返回路径修改 | c5e17c0
  - | 骨架屏替换 | e9fdd71
+ - | 1.时间轴数据渲染 2.时间基准线 | [d643af2](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/d643af2)
+ - | api 存storage | [81032ba](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/81032ba)
+ ID1000343 | 解决向下预加载查询参数时间没+1颗粒度;以及滚动加载颗粒度写死的问题 | [940603a](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/940603a), closes [#ID1000343](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/issues/ID1000343)
+ plugin | 插件解析机制完善 | [0f5a27d](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/0f5a27d)
+ project title | 项目标题修改; 切换角色移除script | [5c20017](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/5c20017)
+ roles | 修复默认显示不是我的角色的问题 | [b69f94f](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/b69f94f)
+ role | 切换角色的逻辑修正完善 | [4ae534f](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/4ae534f)
+ task任务逻辑完善 | 减少初始global及regular的不必要请求 | [bd4bd38](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/bd4bd38)
+ - | title.vue根据页面栈显示返回按钮；标题文本超出显示... | [0cbacf4](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/0cbacf4)
+ - | 上下滑动加载定期任务 | [4090d89](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/4090d89)
+ - | 上下滚动时间轴 | [d533a01](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/d533a01)
+ - | 下拉加载定期任务传参，时间格式化修改 | [0b95a0e](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/0b95a0e)
+ - | 任务开始时间延迟插件 | [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)
+ - | 修改定期任务状态0和4时不加载圆圈 | [30e352f](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/30e352f)
+ - | 修改小红点传参 | [87b20fd](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/87b20fd)
+ - | 修改报错 | [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)
+ - | 切换到默认项目角色没有激活状态的bug | [438d448](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/438d448)
+ - | 切换日历时查询小红点 | [7091789](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/7091789)
+ - | 初始展示角色修改 | [2ac4053](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/2ac4053)
+ - | 定期任务key值修改 | [c6688db](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/c6688db)
+ - | 定期任务接口 | [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)
+ - | 定期任务未加载时,显示空的时间轴并能上下滑动 | [ce38093](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/ce38093)
+ - | 定期任务本地缓存和api赋值,未完成 | [5a10856](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/5a10856)
+ 定期任务本地缓存和api赋值,未完成 | 定期任务本地缓存和api赋值,未完成 | [b22a366](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/b22a366)
+ - | 定期任务骨架屏修改 | [8ff72dd](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/8ff72dd)
+ - | 平车演示临时去掉项目快捷方式的toast提示 | [e0b2c23](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/e0b2c23)
+ - | 手动展开日常任务 | [0a4a622](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/0a4a622)
+ - | 提示信息显示bug及日常任务收缩问题 | [f2f06c5](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/f2f06c5)
+ - | 插件bug解决 | [41257eb](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/41257eb)
+ - | 收到消息修改任务状态 | [c378063](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/c378063)
+ - | 日历无任务时添加小绿点,时间轴刻度无任务不显示时分 | [0f90868](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/0f90868)
+ - | 日常任务html数据查验 | [880ce5c](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/880ce5c)
+ - | 日常任务插件遍历时的key值修改 | [cd26285](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/cd26285)
+ - | 日常任务插件面板高度修改 | [249f9e4](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/249f9e4)
+ - | 时间轴上下滑动 | [4d0ae46](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/4d0ae46)
+ - | 时间轴上下滚动数据加载bug修改 | [e82ede4](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/e82ede4)
+ - | 时间轴插件 | [225d3cc](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/225d3cc)
+ - | 时间轴无任务时时间刻度加载修改 | [4921672](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/4921672)
+ - | 时间轴滚动位置修改 | [551da63](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/551da63)
+ - | 时间轴骨架屏修改 | [ca78d02](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/ca78d02)
+ - | 监听时间基本点 | [033fca0](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/033fca0)
+ - | 角色显示状态修改 | [7d3b906](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/7d3b906)
+ - | 角色栏修改 | [19228d6](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/19228d6)
+ - | 解决时间轴报错 | [da1eece](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/da1eece)
+ - | 设置时间轴自动滚动到当前位置 | [a3474f8](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/a3474f8)
+ - | 跳转详情页返回路径修改 | [c5e17c0](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/c5e17c0)
+ - | 骨架屏替换 | [e9fdd71](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/e9fdd71)
 
 
 ### 📝 文档
@@ -211,4 +262,3 @@
  - | style:index | 978f272
  - | !2 基础模板v1.1.0 | f5e61dd
  - | init | c0f1deb
-
diff --git a/package.json b/package.json
index e3a2078..dbe2efb 100644
--- a/package.json
+++ b/package.json
@@ -48,6 +48,7 @@
     "regenerator-runtime": "^0.12.1",
     "uview-ui": "^1.8.4",
     "vue": "^2.6.11",
+    "vuedraggable": "^2.24.3",
     "vuex": "^3.2.0"
   },
   "devDependencies": {
diff --git a/src/.hbuilderx/launch.json b/src/.hbuilderx/launch.json
deleted file mode 100644
index e5aaa3e..0000000
--- a/src/.hbuilderx/launch.json
+++ /dev/null
@@ -1,11 +0,0 @@
-{ // launch.json 配置了启动调试时相关设置，configurations下节点名称可为 app-plus/h5/mp-weixin/mp-baidu/mp-alipay/mp-qq/mp-toutiao/mp-360/
-  // launchtype项可配置值为local或remote, local代表前端连本地云函数，remote代表前端连云端云函数
-    "version": "0.0",
-    "configurations": [{
-            "type": "uniCloud",
-            "default": {
-                "launchtype": "local"
-            }
-        }
-    ]
-}
diff --git a/src/components/Projects/Projects.vue b/src/components/Projects/Projects.vue
index 6338842..1d2d651 100644
--- a/src/components/Projects/Projects.vue
+++ b/src/components/Projects/Projects.vue
@@ -1,39 +1,88 @@
 <template>
   <view class="py-3 mt-4 bg-white u-font-15">
-    <view v-for="(project, index) in projects" :key="index">
-      <!-- 有子项目 -->
-      <view class="flex items-center justify-between p-3">
-        <view class="text-blue-400 border border-blue-200 rounded-full order bg-blue-50">
-          {{ index + 1 }}
-        </view>
+    <draggable
+      v-model="projectLists"
+      chosenClass="active"
+      animation="500"
+      @chang="change"
+      @start="start"
+      @end="end"
+      :move="move"
+      handle=".mover"
+    >
+      <view v-for="(project, index) in projectLists" :key="index">
+        <!-- 有子项目 -->
+        <view class="flex items-center justify-between p-3" :class="project.showBorder ? border : ''">
+          <u-icon class="mover" @click="openMenu(project)" size="48" name="https://www.tall.wiki/staticrec/drag.svg"></u-icon>
+
+          <view class="flex-1 px-3 divide-y divide-light-blue-400" @click="openProject(project)">
+            <view class="flex items-center mb-1">
+              <view class="mr-2">{{ project.name }}+{{ project.showBorder }}</view>
+              <!-- 状态 TODO:-->
+              <view class="px-2 text-xs text-green-400 bg-green-100 rounded-full">进行中</view>
+            </view>
 
-        <view class="flex-1 px-3">
-          <view class="flex items-center mb-1">
-            <view class="mr-2">{{ project.name }}</view>
-            <!-- 状态 TODO:-->
-            <view class="px-2 text-xs text-green-400 bg-green-100 rounded-full">进行中</view>
+            <view class="flex items-center text-xs text-gray-400">
+              <view class="pr-2">{{ $moment(+project.startTime).format('MM-DD HH:mm') }}</view>
+              至
+              <view class="pl-2"> {{ $moment(+project.endTime).format('MM-DD HH:mm') }}</view>
+            </view>
           </view>
 
-          <view class="flex items-center text-xs text-gray-400">
-            <view class="pr-2">{{ $moment(+project.startTime).format('MM-DD HH:mm') }}</view>
-            至
-            <view class="pl-2"> {{ $moment(+project.endTime).format('MM-DD HH:mm') }}</view>
+          <!-- 箭头 -->
+          <view v-if="project.subProject && project.subProject.length">
+            <u-icon name="arrow-up" class="text-gray-400" size="14px" v-if="show" @click="openSubProject"></u-icon>
+            <u-icon name="arrow-down" class="text-gray-400" size="14px" v-else @click="openSubProject"></u-icon>
           </view>
+          <u-icon v-else name="arrow-right" class="text-gray-400" size="14px" @click="openProject(project)"></u-icon>
         </view>
+        <!-- 有子项目 -->
+        <view v-if="show" class="ml-8">
+          <view v-for="subItem in project.subProject" :key="subItem.id">
+            <view class="flex items-center justify-between p-3">
+              <u-icon class="mover" @click="openMenu(subItem)" size="48" name="https://www.tall.wiki/staticrec/drag.svg"></u-icon>
+
+              <view class="flex-1 px-3" @click="openProject(subItem)">
+                <view class="flex items-center">
+                  <view class="mr-2">{{ subItem.name }}</view>
+                  <!-- 状态 TODO:-->
+                  <view class="px-2 text-xs text-green-400 bg-green-100 rounded-full">进行中</view>
+                </view>
+              </view>
 
-        <!-- 箭头 -->
-        <u-icon name="arrow-right" class="text-gray-400" size="14px" @click="openProject(project)"></u-icon>
+              <!-- 箭头 -->
+              <u-icon name="arrow-right" class="text-gray-400" size="14px" @click="openProject(subItem)"></u-icon>
+            </view>
+          </view>
+        </view>
       </view>
-    </view>
+    </draggable>
+
+    <!-- 项目操作面板 -->
+    <u-action-sheet :tips="tips" :list="list" v-model="showMenu"></u-action-sheet>
   </view>
 </template>
 
 <script>
+import draggable from 'vuedraggable';
 import { mapGetters, mapState } from 'vuex';
 
 export default {
+  components: { draggable },
   data() {
-    return {};
+    return {
+      showMenu: false,
+      tips: {
+        text: '',
+        color: '#909399',
+        fontSize: 28,
+      },
+      list: [{ text: '复制' }, { text: '编辑' }, { text: '删除' }, { text: '置顶' }],
+      projectLists: [],
+      show: false,
+      border: 'border border-blue-500 shadow rounded-md',
+      showBorder: false,
+    };
   },
 
   computed: {
@@ -41,7 +90,79 @@ export default {
     ...mapGetters('user', ['userId']),
   },
 
+  watch: {
+    projects(val) {
+      if (val) {
+        this.projectLists = [...this.projects];
+
+        const arr = [
+          {
+            endTime: '1659680363000',
+            id: '1420652719055835520',
+            name: '测试子项目',
+            startTime: '1596608363000',
+            status: 1,
+            url: 'https://www.tall.wiki/gateway/qcp/v3.0',
+          },
+        ];
+        this.projectLists[0].subProject = [...arr];
+        console.log('this.projectLists[0]: ', this.projectLists[0]);
+      }
+    },
+  },
+
+  mounted() {
+    this.projectLists = [...this.projects];
+    const arr = [
+      {
+        endTime: '1659680363000',
+        id: '1420652719055835520',
+        name: '测试子项目',
+        startTime: '1596608363000',
+        status: 1,
+        url: 'https://www.tall.wiki/gateway/qcp/v3.0',
+      },
+    ];
+    this.projectLists[0].subProject = [...arr];
+  },
+
   methods: {
+    change(event) {
+      console.log('change', event);
+    },
+    start(event) {
+      console.log('开始', event);
+    },
+    end(event) {
+      console.log('结束', event, this.groups);
+      this.showBorder = false;
+    },
+    move(event, orgin) {
+      console.log('move', event, orgin);
+      // 移动的位置
+      console.log('clientX', orgin.clientX);
+      console.log('clientY', orgin.clientY);
+      if (orgin.clientX > 60) {
+        // this.showBorder = true;
+        console.log('this.showBorder: ', this.showBorder);
+        this.projectLists[event.draggedContext.futureIndex].showBorder = true;
+        // this.projectLists[event.draggedContext.futureIndex].subProject = this.projectLists[event.relatedContext.index]
+      } else {
+        // this.showBorder = false;
+        this.projectLists[event.draggedContext.futureIndex].showBorder = false;
+      }
+
+      // 移动前的位置
+      console.log('移动前', event.draggedContext);
+      // 移动后的位置
+      console.log('移动后', event.relatedContext);
+      // 返回新数组
+      // [this.projectLists[event.draggedContext.index], this.projectLists[event.relatedContext.index]] = [
+      //   this.projectLists[event.relatedContext.index],
+      //   this.projectLists[event.draggedContext.index],
+      // ];
+    },
+
     /**
      * 打开项目
      * @param {object} project 所点击的项目的信息
@@ -56,6 +177,19 @@ export default {
         url: encodeURIComponent(url),
       });
     },
+
+    /**
+     * 弹出项目操作面板
+     */
+    openMenu(project) {
+      this.showMenu = true;
+      this.tips.text = project.name;
+    },
+
+    // 展开子项目
+    openSubProject() {
+      this.show = !this.show;
+    },
   },
 };
 </script>
diff --git a/src/package.json b/src/package.json
new file mode 100644
index 0000000..743d5c5
--- /dev/null
+++ b/src/package.json
@@ -0,0 +1,37 @@
+{
+  "pages": [
+    {
+      "path": "pages/index/index",
+      "style": {
+        "navigationStyle": "custom" ,
+        "navigationBarTextStyle": "white"
+      }
+    },
+    {
+      "path": "pages/project/project",
+      "style": {
+        "navigationStyle": "custom" ,
+        "navigationBarTextStyle": "white"
+      }
+    },
+    {
+      "path": "pages/test/test",
+      "style": {
+        "navigationBarTitleText": "测试"
+      }
+    }
+  ],
+  "globalStyle": {
+    "navigationBarTextStyle": "black",
+    "navigationBarTitleText": "TALL",
+    "navigationBarBackgroundColor": "#F8F8F8",
+    "backgroundColor": "#F8F8F8"
+  },
+  "easycom": {
+    "autoscan": true,
+    "custom": {
+      "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue",
+      "^p-(.*)": "@/plugins/p-$1/p-$1.vue"
+    }
+  }
+}