diff --git a/backend/src/main/java/com/backend/pojo/User.java b/backend/src/main/java/com/backend/pojo/User.java
index d2cefb4..88fe3d7 100644
--- a/backend/src/main/java/com/backend/pojo/User.java
+++ b/backend/src/main/java/com/backend/pojo/User.java
@@ -18,7 +18,6 @@ public class User {
     @NotEmpty
     @Pattern(regexp = "^\\S{1,10}$")
     private String nickname;//昵称
-    private String userPic;//用户头像地址
     private LocalDateTime createTime;//创建时间
     private LocalDateTime updateTime;//更新时间
 }
diff --git a/backend/src/main/resources/application-dev.yml b/backend/src/main/resources/application-dev.yml
index 0b1fde6..beda70c 100644
--- a/backend/src/main/resources/application-dev.yml
+++ b/backend/src/main/resources/application-dev.yml
@@ -11,7 +11,4 @@ spring:
 mybatis:
   configuration:
     map-underscore-to-camel-case: true
-#mybatis:
-#  mapper-locations: classpath:./mapper/*.xml
-#  type-aliases-package: com.backend.pojo
 
diff --git a/frontend/public/car1.png b/frontend/public/car1.png
new file mode 100644
index 0000000..f3019f1
Binary files /dev/null and b/frontend/public/car1.png differ
diff --git a/frontend/public/car10.png b/frontend/public/car10.png
new file mode 100644
index 0000000..5a4874f
Binary files /dev/null and b/frontend/public/car10.png differ
diff --git a/frontend/public/car11.png b/frontend/public/car11.png
new file mode 100644
index 0000000..eac265d
Binary files /dev/null and b/frontend/public/car11.png differ
diff --git a/frontend/public/car12.png b/frontend/public/car12.png
new file mode 100644
index 0000000..518c12f
Binary files /dev/null and b/frontend/public/car12.png differ
diff --git a/frontend/public/car2.png b/frontend/public/car2.png
new file mode 100644
index 0000000..d0874c0
Binary files /dev/null and b/frontend/public/car2.png differ
diff --git a/frontend/public/car3.png b/frontend/public/car3.png
new file mode 100644
index 0000000..411b41d
Binary files /dev/null and b/frontend/public/car3.png differ
diff --git a/frontend/public/car4.png b/frontend/public/car4.png
new file mode 100644
index 0000000..8427328
Binary files /dev/null and b/frontend/public/car4.png differ
diff --git a/frontend/public/car5.png b/frontend/public/car5.png
new file mode 100644
index 0000000..427e9c6
Binary files /dev/null and b/frontend/public/car5.png differ
diff --git a/frontend/public/car6.png b/frontend/public/car6.png
new file mode 100644
index 0000000..cdc584c
Binary files /dev/null and b/frontend/public/car6.png differ
diff --git a/frontend/public/car7.png b/frontend/public/car7.png
new file mode 100644
index 0000000..fa4b26d
Binary files /dev/null and b/frontend/public/car7.png differ
diff --git a/frontend/public/car8.png b/frontend/public/car8.png
new file mode 100644
index 0000000..6946acf
Binary files /dev/null and b/frontend/public/car8.png differ
diff --git a/frontend/public/car9.png b/frontend/public/car9.png
new file mode 100644
index 0000000..0e1e425
Binary files /dev/null and b/frontend/public/car9.png differ
diff --git a/frontend/src/View/Home.vue b/frontend/src/View/Home.vue
index 718ff20..01ed338 100644
--- a/frontend/src/View/Home.vue
+++ b/frontend/src/View/Home.vue
@@ -38,22 +38,22 @@
 
       <div class="services-grid">
         <div class="service-item">
-          <img src="/vite.svg" alt="服务图片" />
+          <img src="/car1.png" alt="服务图片" />
           <h3>快递服务</h3>
           <p>快速、安全、可靠</p>
         </div>
         <div class="service-item">
-          <img src="/vite.svg" alt="服务图片" />
+          <img src="/car2.png" alt="服务图片" />
           <h3>快运服务</h3>
           <p>大件物品运输专家</p>
         </div>
         <div class="service-item">
-          <img src="/vite.svg" alt="服务图片" />
+          <img src="/car3.png" alt="服务图片" />
           <h3>冷运服务</h3>
           <p>全程冷链，新鲜保障</p>
         </div>
         <div class="service-item">
-          <img src="/vite.svg" alt="服务图片" />
+          <img src="/car8.png" alt="服务图片" />
           <h3>医药服务</h3>
           <p>专业医药物流解决方案</p>
         </div>
