refactor: 旧版项目页面改名

src/views/project-old/Project.vue

@@ -0,0 +1,64 @@
+<script setup lang="ts">
+import { onMounted, ref } from "vue";
+</script>
+
+<template>
+  <article class="project-page">
+    <header class="header">
+      <span class="project-name">市妇幼保健医院新址配套市政道路工程</span>
+      <ul class="nav">
+        <router-link custom to="/project" v-slot="{ navigate, isExactActive }">
+          <li
+            class="item overview"
+            @click="navigate"
+            :class="{ 'exact-active': isExactActive }"
+          >
+            项目概况
+          </li>
+        </router-link>
+        <router-link
+          custom
+          to="/project/process"
+          v-slot="{ navigate, isExactActive }"
+        >
+          <li
+            class="item process"
+            @click="navigate"
+            :class="{ 'exact-active': isExactActive }"
+          >
+            项目流程
+          </li>
+        </router-link>
+        <router-link
+          custom
+          to="/project/summary"
+          v-slot="{ navigate, isExactActive }"
+        >
+          <li
+            class="item summary"
+            @click="navigate"
+            :class="{ 'exact-active': isExactActive }"
+          >
+            项目流汇总
+          </li>
+        </router-link>
+        <router-link
+          custom
+          to="/project/report"
+          v-slot="{ navigate, isExactActive }"
+        >
+          <li
+            class="item report"
+            @click="navigate"
+            :class="{ 'exact-active': isExactActive }"
+          >
+            报表
+          </li>
+        </router-link>
+      </ul>
+    </header>
+    <router-view></router-view>
+  </article>
+</template>
+
+<style lang="scss" src="./style.scss" scoped></style>

src/views/project-old/overview/Overview.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import { onMounted, reactive, ref } from "vue";
+</script>
+
+<template>
+  <article class="overview-page">项目概况</article>
+</template>
+
+<style lang="scss" src="./style.scss" scoped></style>

src/views/project-old/process/Process.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import { onMounted, reactive, ref } from "vue";
+</script>
+
+<template>
+  <article class="process-page">项目流程</article>
+</template>
+
+<style lang="scss" src="./style.scss" scoped></style>

src/views/project-old/report/Report.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import { onMounted, reactive, ref } from "vue";
+</script>
+
+<template>
+  <article class="report-page">报表</article>
+</template>
+
+<style lang="scss" src="./style.scss" scoped></style>

src/views/project-old/style.scss

@@ -0,0 +1,29 @@
+.project-page {
+    .header {
+        @apply flex items-center;
+        height: 50px;
+        padding: 0 10px;
+        border-bottom: 1px solid $border-gray;
+        background-color: #fff;
+
+        .project-name {
+            @apply flex-1 font-bold;
+            font-size: 20px;
+        }
+        .nav {
+            @apply flex h-full items-center;
+            font-size: 18px;
+
+            .item {
+                @apply h-full cursor-pointer;
+                line-height: 50px;
+                margin: 0 10px;
+
+                &.exact-active {
+                    border-bottom: 3px solid #409eff;
+                    color: #409eff;
+                }
+            }
+        }
+    }
+}

src/views/project-old/summary/Summary.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import { onMounted, reactive, ref } from "vue";
+</script>
+
+<template>
+  <article class="report-page">项目流汇总</article>
+</template>
+
+<style lang="scss" src="./style.scss" scoped></style>