From 7993782b9b2a28adb5f0fc1080f97077f1feab35 Mon Sep 17 00:00:00 2001
From: zcx <1078327420@qq.com>
Date: Mon, 10 Jun 2024 21:08:41 +0800
Subject: [PATCH] 1

---
 .../src/components/isRegisterGuide.vue        |  70 +++++++++++
 .../walktofree/src/components/return.vue      |   6 +-
 .../walktofree/src/pages/Communication.vue    |   6 +-
 .../walktofree/src/pages/DemandList.vue       |  42 ++++---
 .../walktofree/src/pages/Evaluation.vue       |   4 +-
 .../walktofree/src/pages/EvaluationEdit.vue   |   2 +-
 .../walktofree/src/pages/EvaluationList.vue   |  80 ++++++------
 src/前端/walktofree/src/pages/HomePage.vue  |  31 ++++-
 src/前端/walktofree/src/pages/Login.vue     |   2 +-
 src/前端/walktofree/src/pages/Register.vue  |  53 ++++----
 .../src/pages/SecurityVerification.vue        |  45 +++----
 src/前端/walktofree/src/pages/addDemand.vue |  22 ++--
 src/前端/walktofree/src/pages/addServe.vue  | 119 ++++++++++++++++++
 src/前端/walktofree/src/pages/mine.vue      |  32 +++--
 .../walktofree/src/pages/registerGuide.vue    |  79 ++++++++++++
 src/前端/walktofree/src/pages/test.vue      |  44 ++++++-
 src/前端/walktofree/src/router/index.js     |   2 +-
 17 files changed, 493 insertions(+), 146 deletions(-)
 create mode 100644 src/前端/walktofree/src/components/isRegisterGuide.vue
 create mode 100644 src/前端/walktofree/src/pages/addServe.vue
 create mode 100644 src/前端/walktofree/src/pages/registerGuide.vue

diff --git a/src/前端/walktofree/src/components/isRegisterGuide.vue b/src/前端/walktofree/src/components/isRegisterGuide.vue
new file mode 100644
index 0000000..9b815e3
--- /dev/null
+++ b/src/前端/walktofree/src/components/isRegisterGuide.vue
@@ -0,0 +1,70 @@
+<template>
+  <el-button plain class="addServe-button" @click="isGuide()">
+    我是导游
+  </el-button>
+
+  <el-dialog
+    v-model="dialogVisible"
+    width="500"
+  >
+    <span>您还不是导游，是否申请平台导游资格</span>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="gotoRegisterGuide">
+          申请
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { useRouter } from 'vue-router';
+import axios from 'axios';
+
+const router = useRouter();
+const dialogVisible = ref(false)
+	
+const gotoRegisterGuide = () => {
+	router.push('/registerGuide')
+}
+
+const isGuide = () => {
+	axios.get(`http://106.52.218.118:8081/users/isGuide?phone=${sessionStorage.getItem('phone')}`)
+	.then(response => {
+		if (response.data == true){
+		  router.push('/addServe')
+		}	
+		else{
+		  dialogVisible.value = true; 
+		}
+	})
+	.catch(error => {
+	  console.error('Error fetching user:', error);
+	});
+}
+
+</script>
+
+<style>
+	.addServe-button {
+	/* 定义返回按钮的样式 */  
+		position: fixed; /* 使按钮位置固定 */  
+		top: 10px; 
+		right: 10px; 
+		margin: 0;   
+		padding: 10px 20px;  
+		border: none;  
+		border-radius: 5px;  
+		background-color: #ccc;  
+		color: #333;  
+		cursor: pointer;  
+	} 
+	
+	.addServe-button:hover {  
+		  background-color: #aaaaaa;  
+		}
+	
+</style>
\ No newline at end of file
diff --git a/src/前端/walktofree/src/components/return.vue b/src/前端/walktofree/src/components/return.vue
index 5eb290d..7ccc363 100644
--- a/src/前端/walktofree/src/components/return.vue
+++ b/src/前端/walktofree/src/components/return.vue
@@ -24,5 +24,9 @@ export default {
 	border-radius: 5px;  
 	background-color: #ccc;  
 	color: #333;  
-	cursor: pointer;  
+	cursor: pointer; 
+	 
+.return-button:hover {  
+	  background-color: #aaaaaa;  
+	} 	 
 } </style>
