志愿测评

src/App.vue

@@ -1515,11 +1515,7 @@ textarea::-webkit-input-placeholder{
 	text-align: center;
 	transition: all .6s;
 }
-.question-btns>span:hover{
+
-	background-color: #333fc9;
-	color: #FFFFFF;
-	transition: all .6s;
-}
 
 
 /* 我的页面 */

src/views/home/evaluation/entrance.vue

@@ -1,17 +1,30 @@
 <template>
   <div class="content">
     <!-- 头部 -->
-		<div :class="{'header':true,'scroll white':isScrollTop,'white':true}">
+    <div :class="{ header: true, 'scroll white': isScrollTop, white: true }">
-			<div class="back" @click="$router.go(-1)"><img src="../../../assets/images/home/expert/back.png" alt=""></div>
+      <div class="back" @click="$router.go(-1)">
+        <img src="../../../assets/images/home/expert/back.png" alt="" />
+      </div>
       <div class="header-title">专业定位测评</div>
     </div>
     <div class="entrance pull-content list-section">
       <div class="list-section">
-				<h3>这里展示专业定位测评的文字内容，专业定位测评 来帮你解读！高考志愿填报过程中，往往规划师老 师，会让考生和家长做一个专业定位测</h3>
+        <h3>
-				<div class="entrance-tips">专业定位测评提示：你需要使用12-15分钟的时间，请 用第一感觉作答，勿做太多的思考！</div>
+          这里展示专业定位测评的文字内容，专业定位测评
+          来帮你解读！高考志愿填报过程中，往往规划师老
+          师，会让考生和家长做一个专业定位测
+        </h3>
+        <div class="entrance-tips">
+          专业定位测评提示：你需要使用12-15分钟的时间，请
+          用第一感觉作答，勿做太多的思考！
+        </div>
         <div class="entrance-btns">
-					<span @click="goPage('/evaluation/question')">考生本人测评入口</span>
+          <span @click="goPage('/evaluation/question', 'student')"
-					<span @click="goPage('/evaluation/question')">家长/亲属测评入口</span>
+            >考生本人测评入口</span
+          >
+          <span @click="goPage('/evaluation/question', 'parents')"
+            >家长/亲属测评入口</span
+          >
         </div>
       </div>
     </div>
@@ -19,31 +32,33 @@
 </template>
 
 <script>
-	export default {
+export default {
   name: "evaluation-entrance",
   data() {
     return {
       isScrollTop: false,
-			}
+    };
   },
   created() {
     this.isScroll = true;
     window.addEventListener("scroll", this.eventScrollTop);
   },
-		mounted() {
+  mounted() {},
-			
+  computed: {},
-		},
-		computed: {
-			
-		},
   methods: {
     // 页面跳转
-			goPage(path){
+    goPage(path, state) {
-			    this.$router.push(path);
+      this.$router.push({
+        path: path,
+        query: {
+          state,
+        },
+      });
     },
     // 滚动改变样式
     eventScrollTop() {
-				let scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
+      let scrollTop =
+        document.body.scrollTop || document.documentElement.scrollTop;
       if (scrollTop >= 5) {
         if (this.isScroll) {
           this.isScroll = false;
@@ -55,7 +70,7 @@
           this.isScrollTop = false;
         }
       }
-			}
+    },
   },
   destroyed() {
     window.removeEventListener("scroll", this.eventScrollTop);
@@ -63,15 +78,14 @@
   //keep-alive进入时触发
   activated() {
     this.isScroll = true;
-			window.addEventListener("scroll", this.eventScrollTop)
+    window.addEventListener("scroll", this.eventScrollTop);
   },
   //keep-alive离开时触发
   deactivated() {
     window.removeEventListener("scroll", this.eventScrollTop);
-		}
+  },
-	}
+};
 </script>
 
 <style scoped>
-	
 </style>

src/views/home/evaluation/question.vue

@@ -1,20 +1,31 @@
 <template>
   <div class="content">
     <!-- 头部 -->
-		<div :class="{'header':true,'scroll white':isScrollTop,'white':true}">
+    <div :class="{ header: true, 'scroll white': isScrollTop, white: true }">
-			<div class="back" @click="$router.go(-1)"><img src="../../../assets/images/home/expert/back.png" alt=""></div>
+      <div class="back" @click="$router.go(-1)">
+        <img src="../../../assets/images/home/expert/back.png" alt="" />
+      </div>
       <div class="header-title">XXX测评</div>
     </div>
     <div class="question pull-content list-section">
       <div class="question-item">
