修改

src/components/nav.vue

@@ -17,7 +17,7 @@
         ><img src="../assets/user.png" alt="" />
         <p>用户管理</p>
       </router-link>
-      <router-link class="navigationList" to="/foo"
+      <router-link class="navigationList" to="/projectManagement"
         ><img src="../assets/xiangmu.png" alt="" />
         <p>项目管理</p>
       </router-link>

src/main.js

@@ -8,6 +8,7 @@ import ElementPlus from 'element-plus';
 import 'element-plus/dist/index.css'
 import axios from 'axios'
 import VueAxios from 'vue-axios'
+import zhCn from 'element-plus/es/locale/lang/zh-cn'  
 axios.defaults.baseURL='https://a99zg89a.xiaomy.net'
 
 axios.interceptors.request.use(config => {
@@ -18,6 +19,6 @@ axios.interceptors.request.use(config => {
   })
 let app=createApp(App)
 app.use(router)
-app.use(ElementPlus);
+app.use(ElementPlus,{locale:zhCn});
 app.use(VueAxios,axios)
 app.mount('#app')

src/router/router.js

@@ -7,6 +7,7 @@ import {
 } from 'vue-router'
 import login from '../view/login.vue'
 import index from '../view/index.vue'
+import projectManagement from '../view/projectManagement.vue'
 //配置路由
 const router = createRouter({
 	history: createWebHistory(),
@@ -19,6 +20,11 @@ const router = createRouter({
 		path: '/index', //
 		name: 'index',
 		component: index
+	},
+    {
+		path: '/projectManagement', //
+		name: 'projectManagement',
+		component: projectManagement
 	}
   
 ]

src/view/projectManagement.vue

@@ -0,0 +1,97 @@
+<template>
+  <div class="disFlex">
+    <NavLeft />
+    <div class="projectManagement">
+      <div class="title">项目管理</div>
+      <div class="search">
+        <div class="searchInput">
+          <el-input
+            v-model="projectName"
+            placeholder="请输入项目名称"
+          ></el-input>
+        </div>
+        <div class="searchInput">
+          <el-date-picker
+            v-model="value2"
+            type="daterange"
+            align="right"
+            unlink-panels
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            :picker-options="pickerOptions"
+          >
+          </el-date-picker>
+        </div>
+
+        <button type="button" class="queryProject"> <img src="" alt=""> 查询</button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import NavLeft from "../components/nav.vue";
+
+export default {
+  components: {
+    NavLeft,
+  },
+  props: {
+    msg: String,
+  },
+  data() {
+    return {
+      projectName: "",
+      projectDate: "",
+    };
+  },
+
+  methods: {},
+};
+</script>
+
+
+<style >
+.disFlex {
+  display: flex;
+}
+.projectManagement {
+  flex: 1;
+  padding: 60px;
+}
+.title {
+  font-size: 16px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #454d67;
+  line-height: 22px;
+  padding-left: 23px;
+  border-bottom: 1px solid #e4eaee;
+  padding-bottom: 7px;
+  margin-bottom: 60px;
+}
+.search {
+  display: flex;
+  padding-left: 18px;
+}
+.searchInput .el-input__inner {
+  height: 40px;
+}
+.searchInput {
+  margin-right: 10px;
+}
+.queryProject{
+width: 90px;
+height: 36px;
+background: #0544A4;
+box-shadow: 0px 2px 7px 0px rgba(120, 137, 149, 0.25);
+border-radius: 3px;
+margin-left: 20px;
+border: none;
+font-size: 15px;
+font-family: PingFangSC-Regular, PingFang SC;
+font-weight: 400;
+color: #FFFFFF;
+}
+</style>