feat: 项目流程结构更改

src/router/index.ts

@@ -2,11 +2,6 @@ import {createRouter, createWebHistory, RouteRecordRaw} from 'vue-router';
 
 const routes: Array<RouteRecordRaw> = [
     {
-        path: '/login',
-        name: 'Login',
-        component: () => import('@/views/login/Login.vue'),
-    },
-    {
         path: '/',
         name: 'MainFrame',
         component: () => import('@/views/main-frame/MainFrame.vue'),
@@ -55,6 +50,11 @@ const routes: Array<RouteRecordRaw> = [
             }
         ]
     },
+    {
+        path: '/login',
+        name: 'Login',
+        component: () => import('@/views/login/Login.vue'),
+    },
 ];
 
 const router = createRouter({

src/views/project/Project.vue

@@ -63,7 +63,7 @@ const route = useRoute()
               项目流汇总
             </li>
           </router-link>
-          <router-link
+         <!--  <router-link
               custom
               to="/project/report"
               v-slot="{ navigate, isExactActive }"
@@ -75,7 +75,7 @@ const route = useRoute()
             >
               报表
             </li>
-          </router-link>
+          </router-link> -->
         </ul>
       </el-affix>
     </header>

src/views/project/process/Process.vue

@@ -1,48 +1,93 @@
 <script setup lang="ts">
-import {onMounted, reactive, ref} from "vue";
+import { onMounted, reactive, ref } from "vue";
 
 const steps = reactive([
   {
-    label: '(1) 步骤1',
+    label: "估算",
   },
   {
-    label: '(2) 步骤2',
-  },
-  {
-    label: '(3) 步骤3',
-  },
-  {
-    label: '(4) 步骤4',
-  },
-  {
-    label: '(5) 步骤5',
-  },
-  {
-    label: '(6) 步骤6',
+    label: "概算",
+    children: [
+      {
+        label: "-概算1",
+        children: [
+          {
+            label: "--建安费预算",
+          },
+          {
+            label: "--二类非预算",
+          },
+        ],
+      },
+      {
+        label: "-概算2",
+        children: [
+          {
+            label: "--建安费预算",
+          },
+          {
+            label: "--二类非预算",
+          },
+        ],
+      },
+    ],
   },
   {
-    label: '(7) 步骤7',
+    label: "预算",
+    children: [
+      {
+        label: "-预算1",
+        children: [
+          {
+            label: "--总体调整",
+          },
+          {
+            label: "--暂估价审核",
+          },
+          {
+            label: "--变更审核",
+          },
+        ],
+      },
+      {
+        label: "-预算2",
+        children: [
+          {
+            label: "--总体调整",
+          },
+          {
+            label: "--暂估价审核",
+          },
+          {
+            label: "--变更审核",
+          },
+        ],
+      },
+    ],
   },
   {
-    label: '(8) 步骤8',
+    label: "结算",
     children: [
       {
-        label: '- 步骤8.1',
+        label: "-结算1",
       },
       {
-        label: '- 步骤8.2',
+        label: "-结算2",
+      },
+      {
+        label: "-二类非结算",
       },
     ],
   },
   {
-    label: '(9) 步骤9',
+    label: "决算",
   },
-])
+]);
 </script>
 
 <template>
   <article class="process-page">
-    <header class="header">
+    <!-- <header class="header">
       <ul class="tabs">
         <li class="tab">预算</li>
         <li class="tab active">过程预算</li>
@@ -51,17 +96,20 @@ const steps = reactive([
         <li class="tab">决算</li>
       </ul>
       <el-button type="primary">台账审核</el-button>
-    </header>
+    </header> -->
     <div class="wrap">
       <el-affix :offset="130">
         <el-card header="步骤" shadow="never" class="step">
-          <el-tree :data="steps" default-expand-all :expand-on-click-node="false"/>
+          <el-tree
+            :data="steps"
+            default-expand-all
+            :expand-on-click-node="false"
+          />
         </el-card>
       </el-affix>
       <el-card shadow="never" class="preview">
-        <div class="area">
-          表单/文件
-        </div>
+        <div class="btns"><el-button type="primary">台账审核</el-button></div>
+        <div class="area">表单/文件</div>
         <div class="btn-wrap">
           <el-button type="success">审核通过</el-button>
           <el-button type="danger">审核退回</el-button>

src/views/project/process/style.scss

@@ -1,7 +1,7 @@
 .process-page {
   padding: 16px 24px 60px;
 
-  .header {
+  /* .header {
     @apply flex justify-between;
     .tabs {
       .tab {
@@ -26,11 +26,10 @@
     .el-button {
       box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
     }
-  }
+  } */
 
   .wrap {
     @apply flex items-start;
-    margin-top: 16px;
 
     .el-card {
       border: none;
@@ -71,5 +70,10 @@
         }
       }
     }
+
+    .btns {
+      text-align: right;
+      margin-bottom: 16px;
+    }
   }
 }