-				<div class="number"><span>12</span><em>/</em>80</div>
+        <div class="number">
-				<h3>我最喜欢按兴致做事</h3>
+          <span>{{ num + 1 }}</span
+          ><em>/</em>{{ lastquestions.total }}
+        </div>
+        <h3 v-if="state == 'student'">
+          {{ lastquestions.list[num].question.content_student }}
+        </h3>
+        <h3 v-if="state == 'parents'">
+          {{ lastquestions.list[num].question.content_parents }}
+        </h3>
         <div class="question-btns">
-					<span @click="setQuestionEV()">完全相符合</span>
+          <span
-					<span @click="setQuestionEV()">比较相符合</span>
+            v-for="(item, index) in optionsData"
-					<span @click="setQuestionEV()">不太好分辨</span>
+            :key="index"
-					<span @click="setQuestionEV()">比较不符合</span>
+            @click="setQuestionEV(item.key)"
-					<span @click="setQuestionEV()">完全不符合</span>
+            >{{ item.name }}</span
+          >
         </div>
       </div>
     </div>
@@ -22,27 +33,51 @@
 </template>
 
 <script>
-	export default {
+export default {
   name: "evaluation-question",
   data() {
     return {
       isScrollTop: false,
-			}
+      lastquestions: [],
+      num: 0,
+      optionsData: [],
+    };
   },
   created() {
     this.isScroll = true;
     window.addEventListener("scroll", this.eventScrollTop);
   },
   mounted() {
-			
+    this.getLastquestions();
-		},
+    this.getQuestionAnswerOptions();
-		computed: {
+    this.state = this.$route.query.state;
-			
   },
+  computed: {},
   methods: {
+    // 题目
+    getLastquestions() {
+      let that = this;
+      this.axios
+        .post(this.HOME + "/api/evaluation/get-last-questions", {
+          role_type: this.$route.query.state,
+        })
+        .then(function (res) {
+          that.lastquestions = res.data.data;
+        });
+    },
+    getQuestionAnswerOptions() {
+      let that = this;
+      this.axios
+        .post(this.HOME + "/api/evaluation/question-answer-options")
+        .then(function (res) {
+          that.optionsData = res.data.data;
+        });
+    },
+
     // 滚动改变样式
     eventScrollTop() {
-				let scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
+      let scrollTop =
+        document.body.scrollTop || document.documentElement.scrollTop;
       if (scrollTop >= 5) {
         if (this.isScroll) {
           this.isScroll = false;
@@ -54,7 +89,23 @@
           this.isScrollTop = false;
         }
       }
+    },
+    setQuestionEV(key) {
+      let that = this;
+      this.axios
+        .post(this.HOME + "/api/evaluation/answer-question", {
+          id: this.lastquestions.list[this.num].id,
+          option_key: key,
+        })
+        .then(function () {
+          that.num++;
+          if (that.num >= 117) {
+			  console.log(that.num)
+            that.$router.push({
+              path: "/ucenter",
+            });
           }
+        });
     },
     destroyed() {
       window.removeEventListener("scroll", this.eventScrollTop);
@@ -62,15 +113,15 @@
     //keep-alive进入时触发
     activated() {
       this.isScroll = true;
-			window.addEventListener("scroll", this.eventScrollTop)
+      window.addEventListener("scroll", this.eventScrollTop);
     },
     //keep-alive离开时触发
     deactivated() {
       window.removeEventListener("scroll", this.eventScrollTop);
-		}
+    },
-	}
+  },
+};
 </script>
 
 <style scoped>
-	
 </style>

src/views/index/index.vue

@@ -17,7 +17,11 @@
       </div>
     </div>
     <!-- 领取咨询卡 -->
-		<div class="index-receive" @click="goPage('/information')" v-if="consult_amount == 0">
+    <div
+      class="index-receive"
+      @click="goPage('/information')"
+      v-if="consult_amount == 0"
+    >
       <img src="../../assets/images/home/index/receive.jpg" alt="" />
       <span>完善信息，立即领取免费咨询卡(1小时)</span>
     </div>
@@ -58,9 +62,16 @@
         <span @click="goPage('/evaluation')">查看更多</span>
       </div>
       <ul class="index-evaluation-list">
-				<li @click="cpUrl()" v-for="(item, index) in evaluationData" :key="index">
+        <li
+          @click="cpUrl()"
+          v-for="(item, index) in evaluationData"
+          :key="index"
+        >
           <div class="evaluation-img">
