1

src/前端/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: '',  
+			rsd: '',			
+			fa: '',
+			syns: '',
+		},
+	};
+  },  
+  methods:{
+	  Submit(){
+		  axios.get(`http://192.168.243.35:9000/users/getUid?phone=${sessionStorage.getItem('phone')}`)
+		  .then(response => {
+			this.registerToGuide.uid = response.data
+			axios.post(`http://192.168.243.35:9000/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>