From 31ad252341e3614daab677a9cf2e37f62489484e Mon Sep 17 00:00:00 2001
From: sean.zhou <sean.zhou@dji.com>
Date: Fri, 18 Nov 2022 18:35:12 +0800
Subject: [PATCH] initial v1.3.0
---
src/pages/page-web/projects/task.vue | 28 ++++++++++++++++++----------
1 files changed, 18 insertions(+), 10 deletions(-)
diff --git a/src/pages/page-web/projects/task.vue b/src/pages/page-web/projects/task.vue
index e594a8d..3e83954 100644
--- a/src/pages/page-web/projects/task.vue
+++ b/src/pages/page-web/projects/task.vue
@@ -5,34 +5,42 @@
<a-col :span="1"></a-col>
<a-col :span="20">Task Plan Library</a-col>
<a-col :span="2">
- <span v-if="!createPlanTip">
- <router-link :to="{ name: 'create-plan'}">
- <PlusOutlined style="color: white; font-size: 16px;" @click="() => createPlanTip = true"/>
+ <span v-if="taskRoute">
+ <router-link :to="{ name: ERouterName.CREATE_PLAN}">
+ <PlusOutlined class="route-icon"/>
</router-link>
</span>
<span v-else>
- <router-link :to="{ name: 'task'}">
- <MinusOutlined style="color: white; font-size: 16px;" @click="() => createPlanTip = false"/>
+ <router-link :to="{ name: ERouterName.TASK}">
+ <MinusOutlined class="route-icon"/>
</router-link>
</span>
</a-col>
<a-col :span="1"></a-col>
</a-row>
</div>
- <div v-if="createPlanTip">
- <router-view />
+ <div v-if="!taskRoute">
+ <router-view/>
</div>
</div>
</template>
<script lang="ts" setup>
import { PlusOutlined, MinusOutlined } from '@ant-design/icons-vue'
-import { onMounted, onUnmounted, ref } from 'vue'
+import { computed, ref } from 'vue'
+import { useRoute } from 'vue-router'
+import { ERouterName } from '/@/types/enums'
-const createPlanTip = ref(false)
+const route = useRoute()
+const taskRoute = computed(() => {
+ return route.name === ERouterName.TASK
+})
</script>
<style lang="scss">
-
+.route-icon {
+ color: #fff;
+ font-size: 16px;
+}
</style>
--
Gitblit v1.9.3