企业专区 寻源比较页面基础搭建

.gitignore

@@ -30,3 +30,4 @@ coverage
 .prettierrc.js
 auto-imports.d.ts
 components.d.ts
+components.d.ts

components.d.ts

@@ -7,11 +7,12 @@ export {}
 
 declare module 'vue' {
   export interface GlobalComponents {
-    ElButton: typeof import('element-plus/es')['ElButton']
     ElCarousel: typeof import('element-plus/es')['ElCarousel']
     ElCarouselItem: typeof import('element-plus/es')['ElCarouselItem']
-    ElCol: typeof import('element-plus/es')['ElCol']
     ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
+    ElDropdown: typeof import('element-plus/es')['ElDropdown']
+    ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']
+    ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu']
     ElEmpty: typeof import('element-plus/es')['ElEmpty']
     ElForm: typeof import('element-plus/es')['ElForm']
     ElFormItem: typeof import('element-plus/es')['ElFormItem']
@@ -19,7 +20,6 @@ declare module 'vue' {
     ElImage: typeof import('element-plus/es')['ElImage']
     ElInput: typeof import('element-plus/es')['ElInput']
     ElPagination: typeof import('element-plus/es')['ElPagination']
-    ElRow: typeof import('element-plus/es')['ElRow']
     ElTag: typeof import('element-plus/es')['ElTag']
     EquipCard: typeof import('./src/components/equipCard.vue')['default']
     EquipDetailTable: typeof import('./src/components/equipDetailTable.vue')['default']

src/components/Navmenu/index.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
     const router = useRouter()
-
+    const route = useRoute()
     const navMenuList = [
         { name: '首页', routerName: 'home' },
         { name: '自选直租', routerName: 'equipList' },
@@ -18,7 +18,11 @@
 
 <template>
     <ul class="nav-menu">
-        <li v-for="item in navMenuList" :key="item.name" @click="navMenuClick(item.routerName)">
+        <li
+            v-for="item in navMenuList"
+            :key="item.name"
+            @click="navMenuClick(item.routerName)"
+            :class="{ active: route.name === item.routerName }">
             {{ item.name }}
         </li>
     </ul>
@@ -47,5 +51,10 @@
                 border: none;
             }
         }
+
+        .active {
+            color: #333333;
+            font-weight: bold;
+        }
     }
 </style>

src/views/enterpriseZone/index.vue

@@ -1,7 +1,10 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+    import NavMenu from 'components/Navmenu/index.vue'
+</script>
 
 <template>
-    <div>企业专区---</div>
+    <!-- 企业专区 -->
+    <NavMenu />
 </template>
 
 <style></style>

src/views/parity/index.vue

@@ -1,7 +1,26 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+    import NavMenu from 'components/Navmenu/index.vue'
+</script>
 
 <template>
-    <div>寻源比价---</div>
+    <!-- 寻源比价 -->
+
+    <NavMenu />
+
+    <!-- 表单 -->
+    <el-form :inline="true">
+        <el-form-item label="寻源标题：">
+            <el-input style="width: 160px" />
+        </el-form-item>
+
+        <el-form-item label="日期范围：">
+            <el-input style="width: 160px" />
+        </el-form-item>
+    </el-form>
 </template>
 
-<style></style>
+<style scoped>
+    .el-form {
+        padding: 15px 0;
+    }
+</style>