From ce380933f8a4a91c318855830aa30db939fef4ef Mon Sep 17 00:00:00 2001
From: binbin0314 <binbin0314@126.com>
Date: Tue, 10 Aug 2021 10:14:20 +0800
Subject: [PATCH 1/4] =?UTF-8?q?fix:=20=E5=AE=9A=E6=9C=9F=E4=BB=BB=E5=8A=A1?=
 =?UTF-8?q?=E6=9C=AA=E5=8A=A0=E8=BD=BD=E6=97=B6,=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E7=A9=BA=E7=9A=84=E6=97=B6=E9=97=B4=E8=BD=B4=E5=B9=B6=E8=83=BD?=
 =?UTF-8?q?=E4=B8=8A=E4=B8=8B=E6=BB=91=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md                                  |  3 +-
 src/components/TimeLine/TimeLine.vue          |  1 +
 src/components/TimeLine/component/TimeBox.vue | 86 ++++++++++---------
 3 files changed, 49 insertions(+), 41 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 55599ac..4bf9de2 100644
--- a/CHANGELOG.md
+++ b/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)
diff --git a/src/components/TimeLine/TimeLine.vue b/src/components/TimeLine/TimeLine.vue
index ef33b32..d4d82f2 100644
--- a/src/components/TimeLine/TimeLine.vue
+++ b/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) {
diff --git a/src/components/TimeLine/component/TimeBox.vue b/src/components/TimeLine/component/TimeBox.vue
index 0afaad2..aca1f87 100644
--- a/src/components/TimeLine/component/TimeBox.vue
+++ b/src/components/TimeLine/component/TimeBox.vue
@@ -1,55 +1,61 @@
 <template>
   <view class="column">
-    <view :key="index" v-for="(task, index) in tasks">
-      <view class="flex">
-        <TimeStatus :task="task" />
+    <view v-if="tasks && tasks.length">
+      <view :key="index" v-for="(task, index) in tasks">
+        <view class="flex">
+          <TimeStatus :task="task" />
 
-        <view class="flex items-center justify-between flex-1 ml-2 task-column">
-          <view>{{ $moment(+task.planStart).format(startTimeFormat) }}</view>
+          <view class="flex items-center justify-between flex-1 ml-2 task-column">
+            <view>{{ $moment(+task.planStart).format(startTimeFormat) }}</view>
 
-          <!-- 任务功能菜单 -->
-          <TaskTools />
+            <!-- 任务功能菜单 -->
+            <TaskTools />
+          </view>
         </view>
-      </view>
-      <view class="border-l-2 border-gray-300 plugin">
-        <view class="ml-3 overflow-hidden shadow-lg task-box">
-          <u-card
-            :show-foot="false"
-            :show-head="false"
-            :style="{ height: setHeight(task.panel) }"
-            @click="onClickTask(+task.planStart)"
-            class="h-16"
-            margin="0"
-            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>
-              </view>
+        <view class="border-l-2 border-gray-300 plugin">
+          <view class="ml-3 overflow-hidden shadow-lg task-box">
+            <u-card
+              :show-foot="false"
+              :show-head="false"
+              :style="{ height: setHeight(task.panel) }"
+              @click="onClickTask(+task.planStart)"
+              class="h-16"
+              margin="0"
+            >
+              <!-- v-if="task.plugins && task.plugins.length" -->
+              <!-- 任务面板插件 -->
+              <view slot="body">
+                <!-- TODO: 逻辑不完善 -->
+                <view v-if="!task.plugins.length">
+                  <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>
-                <view :key="pIndex" v-for="(row, pIndex) in task.plugins">
-                  <view class="grid gap-2" v-if="row.length">
-                    <Plugin
-                      :class="getClass(plugin.col, plugin.row)"
-                      :task="task"
-                      :key="plugin.pluginTaskId"
-                      :plugin-task-id="plugin.pluginTaskId"
-                      :plugin-id="plugin.pluginId"
-                      :param="plugin.param"
-                      :style-type="styleType || 0"
-                      v-for="plugin in row"
-                    />
+                <view class="p-0 u-col-between" v-else>
+                  <view :key="pIndex" v-for="(row, pIndex) in task.plugins">
+                    <view class="grid gap-2" v-if="row.length">
+                      <Plugin
+                        :class="getClass(plugin.col, plugin.row)"
+                        :task="task"
+                        :key="plugin.pluginTaskId"
+                        :plugin-task-id="plugin.pluginTaskId"
+                        :plugin-id="plugin.pluginId"
+                        :param="plugin.param"
+                        :style-type="styleType || 0"
+                        v-for="plugin in row"
+                      />
+                    </view>
                   </view>
                 </view>
               </view>
-            </view>
-          </u-card>
+            </u-card>
+          </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>

From 909a734d4b66ef9617a5d0a2ee3cc4bff92311a8 Mon Sep 17 00:00:00 2001
From: binbin0314 <binbin0314@126.com>
Date: Tue, 10 Aug 2021 10:48:07 +0800
Subject: [PATCH 2/4] =?UTF-8?q?perf:=20=E4=BF=AE=E6=94=B9=E5=AE=9A?=
 =?UTF-8?q?=E6=9C=9F=E4=BB=BB=E5=8A=A1=E9=AA=A8=E6=9E=B6=E5=B1=8F=E9=AB=98?=
 =?UTF-8?q?=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md                                  | 1 +
 src/components/TimeLine/component/TimeBox.vue | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index bce71c3..0f5ae2b 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -37,6 +37,7 @@
  - | 距调整pc端 | [5069aa1](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/5069aa1)
  - | 配置默认插件接口 | [f0c177d](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/f0c177d)
  - | 面变化首页变化 | [5e860f1](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/5e860f1)
+ - | 项目api url设置 | [6cd5245](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/6cd5245)
  - | 项目列表, 项目url | [32e005b](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/32e005b)
  - | 首页项目样式改变 | [8514c85](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/8514c85)
 
diff --git a/src/components/TimeLine/component/TimeBox.vue b/src/components/TimeLine/component/TimeBox.vue
index aca1f87..5fd049f 100644
--- a/src/components/TimeLine/component/TimeBox.vue
+++ b/src/components/TimeLine/component/TimeBox.vue
@@ -27,7 +27,7 @@
               <view slot="body">
                 <!-- TODO: 逻辑不完善 -->
                 <view v-if="!task.plugins.length">
-                  <skeleton :banner="false" :loading="true" :row="2" animate class="mt-2 u-line-2 skeleton"></skeleton>
+                  <skeleton :banner="false" :loading="true" :row="4" animate class="mt-2 u-line-2 skeleton"></skeleton>
                 </view>
 
                 <view class="p-0 u-col-between" v-else>

From 5064a382e5b3e4059a069aa38ec2c88dcc3d93ab Mon Sep 17 00:00:00 2001
From: binbin0314 <binbin0314@126.com>
Date: Tue, 10 Aug 2021 16:01:32 +0800
Subject: [PATCH 3/4] =?UTF-8?q?style:=20=E5=88=A0=E9=99=A4console.log?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md                         | 1 +
 src/components/TimeLine/TimeLine.vue | 3 ---
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0f5ae2b..568be45 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -129,6 +129,7 @@
 ### 🚀 性能优化
 范围|描述|commitId
 --|--|--
+ - | 修改定期任务骨架屏高度 | [909a734](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/909a734)
  - | 插件查询及展示 | [4dba770](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/4dba770)
  - | 日历的更改 | [7353ac8](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/7353ac8)
  - | 测试接口 | [215e074](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/215e074)
diff --git a/src/components/TimeLine/TimeLine.vue b/src/components/TimeLine/TimeLine.vue
index d4d82f2..ce81ed5 100644
--- a/src/components/TimeLine/TimeLine.vue
+++ b/src/components/TimeLine/TimeLine.vue
@@ -56,12 +56,10 @@ 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) {
         // 没有数据时 自动加载数据
-        console.log('没有数据时: ');
         const addTasks = [
           {
             panel: {},
@@ -82,7 +80,6 @@ export default {
         this.setUpTasks([...addTasks.concat(this.tasks)]);
       } else {
         // 有数据时
-        console.log('有数据时: ');
         const upQuery = {
           timeNode: startTime,
           queryType: 0,

From 9316bcbb369eeba7212c12b2e4a314e4ce800049 Mon Sep 17 00:00:00 2001
From: binbin0314 <binbin0314@126.com>
Date: Wed, 11 Aug 2021 16:01:03 +0800
Subject: [PATCH 4/4] =?UTF-8?q?feat:=20=E8=AE=BE=E7=BD=AE=E5=B0=8F?=
 =?UTF-8?q?=E7=BA=A2=E7=82=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md                                  |  3 +-
 src/apis/tall.js                              |  2 +
 src/components/Calendar/Calendar.vue          | 46 +++++++++----------
 .../TimeLine/component/TimeStatus.vue         | 20 ++++----
 src/components/Tips/Tips.vue                  |  1 +
 src/components/Upload/Upload.vue              |  2 +-
 src/pages/index/index.vue                     | 40 ++++++++++++----
 src/pages/project/project.vue                 | 13 ++++++
 src/plugins/p-wbs-import/p-wbs-import.vue     | 39 +++++++++++++++-
 src/store/project/mutations.js                | 30 ++++++++++++
 src/store/project/state.js                    |  8 ++++
 11 files changed, 156 insertions(+), 48 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 568be45..4e29681 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,4 +1,4 @@
-# 0.1.0 (2021-08-10)
+# 0.1.0 (2021-08-11)
 
 ### 🌟 新功能
 范围|描述|commitId
@@ -48,6 +48,7 @@
  - | 代码格式细节调整 | [cb2532b](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/cb2532b)
  - | 任务快捷方式图标增加 | [4aba872](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/4aba872)
  - | 修改角色样式 | [73e268e](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/73e268e)
+ - | 删除console.log | [5064a38](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/5064a38)
  - | 删除多余字段 | [5ae3973](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/5ae3973)
  - | 删除插件携带的多余文件 | [0f392bb](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/0f392bb)
  - | 删除没用代码 | [34b20e1](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/34b20e1)
diff --git a/src/apis/tall.js b/src/apis/tall.js
index 5edb9d4..121373b 100644
--- a/src/apis/tall.js
+++ b/src/apis/tall.js
@@ -7,6 +7,8 @@ const install = (Vue, vm) => {
   vm.$u.api.getToken = userId => vm.$u.get(`${tall}/users/userId`, { userId });
   // 获取项目列表
   vm.$u.api.getProjects = (startTime, endTime) => vm.$u.post(`${tall}/project/query`, { startTime, endTime });
+  // 查询日历是否有小红点
+  vm.$u.api.findRedPoint = (startTime, endTime) => vm.$u.post(`${tall}/project/day`, { startTime, endTime });
 };
 
 export default { install };
diff --git a/src/components/Calendar/Calendar.vue b/src/components/Calendar/Calendar.vue
index c7765d6..1486a3d 100644
--- a/src/components/Calendar/Calendar.vue
+++ b/src/components/Calendar/Calendar.vue
@@ -39,7 +39,7 @@
                 <view class="date" :class="[item.isToday ? todayClass : '', item.fullDate === selectedDate ? checkedClass : '']">
                   {{ item.time.getDate() }}
                 </view>
-                <view class="dot-show" v-if="item.info" :style="dotStyle"> </view>
+                <view class="dot-show" v-if="item.info === '1'" :style="dotStyle"> </view>
               </view>
             </template>
             <template v-else>
@@ -86,9 +86,10 @@
     <view class="flex justify-center u-font-18" style="color: #3b82f6" @click="goback"> 今日 </view>
   </view>
 </template>
-mb-3
+
 <script>
-import { gegerateDates, dateEqual, formatDate } from './generateDates.js';
+import { mapState } from 'vuex';
+import { gegerateDates, formatDate } from './generateDates.js';
 
 export default {
   props: {
@@ -96,12 +97,6 @@ export default {
       type: Number,
       default: 500,
     },
-    dotList: {
-      type: Array, /// 打点日期列表
-      default() {
-        return [];
-      },
-    },
     showBack: {
       type: Boolean, // 是否返回今日
       default: false,
@@ -117,7 +112,7 @@ export default {
     dotStyle: {
       type: Object, // 打点日期的自定义样式
       default() {
-        return { background: '#FF0000' };
+        return { background: '#DC2626' };
       },
     },
   },
@@ -125,11 +120,12 @@ export default {
   watch: {
     dotList: function (newvalue) {
       const days = this.days.slice(0);
-      newvalue.forEach(item => {
-        const index = days.findIndex(ditem => ditem.fullDate === item.date);
-        if (index > 0) {
-          days[index].info = item;
-        }
+      days.forEach((day, i) => {
+        newvalue.forEach((item, j) => {
+          if (i === j) {
+            day.info = item;
+          }
+        });
       });
       this.days = days;
     },
@@ -143,14 +139,14 @@ export default {
       currentMonth: '',
       currentDate: '',
       days: [],
-      weekMode: false, // false -> 月  true -> 显示周
+      // weekMode: false, // false -> 月  true -> 显示周
       swiper: [0, 1, 2],
-      // dotList: [], // 打点的日期列表
       selectedDate: formatDate(new Date(), 'yyyy-MM-dd'), // 当前选中的日期
     };
   },
 
   computed: {
+    ...mapState('project', ['dotList', 'weekMode']),
     sheight() {
       // 根据年月判断有多少行
       // 判断该月有多少天
@@ -268,13 +264,13 @@ export default {
         // 	this.selectedDate = formatDate(new Date(this.currentYear, this.currentMonth-1,1), 'yyyy-MM-dd')
         // }
       }
-      days.forEach(day => {
-        const dot = this.dotList.find(item => {
-          return dateEqual(item.date, day.fullDate);
+      // 设置小红点
+      days.forEach((day, i) => {
+        this.dotList.forEach((item, j) => {
+          if (i === j) {
+            day.info = item;
+          }
         });
-        if (dot) {
-          day.info = dot;
-        }
       });
       this.days = days;
       // 派发事件,时间发生改变
@@ -458,8 +454,8 @@ export default {
     border-radius: 25px;
   }
   .dot-show {
-    width: 8px;
-    height: 8px;
+    width: 6px;
+    height: 6px;
     // background: red;
     border-radius: 5px;
     position: absolute;
diff --git a/src/components/TimeLine/component/TimeStatus.vue b/src/components/TimeLine/component/TimeStatus.vue
index 08ca698..e1385c0 100644
--- a/src/components/TimeLine/component/TimeStatus.vue
+++ b/src/components/TimeLine/component/TimeStatus.vue
@@ -92,17 +92,17 @@ export default {
      * 点击了图标 修改任务状态
      * @param {object} event
      */
-    changeStatus() {
-      return false;
-      // const { status, taskId, taskName, tip } = this;
-      // tip.status = status;
-      // tip.taskId = taskId;
-      // tip.left = event.target.x;
-      // tip.top = event.target.y;
-      // tip.show = true;
-      // tip.text = this.genetateTips(status, taskName);
+    changeStatus(event) {
+      // return false;
+      const { status, taskId, taskName, tip } = this;
+      tip.status = status;
+      tip.taskId = taskId;
+      tip.left = event.target.x;
+      tip.top = event.target.y;
+      tip.show = true;
+      tip.text = this.genetateTips(status, taskName);
 
-      // this.setTip(tip);
+      this.setTip(tip);
     },
 
     // 计算圆环的弧度百分比
diff --git a/src/components/Tips/Tips.vue b/src/components/Tips/Tips.vue
index 3f139b4..9eec51c 100644
--- a/src/components/Tips/Tips.vue
+++ b/src/components/Tips/Tips.vue
@@ -81,6 +81,7 @@ export default {
         // this.$router.go(0);
       } catch (error) {
         console.log(error);
+        this.$t.ui.showToast(error.msg || '操作失败');
       }
     },
 
diff --git a/src/components/Upload/Upload.vue b/src/components/Upload/Upload.vue
index 7006a76..6ce75fa 100644
--- a/src/components/Upload/Upload.vue
+++ b/src/components/Upload/Upload.vue
@@ -9,7 +9,7 @@
 <script>
 export default {
   methods: {
-    // 倒入wbs
+    // 导入wbs
     async handleUpload() {
       try {
         const data = await this.$u.api.import();
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index 7fa1d25..dd4fa01 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -2,7 +2,7 @@
   <view class="bg-gray-50">
     <view class="relative">
       <!-- 日历 -->
-      <Calendar @selected-change="onDateChange" :show-back="true" :dot-list="days" />
+      <Calendar @selected-change="onDateChange" :show-back="true" />
       <!-- 上传 导入wbs -->
       <Upload @show-alert="onShowAlert" />
     </view>
@@ -30,12 +30,7 @@ import { mapState, mapMutations } from 'vuex';
 export default {
   data() {
     return {
-      days: [
-        { date: '2020-08-14' },
-        { date: '2020-08-27' },
-        { date: '2020-08-09' },
-        // {date: '2020-08-16'}
-      ],
+      days: [],
       alert: {
         show: false,
         title: '',
@@ -50,6 +45,7 @@ export default {
     token(value) {
       if (!value) return;
       this.getProjects();
+      this.handleFindPoint();
     },
   },
 
@@ -57,10 +53,20 @@ export default {
     console.log('index onShow');
     if (!this.token) return;
     this.getProjects();
+    this.handleFindPoint();
+  },
+
+  onPageScroll(res) {
+    // console.log('页面滚动了', res.scrollTop);
+    if (res.scrollTop > 0) {
+      this.setWeekMode(true);
+    } else {
+      this.setWeekMode(false);
+    }
   },
 
   methods: {
-    ...mapMutations('project', ['setProjects']),
+    ...mapMutations('project', ['setProjects', 'setDotList', 'setWeekMode']),
 
     // 获取项目列表
     async getProjects(start = this.$moment().startOf('day').valueOf(), end = this.$moment().endOf('day').valueOf()) {
@@ -72,10 +78,24 @@ export default {
       }
     },
 
-    changeList() {
-      this.days = [{ date: '2021-08-03' }, { date: '2021-08-04' }, { date: '2021-08-06' }];
+    /**
+     * 查询小红点
+     * @param { string } endTime 结束时间
+     * @param { string } startTime 开始时间
+     */
+    async handleFindPoint(start = this.$moment().startOf('month').valueOf(), end = this.$moment().endOf('month').valueOf()) {
+      try {
+        const data = await this.$u.api.findRedPoint(start, end);
+        this.setDotList(data);
+      } catch (error) {
+        console.log('error: ', error);
+      }
     },
 
+    // changeList() {
+    //   this.days = [{ date: '2021-08-03' }, { date: '2021-08-04' }, { date: '2021-08-06' }];
+    // },
+
     onDateChange(event) {
       console.log(event);
     },
diff --git a/src/pages/project/project.vue b/src/pages/project/project.vue
index 42fe18e..f517763 100644
--- a/src/pages/project/project.vue
+++ b/src/pages/project/project.vue
@@ -1,5 +1,17 @@
 <template>
   <view :style="{ height: height }" class="flex flex-col overflow-hidden u-font-14">
+    <!-- 全局提示框 -->
+    <u-alert-tips
+      class="top-0 -inset-x-0"
+      style="position: fixed !important; z-index: 999"
+      type="error"
+      :close-able="true"
+      :title="alert.title"
+      :show="alert.show"
+      :description="alert.description"
+      @close="alert.show = false"
+    ></u-alert-tips>
+
     <!-- 标题栏 -->
     <Title />
 
@@ -28,6 +40,7 @@ export default {
     ...mapState('user', ['user', 'token']),
     ...mapState('role', ['visibleRoles', 'roleId']),
     ...mapState('task', ['timeNode', 'timeUnit', 'tasks']),
+    ...mapState('project', ['alert']),
     ...mapGetters('task', ['timeGranularity']),
   },
 
diff --git a/src/plugins/p-wbs-import/p-wbs-import.vue b/src/plugins/p-wbs-import/p-wbs-import.vue
index 6ea90fb..c1624bd 100644
--- a/src/plugins/p-wbs-import/p-wbs-import.vue
+++ b/src/plugins/p-wbs-import/p-wbs-import.vue
@@ -1,3 +1,40 @@
 <template>
-  <view>导入wbs</view>
+  <view>
+    <view @tap="handleUpload">{{ task.name }}</view>
+  </view>
 </template>
+
+<script>
+import { mapState, mapMutations } from 'vuex';
+
+export default {
+  name: 'p-wbs-import',
+  props: {
+    task: {
+      type: Object,
+      default: () => {},
+    },
+  },
+  data() {
+    return {};
+  },
+
+  computed: mapState('project', ['alert']),
+
+  methods: {
+    ...mapMutations('project', ['setShowAlert']),
+
+    // 导入wbs
+    async handleUpload() {
+      try {
+        const data = await this.$u.api.import();
+        // 导入WBS成功后
+        // 直接打开导入的项目
+        console.log('data: ', data);
+      } catch (error) {
+        this.setShowAlert(error);
+      }
+    },
+  },
+};
+</script>
diff --git a/src/store/project/mutations.js b/src/store/project/mutations.js
index 925c7b7..8b2d5d9 100644
--- a/src/store/project/mutations.js
+++ b/src/store/project/mutations.js
@@ -29,6 +29,36 @@ const mutations = {
   setProjectName(state, data) {
     state.project.name = data;
   },
+
+  /**
+   * 设置alert展示消息
+   * @param { object } state
+   * @param { Boolean } event
+   */
+  setShowAlert(state, event) {
+    state.alert.description = event || '发生了点小意外';
+    state.alert.show = true;
+
+    setTimeout(() => (state.alert.show = false), 10000);
+  },
+
+  /**
+   * 设置小红点
+   * @param { object } state
+   * @param { string } data
+   */
+  setDotList(state, data) {
+    state.dotList = data;
+  },
+
+  /**
+   * 设置日历是否展开收缩
+   * @param { object } state
+   * @param { boolean } show
+   */
+  setWeekMode(state, show) {
+    state.weekMode = show;
+  },
 };
 
 export default mutations;
diff --git a/src/store/project/state.js b/src/store/project/state.js
index 23f467f..d68ccd8 100644
--- a/src/store/project/state.js
+++ b/src/store/project/state.js
@@ -2,6 +2,14 @@
 const state = {
   project: { name: '加载中...' }, // 当前项目信息
   projects: [], // 项目列表
+  alert: {
+    // 全局提示框
+    show: false,
+    title: '',
+    description: '',
+  },
+  dotList: [], // 小红点
+  weekMode: false, // 日历展开收缩
 };
 
 export default state;