diff --git a/frontend/src/View/Layout.vue b/frontend/src/View/Layout.vue
index 9dfb6a1..dd0ab78 100644
--- a/frontend/src/View/Layout.vue
+++ b/frontend/src/View/Layout.vue
@@ -55,7 +55,7 @@
                     </span>
           <template #dropdown>
             <el-dropdown-menu>
-              <el-dropdown-item command="info" :icon="User">基本资料</el-dropdown-item>
+              <el-dropdown-item command="userInfo" :icon="User">基本资料</el-dropdown-item>
               <el-dropdown-item command="resetPassword" :icon="EditPen">重置密码</el-dropdown-item>
               <el-dropdown-item command="logout" :icon="SwitchButton">退出登录</el-dropdown-item>
             </el-dropdown-menu>
diff --git a/frontend/src/View/express/ExpressForm.vue b/frontend/src/View/express/ExpressForm.vue
index d415628..f8cae45 100644
--- a/frontend/src/View/express/ExpressForm.vue
+++ b/frontend/src/View/express/ExpressForm.vue
@@ -1,186 +1,188 @@
 <template>
-  <el-row class="main">
-    <el-row class="send-container">
-      <el-row class="panel send-panel send-panel1">
-        <el-row class="send-container">
-          <el-button class="send-btn">寄</el-button>
-          <el-row>
-            <el-button class="btn">地址薄</el-button>
-            <el-button class="btn">智能填写</el-button>
-          </el-row>
-        </el-row>
-        <el-form label-width="auto" class="form" ref="sendFormRef">
-          <el-form-item>
-            <template #label>
-              <span style="color: red;">*</span> 姓名
-            </template>
-            <el-input placeholder="请填写真实姓名" v-model="express.sename"></el-input>
-          </el-form-item>
-          <el-form-item>
-            <template #label>
-              <span style="color: red;">*</span> 联系电话
-            </template>
-            <el-input placeholder="请填写手机号码或者固话号码" v-model="express.sephone"></el-input>
-          </el-form-item>
-<!--          <el-form-item>-->
-<!--            <template #label>-->
-<!--              <span style="color: red;">*</span> 省市区-->
-<!--            </template>-->
-<!--            <el-input placeholder="请选择省市区" v-model="express.region"></el-input>-->
-<!--          </el-form-item>-->
-          <el-form-item>
-            <template #label>
-              <span style="color: red;">*</span> 详细地址
-            </template>
-            <el-input placeholder="请填写详细地址" v-model="express.seaddress"></el-input>
-          </el-form-item>
-<!--          <el-form-item label="公司名称">-->
-<!--            <el-input placeholder="请填写公司名称" v-model="express.company"></el-input>-->
-<!--          </el-form-item>-->
-        </el-form>
-      </el-row>
-      <el-image class="arrow" src="/arrow.png"></el-image>
-      <el-row class="panel send-panel send-panel1">
-        <el-row class="send-container">
-          <el-button class="receive-btn">收</el-button>
-          <el-row>
-            <el-button class="btn">地址薄</el-button>
-            <el-button class="btn">智能填写</el-button>
-          </el-row>
-        </el-row>
-        <el-form label-width="auto" class="form" ref="receiveFormRef">
-          <el-form-item>
-            <template #label>
-              <span style="color: red;">*</span> 姓名
-            </template>
-            <el-input placeholder="请填写真实姓名" v-model="express.rename"></el-input>
-          </el-form-item>
-          <el-form-item>
-            <template #label>
-              <span style="color: red;">*</span> 联系电话
-            </template>
-            <el-input placeholder="请填写手机号码或者固话号码" v-model="express.rephone"></el-input>
-          </el-form-item>
-<!--          <el-form-item>-->
-<!--            <template #label>-->
-<!--              <span style="color: red;">*</span> 省市区-->
-<!--            </template>-->
-<!--            <el-input placeholder="请选择省市区" v-model="express.region"></el-input>-->
-<!--          </el-form-item>-->
-          <el-form-item>
-            <template #label>
-              <span style="color: red;">*</span> 详细地址
-            </template>
-            <el-input placeholder="请填写详细地址" v-model="express.readdress"></el-input>
-          </el-form-item>
-<!--          <el-form-item label="公司名称">-->
-<!--            <el-input placeholder="请填写公司名称" v-model="express.company"></el-input>-->
-<!--          </el-form-item>-->
-        </el-form>
-      </el-row>
-    </el-row>
-    <el-row class="panel send-panel">
-      <el-text class="send-label">寄件方式</el-text>
-      <el-row>
-        <el-radio-group>
-          <el-radio value="1">预约上门取件</el-radio>
-          <el-radio value="0">自行联系快递员取件</el-radio>
-        </el-radio-group>
-      </el-row>
-    </el-row>
-    <el-row class="panel send-panel">
-      <el-button @click="submitForm" class="confirm-btn">下单</el-button>
-    </el-row>
-  </el-row>
+	<el-row class="main">
+		<!-- 发件人面板 -->
+		<el-row class="send-container">
+			<el-row class="panel send-panel send-panel1">
+				<el-row class="send-container">
+					<el-button class="send-btn">寄</el-button>
+					<el-row>
+						<el-button >地址簿</el-button>
+						<el-button >智能填写</el-button>
+					</el-row>
+				</el-row>
+				<el-form  label-width="auto" class="form" >
+					<el-form-item label="姓名" >
+						<el-input v-model="form.senderName" placeholder="请填写发件人姓名"></el-input>
+					</el-form-item>
+					<el-form-item label="联系电话">
+						<el-input  placeholder="请填写发件人联系电话"></el-input>
+					</el-form-item>
+					<el-form-item label="省市区" >
+						<el-input v-model="form.senderCity" placeholder="请填写发件人省市区"></el-input>
+					</el-form-item>
+					<el-form-item label="详细地址">
+						<el-input  placeholder="请填写发件人详细地址"></el-input>
+					</el-form-item>
+					<el-form-item label="公司名称">
+						<el-input  placeholder="请填写发件人公司名称"></el-input>
+					</el-form-item>
+				</el-form>
+			</el-row>
+
+			<!-- 箭头图标 -->
+			<el-image class="arrow" src="/arrow.png"></el-image>
+
+			<!-- 收件人面板 -->
+			<el-row class="panel send-panel send-panel1">
+				<el-row class="send-container">
+					<el-button class="send-btn receive-btn">收</el-button>
+					<el-row>
+						<el-button >地址簿</el-button>
+						<el-button >智能填写</el-button>
+					</el-row>
+				</el-row>
+				<el-form label-width="auto" class="form" >
+					<el-form-item label="姓名">
+						<el-input v-model="form.receiverName" placeholder="请填写收件人姓名"></el-input>
+					</el-form-item>
+					<el-form-item label="联系电话" >
+						<el-input  placeholder="请填写收件人联系电话"></el-input>
+					</el-form-item>
+					<el-form-item label="省市区" >
+						<el-input v-model="form.receiverCity" placeholder="请填写收件人省市区"></el-input>
+					</el-form-item>
+					<el-form-item label="详细地址" >
+						<el-input  placeholder="请填写收件人详细地址"></el-input>
+					</el-form-item>
+					<el-form-item label="公司名称">
+						<el-input  placeholder="请填写收件人公司名称"></el-input>
+					</el-form-item>
+				</el-form>
+			</el-row>
+		</el-row>
+
+		<!-- 寄件方式 -->
+		<el-row class="panel send-panel">
+			<el-text class="send-label">寄件方式</el-text>
+				<el-radio-group v-model="sendType">
+					<el-radio :value="0">预约上门取件</el-radio>
+					<el-radio :value="1">自行联系快递员</el-radio>
+				</el-radio-group>
+		</el-row>
+		<!-- 下单按钮 -->
+		<el-row class="panel send-panel">
+			<el-button class="confirm-btn" @click="confirmOrder">下单</el-button>
+		</el-row>
+	</el-row>
 </template>
 
 <script setup>