\ No newline at end of file
diff --git a/src/前端/walktofree/src/pages/Communication.vue b/src/前端/walktofree/src/pages/Communication.vue
index 03488e0..ec60178 100644
--- a/src/前端/walktofree/src/pages/Communication.vue
+++ b/src/前端/walktofree/src/pages/Communication.vue
@@ -75,7 +75,7 @@ export default {
 }
 
 .chat {
-  border: 2px solid #ccc;
+  border: 2px solid #28a7a3;
   border-radius: 10px;
   padding: 20px;
   display: flex;
@@ -105,7 +105,7 @@ export default {
 .input input {
   flex: 1;
   padding: 8px;
-  border: 1px solid #ccc;
+  border: 1px solid #003f3f;
   border-radius: 5px;
   font-size: 16px;
 }
@@ -115,7 +115,7 @@ export default {
   border: none;
   border-radius: 5px;
   background-color: #007bff;
-  color: #fff;
+  color: #a6b2ee;
   font-size: 16px;
   cursor: pointer;
   margin-left: 10px;
diff --git a/src/前端/walktofree/src/pages/DemandList.vue b/src/前端/walktofree/src/pages/DemandList.vue
index e6ee4f1..08e8835 100644
--- a/src/前端/walktofree/src/pages/DemandList.vue
+++ b/src/前端/walktofree/src/pages/DemandList.vue
@@ -1,9 +1,14 @@
 <template>
-  <div>
-    <h1>任务列表</h1>
-    <div v-for="task in tasks" :key="task.id" class="task-item">
-      <div>{{ task.title }}</div>
-      <div>{{ task.description }}</div>
+  <div class="orders-container">
+    <div v-if="orders.length > 0">
+      <div class="order" v-for="order in orders" :key="order.id">
+        <div>Order ID: {{ order.id }}</div>
+        <div>Customer Name: {{ order.customerName }}</div>
+        <div>Total Amount: {{ order.totalAmount }}</div>
+      </div>
+    </div>
+    <div v-else>
+      <div>No orders available</div>
     </div>
   </div>
 </template>
@@ -12,20 +17,20 @@
 export default {
   data() {
     return {
-      tasks: []
+      orders: []
     };
   },
-  mounted() {
-    this.fetchTasks();
+  // Fetch orders data from backend when the component is created
+  created() {
+    this.fetchOrders();
   },
   methods: {
-    async fetchTasks() {
+    async fetchOrders() {
       try {
-        const response = await fetch('http://localhost:3000/tasks');
-        const data = await response.json();
-        this.tasks = data;
+        const response = await fetch('http://your-backend-api/orders');
+        this.orders = await response.json();
       } catch (error) {
-        console.error(error);
+        console.error('Error fetching data:', error);
       }
     }
   }
@@ -33,9 +38,14 @@ export default {
 </script>
 
 <style>
-.task-item {
-  border: 1px solid #ccc;
+.orders-container {
+  height: 400px; /* Set height for scrolling */
+  overflow-y: auto; /* Enable vertical scrolling */
+}
+
+.order {
+  border: 1px solid #003f3f;
   padding: 10px;
-  margin: 10px 0;
+  margin: 10px;
 }
 </style>
\ No newline at end of file
diff --git a/src/前端/walktofree/src/pages/Evaluation.vue b/src/前端/walktofree/src/pages/Evaluation.vue
index f7b774e..8dd8b86 100644
--- a/src/前端/walktofree/src/pages/Evaluation.vue
+++ b/src/前端/walktofree/src/pages/Evaluation.vue
@@ -29,7 +29,7 @@ export default {
   data() {
     return {
       user: {},
-      eid: '',
+      eid: 2,
       ebody: '',
       satisfaction:'',
     };
@@ -37,7 +37,7 @@ export default {
   methods: {
     send() {
       axios.post('http://106.52.218.118:8081/evaluate/addEvaluation', {
-        eid : 1,
+        eid : 2,
         satisfaction :this.satisfaction,
         ebody :this.ebody,
       }, {
diff --git a/src/前端/walktofree/src/pages/EvaluationEdit.vue b/src/前端/walktofree/src/pages/EvaluationEdit.vue
index 1b42ac9..309de3c 100644
--- a/src/前端/walktofree/src/pages/EvaluationEdit.vue
+++ b/src/前端/walktofree/src/pages/EvaluationEdit.vue
@@ -31,7 +31,7 @@ export default {
       ebody: '',
       satisfaction:'',
       ct:'',
-      eid: 1, // 添加一个用于存储 eid 的变量
+      eid: 2, // 添加一个用于存储 eid 的变量
       evaluation: {}, // 添加一个用于存储评价信息的变量
     };
   },
diff --git a/src/前端/walktofree/src/pages/EvaluationList.vue b/src/前端/walktofree/src/pages/EvaluationList.vue
index f5d9a2e..e7e51a5 100644
--- a/src/前端/walktofree/src/pages/EvaluationList.vue
+++ b/src/前端/walktofree/src/pages/EvaluationList.vue
@@ -1,47 +1,51 @@
 <template>
-  <el-button @click="add">Add Item</el-button>
-  <el-button @click="onDelete">Delete Item</el-button>
-  <el-scrollbar max-height="800px">
-    <p v-for="item in count" :key="item" class="scrollbar-demo-item">
-      {{ item }}
-    </p>
-    <p v-for="review in reviews" :key="review.id" class="scrollbar-demo-item">
-      {{ review.content }}
-    </p>
-  </el-scrollbar>
+  <div class="orders-container">
+    <div v-if="orders.length > 0">
+      <div class="order" v-for="order in orders" :key="order.id">
+        <div>Order ID: {{ order.id }}</div>
+        <div>Customer Name: {{ order.customerName }}</div>
+        <div>Total Amount: {{ order.totalAmount }}</div>
+      </div>
+    </div>
+    <div v-else>
+      <div>No orders available</div>
+    </div>
+  </div>
 </template>
 
-<script lang="ts" setup>
-import { ref } from 'vue'
-
-
-const count = ref(3)
-const reviews = ref([
-  { id: 1, content: 'Great product!' },
-  { id: 2, content: 'Fast shipping!' },
-  { id: 3, content: 'Excellent customer service!' }
-])
-
-const add = () => {
-  count.value++
-}
-const onDelete = () => {
-  if (count.value > 0) {
-    count.value--
+<script>
+export default {
+  data() {
+    return {
+      orders: []
+    };
+  },
+  // Fetch orders data from backend when the component is created
+  created() {
+    this.fetchOrders();
+  },
+  methods: {
+    async fetchOrders() {
+      try {
+        const response = await fetch('http://106.52.218.118:8081');
+        this.orders = await response.json();
+      } catch (error) {
+        console.error('Error fetching data:', error);
+      }
+    }
   }
-}
+};
 </script>
 
-<style scoped>
-.scrollbar-demo-item {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 50px;
+<style>
+.orders-container {
+  height: 400px; /* Set height for scrolling */
+  overflow-y: auto; /* Enable vertical scrolling */
+}
+
+.order {
+  border: 1px solid #003f3f;
+  padding: 10px;
   margin: 10px;
-  text-align: center;
-  border-radius: 4px;
-  background: var(--el-color-primary-light-9);
-  color: var(--el-color-primary);
 }
 </style>
\ No newline at end of file
diff --git a/src/前端/walktofree/src/pages/HomePage.vue b/src/前端/walktofree/src/pages/HomePage.vue
index 2bdef37..e71b6e1 100644
--- a/src/前端/walktofree/src/pages/HomePage.vue
+++ b/src/前端/walktofree/src/pages/HomePage.vue
@@ -1,7 +1,8 @@
 <template>  
   <div class="home-container">  
 	<div class="return">
-	      <button class="addDemand-button" @click="gotoAddDemandPage()">+</button>  
+	    <button class="addDemand-button" @click="gotoAddDemandPage()">我要出行</button>
+		<isRegisterGuide />
 	</div>
   
     <h1>首页</h1>  	
@@ -80,15 +81,22 @@
 	background-color: #ccc;  
 	color: #333;  
 	cursor: pointer;  
-} 
+}
+ 	
+.addDemand-button:hover {  
+	  background-color: #aaaaaa;  
+	}  	  
 </style>  
   
 <script>  
 import NavigationBar from '../components/NavigationBar.vue';
+import isRegisterGuide from '../components/isRegisterGuide.vue';
+
 export default {  
   name: 'Home',
 	components: {
-	    NavigationBar 
+	    NavigationBar,
+		isRegisterGuide
 	},
   methods: {   
 	gotomessage() {
@@ -101,8 +109,23 @@ export default {
 	  this.$router.push('/searchPage'); 
 	},
 	gotoAddDemandPage() {
-	  this.$router.push('/addDemandPage'); 
+		this.$router.push('/addDemandPage'); 
 	},
+	gotoAddServePage() {
+		axios.get(`http://106.52.218.118:8081/users/getByPhone?phone=${phone}`)
+		.then(response => {
+		  if(response.data){
+			  this.$router.push('/addServe');
+		  }
+		  else{
+			  this.$router.push('/registerGuide');
+		  }
+		})
+		.catch(error => {
+		  console.error('服务器错误:', error);
+		});
+	}
+	
   }  
 }  
 </script>
\ No newline at end of file
diff --git a/src/前端/walktofree/src/pages/Login.vue b/src/前端/walktofree/src/pages/Login.vue
index 34c4ade..3335345 100644
--- a/src/前端/walktofree/src/pages/Login.vue
+++ b/src/前端/walktofree/src/pages/Login.vue
@@ -77,7 +77,7 @@ export default {
           'Content-Type': 'application/json'
         }
       })
-      .then(response => {   
+      .then(response => {
               if (response.data == 1) {  
 				sessionStorage.setItem('phone', this.phone);
                 // 登录成功，跳转到主页面  
diff --git a/src/前端/walktofree/src/pages/Register.vue b/src/前端/walktofree/src/pages/Register.vue
index ecc5647..f1eab12 100644
--- a/src/前端/walktofree/src/pages/Register.vue
+++ b/src/前端/walktofree/src/pages/Register.vue
@@ -8,24 +8,24 @@
       <label for="password">密码：</label>  
       <input type="password" id="password" v-model="password" class="input-field">  
       <br>
-	  
+
 	  <label for="name">姓名：</label>
-	  <input type="name" id="name" v-model="name" class="input-field">  
+	  <input type="name" id="name" v-model="name" class="input-field">
 	  <br>
-	  
+
 	  <label for="IDcard">身份证号：</label>
-	  <input type="IDcard" id="IDcard" v-model="IDcard" class="input-field">  
-	  <br>  
+	  <input type="IDcard" id="IDcard" v-model="IDcard" class="input-field">
+	  <br>
       
 	  <label for="nickname">昵称：</label>
 	  <input type="nickname" id="nickname" v-model="nickname" class="input-field">  
 	  <br>
 	  
-      <button type="submit" class="submit-button">注册</button>
-	  <button class="return-button" @click="gotoLogin()">返回登录</button>   
-    </form>  
-  </div>  
-</template>  
+      <button type="submit" @click="gotoSecurityVerification()" class="submit-button">注册</button>
+	  <button class="returnLogin-button" @click="gotoLogin()">返回登录</button>   
+    </form>
+  </div>
+</template>
   
 <style scoped>  
 .register-container {
@@ -51,7 +51,7 @@
   border-radius: 5px;
   cursor: pointer;
 }
-.return-button {  
+.returnLogin-button {  
   padding: 10px 20px;  
   background-color: #ff6347; /* 例如，设置为红色 */  
   color: white;  
@@ -63,34 +63,32 @@
 </style>
 
 <script>
-import { register } from '../api/auth'
 import axios from "axios";
-
 export default {
   data() {
     return {
       phone: '',
       password: '',
-	  name:'',
-	  nickname:'',
-	  IDcard:''
+	    name:'',
+	    nickname:'',
+	    IDcard:''
     }
   },
   methods: {
     register() {
       console.log("：", this.phone);
       console.log("密码：", this.password);
-	  console.log("姓名：",this.name);
-	  console.log("身份证号：",this.IDcard);
-	  console.log("昵称：",this.nickname);
-	  
+	    console.log("姓名：",this.name);
+	    console.log("身份证号：",this.IDcard);
+	    console.log("昵称：",this.nickname);
+
       axios.post('http://106.52.218.118:8081/Login/register', {
         // 在请求体中传递用户名和密码字段
         phone: this.phone,
         password: this.password,
-		name:this.name,
-		IDCard:this.IDcard,
-		nickname:this.nickname
+		    name:this.name,
+		    IDCard:this.IDcard,
+		    nickname:this.nickname
       }, {
         // 配置跨域请求时携带 cookie
         withCredentials: true,
@@ -99,10 +97,10 @@ export default {
           'Content-Type': 'application/json'
         }
       })
-          .then(response => {
-            console.log(response.data)
+          .then(response => {if(response.data == 14){alert("注册失败")}
             // 处理注册成功后的逻辑
-            alert("注册成功");
+            else{alert("注册成功");console.log(response.data)}
+			     this.$router.push('/login');
           })
           .catch(error => {
             console.error(error)
@@ -113,6 +111,9 @@ export default {
 	gotoLogin(){
 		this.$router.push('/login');
 	},
+  gotoSecurityVerification(){
+      this.$router.push('/SecurityVerification');
+  }
   }
 }
 </script>
\ No newline at end of file
diff --git a/src/前端/walktofree/src/pages/SecurityVerification.vue b/src/前端/walktofree/src/pages/SecurityVerification.vue
index 811c2f4..cd031b9 100644
--- a/src/前端/walktofree/src/pages/SecurityVerification.vue
+++ b/src/前端/walktofree/src/pages/SecurityVerification.vue
@@ -4,37 +4,37 @@
     <!-- 身份证号验证 -->
     <div class="verification-item">
       <label for="idCard">身份证号：</label>
-      <input type="text" id="idCard" v-model.trim="idCard" placeholder="请输入身份证号">
-      <button @click="verifyIdCard" :disabled="loading">验证</button>
-      <p v-if="idCardValid" class="valid-message">身份证号验证通过！</p>
-      <p v-else-if="idCard !== ''" class="invalid-message">请输入有效的身份证号！</p>
+      <input type="text" id="idCard" v-model.trim="IDcard" placeholder="请输入身份证号">
+      <p v-if="IDcard !== ''" class="invalid-message">请输入有效的身份证号！</p>
     </div>
-    <!-- 银行卡号验证 -->
     <div class="verification-item">
-      <label for="bankCard">银行卡号：</label>
-      <input type="text" id="bankCard" v-model.trim="bankCard" placeholder="请输入银行卡号">
-      <button @click="verifyBankCard" :disabled="loading">验证</button>
-      <p v-if="bankCardValid" class="valid-message">银行卡号验证通过！</p>
-      <p v-else-if="bankCard !== ''" class="invalid-message">请输入有效的银行卡号！</p>
+      <label for="name">姓名：</label>
+      <input type="text" id="name" v-model.trim="name" placeholder="请输入姓名">
+      <p v-if="name !== ''" class="invalid-message">请输入有效的姓名！</p>
     </div>
     <p v-if="error" class="error-message">{{ error }}</p>
   </div>
+
+  <button @click="verify" :disabled="loading">验证</button>
+  <p v-if="idCardValid && nameValid" class="valid-message">验证通过！</p>
 </template>
 
+
 <script>
 export default {
   data() {
     return {
-      idCard: '',
-      idCardValid: false,
-      bankCard: '',
-      bankCardValid: false,
+      IDcard: '',
+      IDcardValid: false,
+      name: '',
+      nameValid: false,
       loading: false,
       error: ''
     };
   },
   methods: {
-    verifyIdCard() {
+
+    verify() {
       this.loading = true;
       // 模拟与后端接口通信
       setTimeout(() => {
@@ -48,20 +48,7 @@ export default {
         this.loading = false;
       }, 1000); // 模拟1秒延迟
     },
-    verifyBankCard() {
-      this.loading = true;
-      // 模拟与后端接口通信
-      setTimeout(() => {
-        if (/^\d{16,19}$/.test(this.bankCard)) {
-          this.bankCardValid = true;
-          this.error = '';
-        } else {
-          this.bankCardValid = false;
-          this.error = '请输入有效的银行卡号！';
-        }
-        this.loading = false;
-      }, 1000); // 模拟1秒延迟
-    }
+
   }
 };
 </script>
diff --git a/src/前端/walktofree/src/pages/addDemand.vue b/src/前端/walktofree/src/pages/addDemand.vue
index e7386ce..b302d3f 100644
--- a/src/前端/walktofree/src/pages/addDemand.vue
+++ b/src/前端/walktofree/src/pages/addDemand.vue
@@ -19,15 +19,15 @@ const rangeValue = ref<string[]>([format(new Date(), 'yyyy-MM-dd'), format(addDa
 // 获取到JSON数据
 const getProvinceList = async () => {  
   const res = await axios.get<AreaList[]>('https://yjy-oss-files.oss-cn-zhangjiakou.aliyuncs.com/tuxian/area.json')  
-  provinceList.value = res.data;
-  console.log(provinceList.value);
+  provinceList.value = res.data
+  console.log(provinceList.value)  
 }
 const publish = () => {  
 // 在这里编写发布时需要执行的逻辑  
 	if(city.value!=''){
-		axios.post(`http://106.52.218.118:8081/users/pupdate`,{city:city.value,time:rangeValue.value,remark:remark.value})
+		axios.post(`http://106.52.218.118:8081/SendDemand/register`,{phone:sessionStorage.getItem('phone') || '',city:city.value,time:rangeValue.value,remark:remark.value})
 	    .then(response => {
-	      alert("发布成功");
+	      alert("发布成功")
 	    })
 	    .catch(error => {
 	      console.error('发布失败', error);
@@ -37,7 +37,7 @@ const publish = () => {
 	}
 };
 onBeforeMount(async()=>{
-  getProvinceList();
+  getProvinceList()
 })
 
 watchEffect(() => {
@@ -68,8 +68,9 @@ watch(city, (newValue, oldValue) => {
 	      <Return></Return> 
 	</div>
 	
-	<div><h2>发布需求</h2></div>
+	<div><h1>发布出行规划</h1></div>
 	<div class="addDemand-container">
+		<div><h3>选择出行城市：</h3></div>
 		<div style="display: flex;">
 			<p style="color: red;">*</p>
 			<el-select v-model="province" clearable placeholder="省份">  
@@ -78,11 +79,8 @@ watch(city, (newValue, oldValue) => {
 			<el-select v-model="city" clearable placeholder="城市">
 				<el-option v-for="item in cityList" :key="item.code" :label="item.name" :value="item.name" />
 			</el-select>
-			<!--<el-select v-model="area" clearable placeholder="Select">
-				<el-option v-for="item in areaList" :key="item.code" :label="item.name" :value="item.name" />
-			</el-select>-->
 		</div>
-		
+		<div><h3>选择出行时间：</h3></div>
 		<div>
 			<VueDatePicker
 			  placeholder="请选择出行时间"
@@ -93,6 +91,8 @@ watch(city, (newValue, oldValue) => {
 			  v-model="rangeValue" />
 		</div>
 		
+		<div><h3>填写备注信息：</h3></div>
+		
 		<div>
 			<label for="user-input">备注信息:</label>  
 			<input type="text" id="remark" v-model="remark" placeholder="">  
@@ -107,7 +107,7 @@ watch(city, (newValue, oldValue) => {
   max-width: 400px;
   margin: 0 auto;
   padding: 30px;
-  border: 1px solid #00ff00;
+  border: 1px solid #000000;
   border-radius: 5px;
   text-align: center;
 }	
diff --git a/src/前端/walktofree/src/pages/addServe.vue b/src/前端/walktofree/src/pages/addServe.vue
new file mode 100644
index 0000000..ae6880a
--- /dev/null
+++ b/src/前端/walktofree/src/pages/addServe.vue
@@ -0,0 +1,119 @@
+<script lang="ts" setup>  
+import { ref, onBeforeMount, watch, watchEffect } from 'vue'  
+import axios from 'axios'  
+import { ElSelect, ElOption } from 'element-plus'  
+import { AreaList } from '../components/types'
+import { format, addDays } from 'date-fns'
+import Return from '../components/return.vue'
+
+const province = ref('')
+const city = ref('')
+const area = ref('')
+const remark = ref('')
+
+const provinceList = ref<AreaList[]>([])
+const cityList = ref<AreaList[]>([])
+const areaList = ref<AreaList[]>([])
+const rangeValue = ref<string[]>([format(new Date(), 'yyyy-MM-dd'), format(addDays(new Date(), 1), 'yyyy-MM-dd')])
+
+// 获取到JSON数据
+const getProvinceList = async () => {  
+  const res = await axios.get<AreaList[]>('https://yjy-oss-files.oss-cn-zhangjiakou.aliyuncs.com/tuxian/area.json')  
+  provinceList.value = res.data  
+  console.log(provinceList.value)  
+}
+const publish = () => {  
+// 在这里编写发布时需要执行的逻辑  
+	if(city.value!=''){
+		axios.post(`http://106.52.218.118:8081/SendGuideService/register`,{phone:sessionStorage.getItem('phone') || '',city:city.value,time:rangeValue.value,remark:remark.value})
+	    .then(response => {
+	      alert("发布成功")
+	    })
+	    .catch(error => {
+	      console.error('发布失败', error);
+	    });}
+	else{
+		alert("请输入目的地")
+	}
+};
+onBeforeMount(async()=>{
+  getProvinceList()
+})
+
+watchEffect(() => {
+  console.log('rangeValue:', rangeValue.value)
+})
+// 监听省份的值改变调用的函数
+watch(province, (newValue, oldValue) => {  
+  const matchedProvince = provinceList.value.find(item => item.name === newValue)  
+  if (matchedProvince) {  
+    cityList.value = matchedProvince.areaList  
+    city.value = '' // 重置城市选择  
+    areaList.value = [] // 重置区县选项  
+    console.log(cityList.value)  
+  }  
+})  
+// 监听 市 的值改变调用的函数
+watch(city, (newValue, oldValue) => {  
+  const matchedCity = cityList.value.find(item => item.name === newValue)  
+  if (matchedCity) {  
+    areaList.value = matchedCity.areaList  
+    area.value = '' // 重置区县选择  
+    console.log(areaList.value)  
+  }  
+})  
+</script>
+<template>
+	<div>
+	      <Return></Return> 
+	</div>
+	
+	<div><h1>导游服务</h1></div>
+	<div class="addServe-container">
+		<h3>选择导游城市：</h3>
+		<div style="display: flex;">
+			<p style="color: red;">*</p>
+			<el-select v-model="province" clearable placeholder="省份">  
+				<el-option v-for="item in provinceList" :key="item.code" :label="item.name" :value="item.name" />  
+			</el-select> 
+			<el-select v-model="city" clearable placeholder="城市">
+				<el-option v-for="item in cityList" :key="item.code" :label="item.name" :value="item.name" />
+			</el-select>
+			<!--<el-select v-model="area" clearable placeholder="Select">
+				<el-option v-for="item in areaList" :key="item.code" :label="item.name" :value="item.name" />
+			</el-select>-->
+		</div>
+		
+		<h3>选择导游时间：</h3>
+		
+		<div>
+			<VueDatePicker
+			  placeholder="请选择出行时间"
+			  range
+				:min-date="new Date()"
+			  format="yyyy-MM-dd"
+			  :width="280"
+			  v-model="rangeValue" />
+		</div>
+		
+		<h3>添加备注信息：</h3>
+		
+		<div>
+			<label for="user-input">备注信息:</label>  
+			<input type="text" id="remark" v-model="remark" placeholder="">  
+		</div>
+		
+		<el-button type="primary" @click="publish"style="margin-top: 20px;">发布</el-button>
+	</div>
+</template>
+	
+<style>
+.addServe-container {
+  max-width: 400px;
+  margin: 0 auto;
+  padding: 30px;
+  border: 1px solid #000000;
+  border-radius: 5px;
+  text-align: center;
+}
+</style>
\ No newline at end of file
diff --git a/src/前端/walktofree/src/pages/mine.vue b/src/前端/walktofree/src/pages/mine.vue
index 94b7058..4e90a74 100644
--- a/src/前端/walktofree/src/pages/mine.vue
+++ b/src/前端/walktofree/src/pages/mine.vue
@@ -33,6 +33,8 @@
       <button @click="togglePhoneInput">更换</button>
     </div>
 	
+	<div><button @click="gotoLogin">退出登陆</button></div>
+	
 	<div><NavigationBar /></div>
 	
   </div>
@@ -78,15 +80,16 @@ export default {
       showEmailInput: false,
       phone:sessionStorage.getItem('phone') || '',
       showPhoneInput: false,
-      IDCard: '',
+      idcard: '',
       createtime: '',
 	  status: 0,
+	  reputation:60,
     };
   },
   components: {
       NavigationBar 
   },
-  created() {
+  mounted() {
     this.fetchUser(this.phone);
   },
   methods: {
@@ -94,7 +97,7 @@ export default {
       // 从后端 API 请求
       axios.get(`http://106.52.218.118:8081/users/getByPhone?phone=${phone}`)
           .then(response => {
-            this.user = response.data;
+			this.user = response.data
           })
           .catch(error => {
             console.error('Error fetching user:', error);
@@ -107,7 +110,7 @@ export default {
 	},
 	updateNickname(){
 		this.user.nickname = this.nickname;
-		axios.post(`http://106.52.218.118:8081/users/pupdate`,{user:this.user})
+		axios.post(`http://106.52.218.118:8081/users/Pupdate`,{user:this.user})
 	      .then(response => {
 	        this.user.nickname = this.nickname;
 	        this.toggleNicknameInput(); // 切换回展示模式
@@ -123,7 +126,7 @@ export default {
     updateEmail() {
       // 这里发送请求更新用户邮箱
 	  this.user.email = this.email;
-      axios.post(`http://106.52.218.118:8081/users/pupdate`,{user:this.user})
+      axios.post(`http://106.52.218.118:8081/users/Pupdate`,{user:this.user})
           .then(response => {
             this.user.email = this.email;
             this.toggleEmailInput(); // 切换回展示模式
@@ -138,7 +141,7 @@ export default {
     },
     updatePhone(){
 		this.user.phone = this.phone;
-      axios.post(`http://106.52.218.118:8081/users/pupdate`,{user:this.user})
+      axios.post(`http://106.52.218.118:8081/users/Pupdate`,{user:this.user})
           .then(response => {
 			sessionStorage.setItem('phone', this.phone);
             this.user.phone = this.phone;
@@ -148,12 +151,17 @@ export default {
             console.error('Error updating phone:', error);
           });
     },
-	// gotohome() {
-	//   this.$router.push('/home');
-	// },
-	// gotomessage() {
-	//   this.$router.push('/message');
-	// },
+	gotohome() {
+	  this.$router.push('/home'); 
+	},
+	gotomessage() {
+	  this.$router.push('/message'); 
+	},
+	gotoLogin() {
+	  this.$router.push('/login');
+	  sessionStorage.setItem('phone', '');
+	  
+	},
   }
 };
 </script>
diff --git a/src/前端/walktofree/src/pages/registerGuide.vue b/src/前端/walktofree/src/pages/registerGuide.vue
new file mode 100644
index 0000000..db0e0d6
--- /dev/null
+++ b/src/前端/walktofree/src/pages/registerGuide.vue
@@ -0,0 +1,79 @@
+<template>  
+	<div>
+	      <Return></Return> 
+	</div>
+  <div>
+    <h1>平台导游资格申请</h1>  
+    <form @submit.prevent="submitForm">  
+      <div>  
+        <label for="experience">有无相关经历:</label>  
+        <input type="radio" id="has-experience-yes" value="true" v-model="registerToGuide.re" required>  
+        <label for="has-experience-yes">有</label>  
+        <input type="radio" id="has-experience-no" value="false" v-model="registerToGuide.re">  
+        <label for="has-experience-no">无</label>  
+      </div>  
+      <div>  
+        <label for="rsd">居住地区:</label>  
+        <input type="text" id="rsd" v-model="registerToGuide.rsd">  
+      </div>  
+      <div>  
+        <label for="familiar-area">熟悉区域:</label>  
+        <textarea id="familiar-area" v-model="registerToGuide.fa"></textarea>  
+      </div>  
+      <div>  
+        <label for="syns">个人简介:</label>  
+        <textarea id="syns" v-model="registerToGuide.syns"></textarea>  
+      </div>  
+      <button @click="Submit()">提交申请</button>  
+    </form>   
+  </div>  
+</template>  
+  
+<script>  
+import axios from 'axios';
+import Return from '../components/return.vue'
+
+export default {  
+  data() {  
+    return{
+		registerToGuide:{
+			uid:0,
+			re: '', // 初始化为空字符串，因为单选按钮将赋值为'yes'或'no'  
+			rsd: '',			
+			fa: '',
+			syns: '',
+		},
+	};
+  },  
+  methods:{
+	  Submit(){
+		  axios.get(`http://106.52.218.118:8081/users/getUid?phone=${sessionStorage.getItem('phone')}`)
+		  .then(response => {
+			this.registerToGuide.uid = response.data
+			axios.post(`http://106.52.218.118:8081/users/registerToGuide`,{registerToGuide:this.registerToGuide})
+			.then(response => {
+				if(response.data == 1){
+					alert("申请成功!")
+					this.$router.push('/addServe')
+				}else{
+					alert("申请未通过!")
+				}
+			})
+			.catch(error => {
+			  console.error('Error fetching user:', error);
+			});
+		  })
+		  .catch(error => {
+		    console.error('Error fetching user:', error);
+		  });
+	  }
+  },
+  components:{
+	Return,  
+  },
+};  
+</script>  
+  
+<style scoped>  
+/* 添加你的样式 */  
+</style>
\ No newline at end of file
diff --git a/src/前端/walktofree/src/pages/test.vue b/src/前端/walktofree/src/pages/test.vue
index 02409e3..f65f1c9 100644
--- a/src/前端/walktofree/src/pages/test.vue
+++ b/src/前端/walktofree/src/pages/test.vue
@@ -1,7 +1,49 @@
 <template>
+  <el-transfer
+      v-model="value"
+      filterable
+      :filter-method="filterMethod"
+      filter-placeholder="State Abbreviations"
+      :data="data"
+  />
 </template>
+<script lang="ts" setup>
+import { ref } from 'vue'
 
-<script>
+interface Option {
+  key: number
+  label: string
+  initial: string
+}
+
+const generateData = () => {
+  const data: Option[] = []
+  const states = [
+    'California',
+    'Illinois',
+    'Maryland',
+    'Texas',
+    'Florida',
+    'Colorado',
+    'Connecticut ',
+  ]
+  const initials = ['CA', 'IL', 'MD', 'TX', 'FL', 'CO', 'CT']
+  states.forEach((city, index) => {
+    data.push({
+      label: city,
+      key: index,
+      initial: initials[index],
+    })
+  })
+  return data
+}
+
+const data = ref<Option[]>(generateData())
+const value = ref([])
+
+const filterMethod = (query, item) => {
+  return item.initial.toLowerCase().includes(query.toLowerCase())
+}
 </script>
 
 <style>
diff --git a/src/前端/walktofree/src/router/index.js b/src/前端/walktofree/src/router/index.js
index bab6f46..a19ab57 100644
--- a/src/前端/walktofree/src/router/index.js
+++ b/src/前端/walktofree/src/router/index.js
@@ -29,7 +29,7 @@ const routes = [
     { path: '/evaluation', component:Evaluation},
     { path: '/SecurityVerification', component:SecurityVerification},
     { path: '/EvaluationEdit', component:EvaluationEdit},
-    { path: '/EvaluationList', component:EvaluationList}
+    { path: '/EvaluationList', component:EvaluationList},
 ];  
   
 const router = createRouter({