From beb9af8dedbf2def47fe37a65acb374638c1195b Mon Sep 17 00:00:00 2001
From: xuesinan <1404152492@qq.com>
Date: Thu, 25 Nov 2021 16:04:11 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20"=E6=96=B0=E5=BB=BA=E8=AF=BE=E9=A2=98"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/tall/left/Index.vue    | 13 ++++++++-----
 src/components/tall/left/Projects.vue | 18 ++++++++++--------
 src/store/tall/projects/index.js      | 10 ++++++++++
 3 files changed, 28 insertions(+), 13 deletions(-)

diff --git a/src/components/tall/left/Index.vue b/src/components/tall/left/Index.vue
index 363bbd5..f8d986a 100644
--- a/src/components/tall/left/Index.vue
+++ b/src/components/tall/left/Index.vue
@@ -19,22 +19,24 @@
       <p>是否新建课题？</p>
     </a-modal>
 
-    <Projects ref="projectsRef" />
+    <Projects />
+    <!-- ref="projectsRef" -->
   </div>
 </template>
 
 <script setup>
 import { ref } from 'vue';
-// import { useStore } from 'vuex';
-import dayjs from 'dayjs';
+import { useStore } from 'vuex';
+// import dayjs from 'dayjs';
 import { PlusCircleFilled } from '@ant-design/icons-vue';
 import { create } from 'apis';
 import Calendar from './Calendar.vue';
 import Projects from './Projects.vue';
 // import { importWbs } from 'apis';
 
+const store = useStore();
 const visible = ref(false);
-const projectsRef = ref(null);
+// const projectsRef = ref(null);
 const showModal = () => {
   visible.value = true;
 };
@@ -48,7 +50,8 @@ const handleOk = async () => {
 async function createExperiment() {
   try {
     const data = await create();
-    projectsRef.value.getProjectsList(dayjs().startOf('day').format('x'), dayjs().endOf('day').format('x'));
+    store.commit('projects/setNewProject', data);
+    // projectsRef.value.getProjectsList(dayjs().startOf('day').format('x'), dayjs().endOf('day').format('x'));
     return data;
   } catch (error) {
     throw new Error(error);
diff --git a/src/components/tall/left/Projects.vue b/src/components/tall/left/Projects.vue
index 402e1fd..5ffa651 100644
--- a/src/components/tall/left/Projects.vue
+++ b/src/components/tall/left/Projects.vue
@@ -69,7 +69,7 @@
 </template>
 
 <script setup>
-import { reactive, ref } from 'vue';
+import { reactive, ref, watch, computed } from 'vue';
 import { useStore } from 'vuex';
 import dayjs from 'dayjs';
 import { getProjects, delProject } from 'apis';
@@ -80,6 +80,13 @@ const projects = reactive({ projects: [] });
 const visible = ref(false);
 const deleteId = ref(null);
 const projectId = sessionStorage.getItem('projectId');
+const newProject = computed(() => store.state.projects.newProject); // 新建项目
+
+watch(newProject, () => {
+  getProjectsList(dayjs().startOf('day').format('x'), dayjs().endOf('day').format('x'));
+});
+
+getProjectsList(dayjs().startOf('day').format('x'), dayjs().endOf('day').format('x'));
 
 // 点击操作面试显示隐藏
 const showActionCard = item => {
@@ -88,7 +95,7 @@ const showActionCard = item => {
 };
 
 // 获取项目列表
-const getProjectsList = async (startTime, endTime) => {
+async function getProjectsList(startTime, endTime) {
   try {
     const data = await getProjects(startTime, endTime);
     projects.projects = [];
@@ -117,9 +124,7 @@ const getProjectsList = async (startTime, endTime) => {
   } catch (error) {
     throw new Error(error);
   }
-};
-
-getProjectsList(dayjs().startOf('day').format('x'), dayjs().endOf('day').format('x'));
+}
 
 function toDetail(item) {
   item.show = true;
@@ -153,9 +158,6 @@ async function deleteProject(param) {
   }
 }
 </script>
-<script>
-export default { name: 'Projects' };
-</script>
 
 <style scoped>
 .list-flex {
diff --git a/src/store/tall/projects/index.js b/src/store/tall/projects/index.js
index 87df125..6ddfa26 100644
--- a/src/store/tall/projects/index.js
+++ b/src/store/tall/projects/index.js
@@ -5,6 +5,7 @@ export default {
     project: { name: '加载中...' }, // 当前项目信息
     projects: [], // 项目列表
     dotList: [], // 小红点
+    newProject: {}, // 新建项目信息
   },
 
   getters: {
@@ -31,6 +32,15 @@ export default {
       }
     },
 
+    /**
+     * 设置state project新建项目信息
+     * @param {object} state
+     * @param {array} data 项目信息
+     */
+    setNewProject(state, data) {
+      state.newProject = data;
+    },
+
     /**
      * 设置子项目收缩展开
      * @param { object } state