-import { ref } from 'vue';
-
-const sendFormRef = ref(null); // 用于操作寄件表单
-const receiveFormRef = ref(null); // 用于操作收件表单
-
-const express = ref({
-  sename: '',
-  sephone: '',
-  seaddress: '',
-  rename: '',
-  rephone: '',
-  readdress: '',
-  phone: '',
-  // region: '',
-  // company: ''
-});
-// 提交表单的逻辑
-const submitForm = async () => {
-  try {
-    await sendFormRef.value.validate(); // 验证寄件表单
-    await receiveFormRef.value.validate(); // 验证收件表单
-
-    // 如果验证通过，可以进行下一步操作，比如提交数据
-    console.log('寄件表单数据:', sendFormData.value);
-    console.log('收件表单数据:', receiveFormData.value);
-    // 在这里添加表单提交的相关逻辑
-  } catch (error) {
-    console.log('表单验证失败:', error);
-  }
+import { reactive,ref } from 'vue';
+import { ElMessage } from 'element-plus';
+import {expressStore} from "@/stores/express.js";
+const store = expressStore();
+const sendType = ref(0); // 默认选择自行联系快递员
+const form = reactive({
+  "express_no": "SF1234567890",
+  "senderName": "",
+  "senderCity": "",
+  "receiverName": "",
+  "receiverCity": "",
+  "s_datetime": " 2024-11-11 11:11:11"
+})
+const confirmOrder =() => {
+  store.add(form);
+  ElMessage({
+    message: '下单成功！',
+    type:'success'
+  })
+}
+
+
+// 清空表单
+const resetForm = () => {
+	form.value = {
+		name: '',
+		phone: '',
+		address: {
+			region: '',
+			detail: ''
+		},
+		company: ''
+	};
+
 };
 </script>
 
 
-
 <style scoped>
- .send-btn {
-   border-radius: 100%;
-   padding: 10px;
+.send-btn {
+	border-radius: 100%;
+	padding: 10px;
+	background-color: black;
+	color: white;
+}
+
+.receive-btn {
+	background-color: red;
+	color: white;
+}
+
+.btn {
+	background-color: white;
+}
+
+.send-container {
+	width: 100%;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: space-between;
+}
+
+.panel {
+	display: flex;
+	flex-direction: column;
+	background-color: white;
+	justify-content: center;
+	align-items: flex-start;
+}
+
+.send-panel {
+	margin-top: 10px;
+	padding: 10px;
+	width: 100%;
+	line-height: 40px;
+}
+
+.send-panel1 {
+	width: 40%;
+	align-items: center;
+}
+
+.receiver-btn {
    background-color:black;
    color: white;
- }
- .receive-btn {
-   background-color: red;
-   color: white;
- }
- .btn {
-   background-color: white;
- }
- .send-container {
-   width: 100%;
-   display: flex;
-   flex-direction: row;
-   align-items: center;
-   justify-content: space-between;
- }
- .panel {
-   display: flex;
-   flex-direction: column;
-   background-color: white;
-   align-items: flex-start;
-   justify-content: center;
- }
- .send-panel {
-   margin-top: 10px;
-   padding: 10px;
-   width: 100%;
-   line-height: 40px;
- }
- .send-panel1 {
-   width: 40%;
-   align-items: center;
- }
- .form {
-   width:80%;
-   margin-top: 10px;
- }
- .arrow {
-   width: 40px;
-   height: 10px;
- }
- .send-label {
-   font-weight: 600;
- }
- .confirm-btn {
-   background-color: royalblue;
-   color: white;
- }
+  border-radius: 100%;
+  padding: 10px;
+}
+
+.form {
+	width: 80%;
+	margin-top: 10px;
+}
+
+.arrow {
+	width: 40px;
+	height: 10px;
+}
+
+.send-label {
+	font-weight: 600;
+}
 
-</style>
\ No newline at end of file
+.confirm-btn {
+	background-color: royalblue;
+	color: white;
+}
+</style>
diff --git a/frontend/src/View/express/ExpressList.vue b/frontend/src/View/express/ExpressList.vue
index f212e8f..64842ea 100644
--- a/frontend/src/View/express/ExpressList.vue
+++ b/frontend/src/View/express/ExpressList.vue
@@ -1,218 +1,168 @@
-<script setup>
-import { Delete, Edit, Plus } from '@element-plus/icons-vue'
-import { ref } from 'vue'
-import {
-  expressListService,
-  expressAddService,
-  expressUpdateService,
-  expressDeleteService
-} from '@/api/express';
-import { ElMessage, ElMessageBox } from "element-plus";
-
-// 快递列表数据模型
-const expressList = ref([]);
-const visibleDrawer = ref(false);
-const drawerTitle = ref('');
-const expressModel = ref({
-  expressid: '',
-  sename: '',
-  sephone: '',
-  seaddress: '',
-  rename: '',
-  rephone: '',
-  readdress: '',
-  issigned: '',
-  signtime: '',
-});
-
-// 分页条数据模型
-const pageNum = ref(1); // 当前页
-const total = ref(20); // 总条数
-const pageSize = ref(3); // 每页条数
-
-const onSizeChange = (size) => {
-  pageSize.value = size;
-  fetchExpressList();
-};
-
-const onCurrentChange = (num) => {
-  pageNum.value = num;
-  fetchExpressList();
-};
-
-const fetchExpressList = async () => {
-  const params = {
-    pageNum: pageNum.value,
-    pageSize: pageSize.value,
-    // 以下参数需要与ExpressMapper接口中的list方法参数一致
-    id: null, // 假设您希望根据用户ID查询，如果没有这个需求可以删除
-    sename: '',
-    sephone: '',
-    seaddress: '',
-    rename: '',
-    rephone: '',
-    readdress: '',
-    issigned: '',
-    signtime: '',
-  };
-  try {
-    const result = await expressListService(params);
-    expressList.value = result.data.items;
-    total.value = result.data.total;
-  } catch (error) {
-    console.error('获取快递列表失败:', error);
-    ElMessage.error('获取快递列表失败');
-  }
-};
-
-fetchExpressList();
-
-const showAddDialog = (title) => {
-  clearData();
-  drawerTitle.value = title;
-  visibleDrawer.value = true;
-};
-
-const clearData = () => {
-  expressModel.value = {
-    expressid: '',
-    sename: '',
-    sephone: '',
-    seaddress: '',
-    rename: '',
-    rephone: '',
-    readdress: '',
-    issigned: '',
-    signtime: '',
-  };
-};
-
-const addExpress = async () => {
-  await expressAddService(expressModel.value);
-  ElMessage.success('添加成功');
-  visibleDrawer.value = false;
-  await fetchExpressList();
-};
-
-const showEditDialog = (row, title) => {
-  visibleDrawer.value = true;
-  drawerTitle.value = title;
-  expressModel.value = { ...row };
-};
-
-const updateExpress = async () => {
-  await expressUpdateService(expressModel.value);
-  ElMessage.success("更新成功");
-  visibleDrawer.value = false;
-  await fetchExpressList();
-};
-
-const deleteExpress = (row) => {
-  ElMessageBox.confirm(
-      '你确认要删除该快递信息吗？',
-      '温馨提示',
-      {
-        confirmButtonText: '确认',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }
-  ).then(async () => {
-    await expressDeleteService(row.id);
-    ElMessage.success("删除成功");
-    await fetchExpressList();
-  });
-};
-</script>
-
 <template>
-  <el-card class="page-container">
-    <template #header>
-      <div class="header">
-        <span>快递管理</span>
-        <div class="extra">
-          <el-button type="primary" @click="showAddDialog('添加快递')">添加快递</el-button>
-        </div>
+  <el-row class="page">
+    <el-row class="block-view" v-for="(item,index) in expressList">
+      <el-row class="top">
+        <el-row>运单号 {{item.express_no}}}</el-row>
+        <el-row class="top-time">签收时间 {{item.s_datetime}}}</el-row>
+      </el-row>
+      <el-row class="express-view">
+        <el-row class="express-no-view">
+          <el-text class="city">{{item.senderCity}}}</el-text>
+          <el-text class="user">{{item.senderName}}}</el-text>
+        </el-row>
+        <el-row class="express-no-view">
+          <el-image class="arrow" src="/arrow.png"></el-image>
+          <el-text class="sign">已签收</el-text>
+        </el-row>
+        <el-row class="express-no-view">
+          <el-text class="city">{{item.receiverCity}}}</el-text>
+          <el-text class="user">{{item.receiverName}}}</el-text>
+        </el-row>
+        <el-row class="express-icon-view">
+          <el-icon @click=" deleteByIndex(index)"><Delete /></el-icon>
+          <el-icon @click=" modify(item,index)"><Edit /></el-icon>
+        </el-row>
+      </el-row>
+    </el-row>
+    <el-row class="line-view"></el-row>
+  </el-row>
+
+  <el-dialog v-model=" dialogVisible" title="警告" width=" 500" :before-close="handleClose">
+    <span>确定删除这条快递记录吗？</span>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click=" dialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click=" deleteByIndexConfirm()">确 定</el-button>
       </div>
     </template>
