志愿测评

2022-03-03 17:52:50 +08:00 · 2022-03-03 17:47:28 +08:00
7 changed files with 623 additions and 486 deletions
--- a/src/App.vue
+++ b/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;
-}
+


 /* 我的页面 */
--- a/src/views/home/evaluation/entrance.vue
+++ b/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="back" @click="$router.go(-1)"><img src="../../../assets/images/home/expert/back.png" alt=""></div>
+    <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>
    <div class="entrance pull-content list-section">
      <div class="list-section">
-				<h3>这里展示专业定位测评的文字内容，专业定位测评 来帮你解读！高考志愿填报过程中，往往规划师老 师，会让考生和家长做一个专业定位测</h3>
-				<div class="entrance-tips">专业定位测评提示：你需要使用12-15分钟的时间，请 用第一感觉作答，勿做太多的思考！</div>
+        <h3>
+          这里展示专业定位测评的文字内容，专业定位测评
+          来帮你解读！高考志愿填报过程中，往往规划师老
+          师，会让考生和家长做一个专业定位测
+        </h3>
+        <div class="entrance-tips">
+          专业定位测评提示：你需要使用12-15分钟的时间，请
+          用第一感觉作答，勿做太多的思考！
+        </div>
        <div class="entrance-btns">
-					<span @click="goPage('/evaluation/question')">考生本人测评入口</span>
-					<span @click="goPage('/evaluation/question')">家长/亲属测评入口</span>
+          <span @click="goPage('/evaluation/question', 'student')"
+            >考生本人测评入口</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() {
-			
-		},
-		computed: {
-			
-		},
+  mounted() {},
+  computed: {},
  methods: {
    // 页面跳转
-			goPage(path){
-			    this.$router.push(path);
+    goPage(path, state) {
+      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>
--- a/src/views/home/evaluation/question.vue
+++ b/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="back" @click="$router.go(-1)"><img src="../../../assets/images/home/expert/back.png" alt=""></div>
+    <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">XXX测评</div>
    </div>
    <div class="question pull-content list-section">
      <div class="question-item">
-				<div class="number"><span>12</span><em>/</em>80</div>
-				<h3>我最喜欢按兴致做事</h3>
+        <div class="number">
+          <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 @click="setQuestionEV()">比较相符合</span>
-					<span @click="setQuestionEV()">不太好分辨</span>
-					<span @click="setQuestionEV()">比较不符合</span>
-					<span @click="setQuestionEV()">完全不符合</span>
+          <span
+            v-for="(item, index) in optionsData"
+            :key="index"
+            @click="setQuestionEV(item.key)"
+            >{{ 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() {
-			
-		},
-		computed: {
-			
+    this.getLastquestions();
+    this.getQuestionAnswerOptions();
+    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>
--- a/src/views/index/index.vue
+++ b/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'
-	export default {
+import tabbar from "../../components/tabbar.vue";
+export default {
  name: "index",
  components: {
-			tabbar
+    tabbar,
  },
  data() {
    return {
      isScrollTop: false,
      isReceive: 0, //是否完善资料
      bannerSrc: "",
-				expertData: [],
-				planData: [{
+      expertData: [
+        {
+          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: [{
-						imgSrc: "",
-						title: "霍兰德职业兴趣测评"
-					},
-					{
-						imgSrc: "",
-						title: "MBIT职业性格测试"
-					},
+      planData: [
+        { imgSrc: "", title: "强基计划" },
+        { imgSrc: "", title: "综合评价" },
+        { imgSrc: "", title: "专项计划" },
      ],
-				headlinesData: [{
-						title: "全国各省市最好大学+王牌专业盘点",
-						time: "2022年2月12日"
-					},
+      evaluationData: [
+        { imgSrc: "", title: "霍兰德职业兴趣测评" },
+        { 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>
--- a/src/views/login/verification.vue
+++ b/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() {
--- a/src/views/user/bind/index.vue
+++ b/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() {
 			
--- a/src/views/user/ucenter/index.vue
+++ b/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>
-				<p>张桑</p>
+        <span>
+          <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')">
-				<span><img src="../../../assets/images/user/icon-phone.png" alt="" /></span>
-				<p>手机号<em>18683958573</em></p>
+      <li @click="goPage('/bind')" >
+        <span
+          ><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>
Author	SHA1	Message	Date
tangyi	e084fc1612	志愿测评	2022-03-03 17:52:50 +08:00
tangyi	5d324c4b58	志愿测评	2022-03-03 17:47:28 +08:00