-						<img src="../../assets/images/home/index/evaluation-01.png" alt="" />
+            <img
+              src="../../assets/images/home/index/evaluation-01.png"
+              alt=""
+            />
           </div>
           <p>{{ item.title }}</p>
           <div class="evaluation-btn" @click="goPage()">进入测评</div>
@@ -96,44 +107,48 @@
 </template>
 
 <script>
-	import tabbar from '../../components/tabbar.vue'
+import tabbar from "../../components/tabbar.vue";
-	export default {
+export default {
   name: "index",
   components: {
-			tabbar
+    tabbar,
   },
   data() {
     return {
       isScrollTop: false,
       isReceive: 0, //是否完善资料
       bannerSrc: "",
-				expertData: [],
+      expertData: [
-				planData: [{
+        {
+          name: "赵晓",
           imgSrc: "",
-						title: "强基计划"
+          year: "从业5年",
+          honor: [{ title: "硕士" }, { title: "中科院" }],
         },
         {
+          name: "赵晓",
           imgSrc: "",
-						title: "综合评价"
+          year: "从业3年",
+          honor: [{ title: "硕士" }, { title: "中科院" }],
         },
         {
+          name: "赵晓",
           imgSrc: "",
-						title: "专项计划"
+          year: "从业8年",
+          honor: [{ title: "硕士" }, { title: "中科院" }],
         },
       ],
-				evaluationData: [{
+      planData: [
-						imgSrc: "",
+        { imgSrc: "", title: "强基计划" },
-						title: "霍兰德职业兴趣测评"
+        { imgSrc: "", title: "综合评价" },
-					},
+        { imgSrc: "", title: "专项计划" },
-					{
-						imgSrc: "",
-						title: "MBIT职业性格测试"
-					},
       ],
-				headlinesData: [{
+      evaluationData: [
-						title: "全国各省市最好大学+王牌专业盘点",
+        { imgSrc: "", title: "霍兰德职业兴趣测评" },
-						time: "2022年2月12日"
+        { imgSrc: "", title: "MBIT职业性格测试" },
-					},
+      ],
+      headlinesData: [
+        { title: "全国各省市最好大学+王牌专业盘点", time: "2022年2月12日" },
         {
           title: "批次、批次线、大类招生到底是什么？？20个名词帮 你快速了解",
           time: "2022年2月12日",
@@ -147,7 +162,8 @@
           time: "2022年2月12日",
         },
         {
-						title: "比普通批低100多分！从高一准备到高三报考，2022 年强基计划最新报考指南",
+          title:
+            "比普通批低100多分！从高一准备到高三报考，2022 年强基计划最新报考指南",
           time: "2022年2月12日",
         },
       ],
@@ -164,14 +180,18 @@
   },
   computed: {},
   methods: {
-			cpUrl() {},
+    cpUrl() {
+      this.$router.push({
+        path: "/evaluation",
+      });
+    },
     getBanner() {
       let that = this;
       this.axios
         .post(this.HOME + "/api/dictionary/get-slide-list", {
           position: "h5_home_banner",
         })
-					.then(function(res) {
+        .then(function (res) {
           that.bannerSrc = res.data.data[0].src;
         });
     },
@@ -198,13 +218,13 @@
           page: "1",
           size: "3",
         })
-					.then(function(res) {
+        .then(function (res) {
           console.log(res.data.data);
           that.expertData = res.data.data.list;
         });
     },
   },
-	};
+};
 </script>
 
 <style scoped>

src/views/login/verification.vue

@@ -75,7 +75,7 @@ export default {
   created() {
     this.isScroll = true;
     window.addEventListener("scroll", this.eventScrollTop);
-    this.phoneData = this.$route.query.number;
+    this.phoneData =  this.$route.query.phone
     const TIME_COUNT = 60;
     if (!this.timer) {
       this.count = TIME_COUNT;
@@ -91,7 +91,9 @@ export default {
       }, 1000);
     }
   },
-  mounted() {},
+  mounted() {
+    
+  },
   computed: {},
   methods: {
     hideKeyboard() {

src/views/user/bind/index.vue

@@ -3,7 +3,8 @@
 		<!-- 头部 -->
 		<div :class="{'header':true,'scroll white':isScrollTop,'white':true}">
 			<div class="back" @click="$router.go(-1)"><img src="../../../assets/images/home/expert/back.png" alt=""></div>
-			<div class="header-title">手机绑定</div>
+			<div v-if="centerUserData.mobile" class="header-title">修改号码</div>
+					<div v-else class="header-title">手机绑定</div>
 		</div>
 		<div class="feedback-bg pull-content">
 			<ul class="phone-bind">
@@ -21,11 +22,19 @@
 		data() {
 			return {
 				isScrollTop: false,
+				centerUserData:{
+					mobile:""
+				}
 			}
 		},
 		created() {
 			this.isScroll = true;
 			window.addEventListener("scroll", this.eventScrollTop);
+
+			
+
+			this.centerUserData=JSON.parse(location.centerUserData)
+			console.log(this.centerUserData)
 		},
 		mounted() {
 			

src/views/user/ucenter/index.vue

@@ -9,8 +9,12 @@
     <div class="banner my-banner">
       <img src="../../../assets/images/user/banner.jpg" alt="" />
       <div class="my-photo">
-				<span><img src="../../../assets/images/user/photo.png" /></span>
+        <span>
-				<p>张桑</p>
+          <img v-if="userData.avatar" :src="userData.avatar" />
+         <img v-else src="../../../assets/images/user/photo.png" />
+        </span>
+        <p v-if="userData.nick_name">{{userData.nick_name}}</p>
+        <p v-else>未填写个人信息</p>
       </div>
     </div>
     <!-- 免费咨询卡 -->
@@ -24,24 +28,32 @@
     </div>
     <div class="line" v-if="isReceive == 1"></div>
     <ul class="student-information">
-			<li @click="goPage('/bind')">
+      <li @click="goPage('/bind')" >
-				<span><img src="../../../assets/images/user/icon-phone.png" alt="" /></span>
+        <span
-				<p>手机号<em>18683958573</em></p>
+          ><img src="../../../assets/images/user/icon-phone.png" alt=""
+        /></span>
+        <p>手机号<em>{{userData.mobile}}</em></p>
         <img src="../../../assets/images/home/expert/arrow-right.png" alt="" />
       </li>
       <li @click="goPage('/info')">
-				<span><img src="../../../assets/images/user/icon-student.png" alt="" /></span>
+        <span
+          ><img src="../../../assets/images/user/icon-student.png" alt=""
+        /></span>
         <p>考生信息</p>
         <img src="../../../assets/images/home/expert/arrow-right.png" alt="" />
       </li>
     </ul>
     <div class="feedback" @click="goPage('/feedback')">
-			<span><img src="../../../assets/images/user/icon-feedback.png" alt="" /></span>
+      <span
+        ><img src="../../../assets/images/user/icon-feedback.png" alt=""
+      /></span>
       <p>意见和反馈</p>
       <img src="../../../assets/images/home/expert/arrow-right.png" alt="" />
     </div>
     <div :class="{ 'my-report': true, open: isOpen }" @click="isOpen = !isOpen">
-			<span><img src="../../../assets/images/user/icon-report.png" alt="" /></span>
+      <span
+        ><img src="../../../assets/images/user/icon-report.png" alt=""
+      /></span>
       <p>我的报告</p>
       <img src="../../../assets/images/home/expert/arrow-right.png" alt="" />
     </div>
@@ -97,11 +109,36 @@
       isReceive: 1, //是否领取咨询机会
       isUse: 0, //是否使用
       isOpen: false,
+      userData:{
+        avatar: ""       ,
+       consult_amount: 0,
+       create_time: "",
+       ding_code: "",
+       expert_id: 0,
+       gender: 0,
+       id: 31,
+       im_uid: "",
+       lat: "",
+       lng: "",
+       login_time: "",
+       mobile: "",
+       nick_name: "",
+       open_id: "",
+       real_name: "",
+       tags: "",
+       tel: "",
+       type: 0,
+       unionid: "",
+       update_time: "",
+       user_code: ""
+      },
+      
     };
   },
   created() {
     this.isScroll = true;
     window.addEventListener("scroll", this.eventScrollTop);
+    this.getUserData();
   },
   methods: {
     // 判断跳转方式
@@ -118,6 +155,14 @@
     goPage(path) {
       this.$router.push(path);
     },
+    // 获取用户信息
+    getUserData() {
+      let that = this;
+      this.axios.post(this.HOME + "/api/user/center-info").then(function (res) {
+        that.userData = res.data.data;
+        location.centerUserData=JSON.stringify( that.userData )
+      });
+    },
     // 滚动改变样式
     eventScrollTop() {
       let scrollTop =
@@ -147,7 +192,7 @@
   deactivated() {
     window.removeEventListener("scroll", this.eventScrollTop);
   },
-	};
+};
 </script>
 
 <style scoped>