+  </el-dialog>
 
-    <el-table :data="expressList" style="width: 100%">
-      <el-table-column label="订单号" prop="expressid"></el-table-column>
-      <el-table-column label="发件人" prop="sename"></el-table-column>
-      <el-table-column label="发件人电话" prop="sephone"></el-table-column>
-      <el-table-column label="发件人地址" prop="seaddress"></el-table-column>
-      <el-table-column label="收件人" prop="rename"></el-table-column>
-      <el-table-column label="收件人电话" prop="rephone"></el-table-column>
-      <el-table-column label="收件人地址" prop="readdress"></el-table-column>
-      <el-table-column label="签收时间" prop="signtime"></el-table-column>
-      <el-table-column label="状态" prop="issigned"></el-table-column>
-      <el-table-column label="操作" width="100">
-        <template #default="{ row }">
-          <el-button :icon="Edit" circle plain type="primary" @click="showEditDialog(row,'编辑快递')"></el-button>
-          <el-button :icon="Delete" circle plain type="danger" @click="deleteExpress(row)"></el-button>
-        </template>
-      </el-table-column>
-      <template #empty>
-        <el-empty description="没有数据" />
-      </template>
-    </el-table>
-
-    <el-pagination v-model:current-page="pageNum" v-model:page-size="pageSize" :page-sizes="[3, 5, 10, 15]"
-                   layout="jumper, total, sizes, prev, pager, next" background :total="total"
-                   @size-change="onSizeChange"
-                   @current-change="onCurrentChange" style="margin-top: 20px; justify-content: flex-end"/>
-  </el-card>
-
-  <!-- 抽屉 -->
-  <el-drawer v-model="visibleDrawer" :title="drawerTitle" direction="rtl" size="50%">
-    <el-form :model="expressModel" label-width="100px">
-      <el-form-item label="订单号">
-        <el-input v-model="expressModel.expressid" placeholder="请输入订单号"></el-input>
-      </el-form-item>
-      <el-form-item label="发件人">
-        <el-input v-model="expressModel.sename" placeholder="请输入发件人"></el-input>
-      </el-form-item>
-      <el-form-item label="发件人电话">
-        <el-input v-model="expressModel.sephone" placeholder="请输入发件人电话"></el-input>
+  <el-dialog v-model=" dialogFormVisible" title="修改快递信息" width=" 500">
+    <el-form :model=" form">
+      <el-form-item label=" 寄送城市" :label-width=" formLabelWidth">
+        <el-input v-model=" form.senderCity" autocomplete="off"></el-input>
       </el-form-item>
-      <el-form-item label="发件人地址">
-        <el-input v-model="expressModel.seaddress" placeholder="请输入发件人地址"></el-input>
+      <el-form-item label=" 寄送人" :label-width=" formLabelWidth">
+        <el-input v-model=" form.senderName" autocomplete="off"></el-input>
       </el-form-item>
-      <el-form-item label="收件人">
-        <el-input v-model="expressModel.rename" placeholder="请输入收件人"></el-input>
+      <el-form-item label=" 收件城市" :label-width=" formLabelWidth">
+        <el-input v-model=" form.receiverCity" autocomplete="off"></el-input>
       </el-form-item>
-      <el-form-item label="收件人电话">
-        <el-input v-model="expressModel.rephone" placeholder="请输入收件人电话"></el-input>
-      </el-form-item>
-      <el-form-item label="收件人地址">
-        <el-input v-model="expressModel.readdress" placeholder="请输入收件人地址"></el-input>
-      </el-form-item>
-      <el-form-item label="签收时间">
-        <el-date-picker v-model="expressModel.signtime" type="date" placeholder="请选择签收时间"></el-date-picker>
-      </el-form-item>
-      <el-form-item label="状态">
-        <el-select v-model="expressModel.issigned" placeholder="请选择状态">
-          <el-option label="未签收" value="0"></el-option>
-          <el-option label="已签收" value="1"></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" @click="expressModel.id ? updateExpress() : addExpress()">
-          {{ expressModel.id ? '更新' : '添加' }}
-        </el-button>
+      <el-form-item label=" 收件人" :label-width=" formLabelWidth">
+        <el-input v-model=" form.receiverName" autocomplete="off"></el-input>
       </el-form-item>
     </el-form>
-  </el-drawer>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click=" dialogFormVisible = false">取 消</el-button>
+        <el-button type="primary" @click=" modifyConfirm()">确 定</el-button>
+      </div>
+    </template>
+  </el-dialog>
 </template>
+<script lang="ts"setup>
+import { Delete, Edit } from '@element-plus/icons-vue'
+import { reactive, ref } from 'vue'
+import { ElMessage } from "element-plus";
+import { expressStore } from '@/stores/express.js'
+const store = expressStore()
+const { expressList } = reactive(store)
+const dialogVisible = ref(false)
+const handleClose = (done: () => void) => {
+  ElMessage.confirm('确认关闭？').then(() => {
+    done()
+  }).catch(() => {
+
+  })
+}
+
+let formIndex = -1
+const deleteByIndex = (index) => {
+  dialogVisible.value = true
+  formIndex = index
+}
 
-<style lang="scss" scoped>
-.page-container {
-  min-height: 100%;
-  box-sizing: border-box;
+const deleteByIndexConfirm = () => {
+  dialogVisible.value = false
+  store.deleteByIndex(formIndex)
+}
+const dialogFormVisible = ref(false)
+const modify = (item, index) => {
+  dialogFormVisible.value = true
+  form.senderCity = item.senderCity
+  form.senderName = item.senderName
+  form.receiverCity = item.receiverCity
+  form.receiverName = item.receiverName
+  formIndex = index
+}
+
+const modifyConfirm = () => {
+  dialogFormVisible.value = false
+  let item = expressList[formIndex]
+  store.modify(form,formIndex)
+}
+
+
+</script>
 
-  .header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-  }
+<style>
+.page {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100vh;
+  line-height: 20px;
 }
-</style>
+.block-view {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.top {
+  display: flex;
+  justify-content: flex-start;
+  width: 100%;
+  margin-left: 20px;
+  color: gray;
+  font-size: 12px;
+}
+.top-time {
+  margin-left: 120px;
+}
+.express-view {
+  display: flex;
+  flex-flow: row;
+  justify-content: space-around;
+  width: 100%;
+}
+.express-no-view {
+  display: flex;
+  flex-direction: column;
+}
+.arrow {
+  width: 40px;
+  height: 18px;
+}
+.city {
+  font-size: 20px;
+  margin-bottom: 10px;
+}
+.sign {
+  color: gray;
+}
+.express-icon-view {
+  width: 10%;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-around;
+}
+.line-view {
+  height: 0.5px;
+  width: 95%;
+  background-color: lightgray;
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+
+</style>
\ No newline at end of file
diff --git a/frontend/src/View/user/UserAvatar.vue b/frontend/src/View/user/UserAvatar.vue
deleted file mode 100644
index 2a54de4..0000000
--- a/frontend/src/View/user/UserAvatar.vue
+++ /dev/null
@@ -1,98 +0,0 @@
-<script setup>
-import {Plus, Upload} from '@element-plus/icons-vue'
-import {ref} from 'vue'
-import {useUserInfoStore} from "@/stores/userInfo.js";
-import {useTokenStore} from "@/stores/token";
-import {ElMessage} from "element-plus";
-import {userAvatarUpdateService} from "@/api/user";
-
-const uploadRef = ref()
-
-const userInfoStore = useUserInfoStore();
-
-//用户头像地址
-const imgUrl = ref(userInfoStore.userInfo.userPic)
-
-const tokenStore = useTokenStore();
-const uploadSuccess = (result) => {
-  imgUrl.value = result.data;
-  ElMessage.success("图片上传成功")
-}
-
-const updateAvatar = async () => {
-  await userAvatarUpdateService(imgUrl.value)
-  ElMessage.success("修改成功")
-
-  userInfoStore.setUserInfo({
-    ...userInfoStore.userInfo,
-    userPic: imgUrl.value
-  })
-}
-</script>
-
-<template>
-  <el-card class="page-container">
-    <template #header>
-      <div class="header">
-        <span>更换头像</span>
-      </div>
-    </template>
-    <el-row>
-      <el-col :span="12">
-        <el-upload
-            ref="uploadRef"
-            class="avatar-uploader"
-            :show-file-list="false"
-            :auto-upload="true"
-            action="/api/upload"
-            name="file"
-            :headers="{'Authorization':tokenStore.token}"
-            :on-success="uploadSuccess"
-        >
-          <el-image v-if="imgUrl" :src="imgUrl" class="avatar"/>
-          <el-image v-else src="avatar" width="278"/>
-        </el-upload>
-        <br/>
-        <el-button type="primary" :icon="Plus" size="large" @click="uploadRef.$el.querySelector('input').click()">
-          选择图片
-        </el-button>
-        <el-button type="success" :icon="Upload" size="large" @click="updateAvatar">
-          上传头像
-        </el-button>
-      </el-col>
-    </el-row>
-  </el-card>
-</template>
-
-<style lang="scss" scoped>
-.avatar-uploader {
-  :deep {
-    .avatar {
-      width: 278px;
-      height: 278px;
-      display: block;
-    }
-
-    .el-upload {
-      border: 1px dashed var(--el-border-color);
-      border-radius: 6px;
-      cursor: pointer;
-      position: relative;
-      overflow: hidden;
-      transition: var(--el-transition-duration-fast);
-    }
-
-    .el-upload:hover {
-      border-color: var(--el-color-primary);
-    }
-
-    .el-icon.avatar-uploader-icon {
-      font-size: 28px;
-      color: #8c939d;
-      width: 278px;
-      height: 278px;
-      text-align: center;
-    }
-  }
-}
-</style>
diff --git a/frontend/src/View/user/sendPackage.vue b/frontend/src/View/user/sendPackage.vue
deleted file mode 100644
index 3a72838..0000000
--- a/frontend/src/View/user/sendPackage.vue
+++ /dev/null
@@ -1,80 +0,0 @@
-<template>
-  <div class="send-package">
-    <el-form ref="sendForm" :model="sendForm" label-width="120px">
-      <el-row :gutter="20">
-        <el-col :span="12">
-          <el-form-item label="寄件人姓名">
-            <el-input v-model="sendForm.senderName"></el-input>
-          </el-form-item>
-          <el-form-item label="寄件人电话">
-            <el-input v-model="sendForm.senderPhone"></el-input>
-          </el-form-item>
-          <el-form-item label="寄件人地址">
-            <el-input type="textarea" v-model="sendForm.senderAddress"></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item label="收件人姓名">
-            <el-input v-model="sendForm.name"></el-input>
-          </el-form-item>
-          <el-form-item label="收件人电话">
-            <el-input v-model="sendForm.phone"></el-input>
-          </el-form-item>
-          <el-form-item label="收件人地址">
-            <el-input type="textarea" v-model="sendForm.address"></el-input>
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <el-form-item label="物品描述">
-        <el-input type="textarea" v-model="sendForm.description"></el-input>
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" @click="submitForm">提交</el-button>
-        <el-button @click="resetForm">重置</el-button>
-      </el-form-item>
-    </el-form>
-  </div>
-</template>
-
-<script setup>
-import { ref } from 'vue';
-import { ElForm, ElFormItem, ElInput, ElButton, ElMessage, ElRow, ElCol } from 'element-plus';
-
-const sendForm = ref({
-  name: '',
-  phone: '',
-  address: '',
-  senderName: '',
-  senderPhone: '',
-  senderAddress: '',
-  description: ''
-});
-
-const submitForm = () => {
-  // 在这里添加提交表单的逻辑
-  ElMessage.success('快递信息已提交');
-};
-
-const resetForm = () => {
-  // 重置表单
-  sendForm.value = {
-    name: '',
-    phone: '',
-    address: '',
-    senderName: '',
-    senderPhone: '',
-    senderAddress: '',
-    description: ''
-  };
-};
-</script>
-
-<style scoped>
-.send-package {
-  max-width: 800px;
-  margin: 20px auto;
-  padding: 20px;
-  border: 1px solid #ebeef5;
-  border-radius: 4px;
-}
-</style>
\ No newline at end of file
diff --git a/frontend/src/router.js b/frontend/src/router.js
deleted file mode 100644
index e3e0824..0000000
--- a/frontend/src/router.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import {
-	createRouter,
-	createWebHashHistory
-} from "vue-router"
-
-import {storeToRefs} from "pinia"
-
-const router = createRouter({
-	history: createWebHashHistory(),
-	routes: [
-		{
-			path: '/',
-			redirect: 'Home'
-		},
-		{
-			path: '/home',
-			name: 'Home',
-			component: () => import('./View/Home.vue')
-		},
-		{
-			path: '/login',
-			name: 'Login',
-			component: () => import('./View/Login.vue'),
-		},
-		{
-			path: '/user',
-			name: 'User',
-			component: () => import('./View/user/Index.vue'),
-			redirect: "myInfo",
-			children: [
-				{
-					path: '/myInfo',
-					component: () => import('./View/user/MyInfo.vue')
-				},
-				{
-					path: '/expressList',
-					component: () => import('./View/express/ExpressList.vue')
-				},
-				{
-					path: '/expressForm',
-					component: () => import('./View/express/ExpressForm.vue')
-				}
-				]
-		},
-	]
-})
-
-export default router
diff --git a/frontend/src/router/index.js b/frontend/src/router/index.js
index cf9672b..53b9a75 100644
--- a/frontend/src/router/index.js
+++ b/frontend/src/router/index.js
@@ -1,13 +1,10 @@
-import {createRouter, createWebHistory} from "vue-router";
+import {createRouter, createWebHashHistory} from "vue-router";
 import Login from "../view/Login.vue";
 import Layout from "../view/Layout.vue";
 import Home from "../view/Home.vue";
-import Index from "../view/user/Index.vue";
-import MyInfo from "../view/user/MyInfo.vue";
 import ExpressList from "../view/express/ExpressList.vue";
 import ExpressForm from "../view/express/ExpressForm.vue";
 import UserInfo from "../view/user/UserInfo.vue";
-import UserAvatar from "../view/user/UserAvatar.vue";
 import UserResetPassword from "../view/user/UserResetPassword.vue";
 
 const routes = [
@@ -49,7 +46,7 @@ const routes = [
 ]
 
 const router = createRouter({
-    history: createWebHistory(),
+    history: createWebHashHistory(),
     routes: routes
 })
 
diff --git a/frontend/src/stores/express.js b/frontend/src/stores/express.js
new file mode 100644
index 0000000..4035fda
--- /dev/null
+++ b/frontend/src/stores/express.js
@@ -0,0 +1,29 @@
+import {defineStore} from 'pinia'
+
+export const expressStore = defineStore('express', {
+  state: () => {
+    return {
+        expressList: [],
+        }
+    },
+    getters: {},
+    actions: {
+        add(item) {
+            this.expressList.push(item)
+        },
+        modify(item, index) {
+            this.expressList[index] = item
+        },
+        remove(index) {
+            this.expressList.splice(index, 1)
+        }
+    },
+    persist: {
+        enabled: true,
+        strategies: [{
+            key: 'express',
+            storage: localStorage,
+            path: ['express']
+        }],
+    }
+})
diff --git a/frontend/src/utils/request.js b/frontend/src/utils/request.js
index 0c66ef1..da57c47 100644
--- a/frontend/src/utils/request.js
+++ b/frontend/src/utils/request.js
@@ -1,7 +1,7 @@
 import axios from "axios";
 import {ElMessage} from "element-plus";
 import {useTokenStore} from "@/stores/token";
-import router from "@/router";
+import router from "../router/index.js";
 
 const instance = axios.create({baseURL: '/api'});