tangyi
/
zycp-demo
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

咨询师端接口调用

master
Lee-1203 2022-03-05 17:09:34 +08:00
parent aec17529bd
commit da8aee0850
6 changed files with 952 additions and 1082 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/App.vue
View File

@ -1695,7 +1695,7 @@ textarea::-webkit-input-placeholder{
color: #3844ce; color: #3844ce;
} }
.report-list>li span{ .report-list>li span{
width: 2.1rem; width: 2.5rem;
font-size: .24rem; font-size: .24rem;
text-align: right; text-align: right;
color: #999999; color: #999999;
@ -1909,11 +1909,11 @@ textarea::-webkit-input-placeholder{
border-bottom: .02rem solid #333fc9; border-bottom: .02rem solid #333fc9;
} }
.exponent-item-son{ .exponent-item-son{
margin-top: .15rem; margin-top: .25rem;
} }
.exponent-item-son span{ .exponent-item-son span{
display: block; display: block;
font-size: .28rem; font-size: .26rem;
line-height: 1.2; line-height: 1.2;
margin: .15rem 0; margin: .15rem 0;
text-align: center; text-align: center;

154
src/views/consultant/index.vue
View File

@ -8,22 +8,22 @@
<div class="consultant pull-content"> <div class="consultant pull-content">
<div class="consultant-photo"> <div class="consultant-photo">
<div> <div>
<span><img src="../../assets/images/user/photo.png"></span> <span><img :src="host + experObj.avatar"></span>
<p> <p>
<span><em>姓名：</em>李四</span> <span><em>姓名：</em>{{experObj.name}}</span>
<span><em>职称：</em>高级咨询师</span> <span><em>职称：</em>{{experObj.tags_text}}</span>
<span><em>电话：</em>18683958573</span> <span><em>电话：</em>{{experObj.phone}}</span>
</p> </p>
</div> </div>
<p @click="editInformation()">修改基本资料</p> <p @click="editInformation()">修改基本资料</p>
</div> </div>
<div class="consultant-info"> <div class="consultant-info">
<p><span>重点服务区域：</span>北京、上海</p> <p><span>重点服务区域：</span>{{experObj.service_area_text}}</p>
<p><span>区域1的服务价格：</span>3000-12000</p> <p><span>区域1的服务价格：</span>{{experObj.price_area_a}}</p>
<p><span>区域2的服务价格：</span>3000-12000</p> <p><span>区域2的服务价格：</span>{{experObj.price_area_b}}</p>
<p><span>区域3的服务价格：</span>3000-12000</p> <p><span>区域3的服务价格：</span>{{experObj.price_area_c}}</p>
<p><span>其他区域的服务价格：</span>3000-12000</p> <p><span>其他区域的服务价格：</span>{{experObj.price_area_other}}</p>
<p><span>服务口号：</span>教会孩子规划人生旅程，重要的是帮助TA构建终身学习的生活态度。</p> <p><span>服务口号：</span>{{experObj.slogan}}</p>
</div> </div>
<div class="case-administer"> <div class="case-administer">
<h3>案例管理</h3> <h3>案例管理</h3>
@ -36,47 +36,14 @@
<span>主案例</span> <span>主案例</span>
<span>操作</span> <span>操作</span>
</li> </li>
<li> <li v-for="(item,index) in expertCase" :key="index">
<span><img src="../../assets/images/home/expert/detail.jpg" alt=""></span> <span><img :src="host + item.cover"></span>
<span><p>完美的与湖北工业相遇完美的与湖北业相遇</p></span> <span><p>{{item.title}}</p></span>
<span>是</span> <span>{{item.is_main==1?"是":"否"}}</span>
<span> <span>
<ins> <ins>
<em @click="editCase()">编辑</em> <em @click="editCase(index)">编辑</em>
<em>删除</em> <em @click="deleteCase(item.id)">删除</em>
</ins>
</span>
</li>
<li>
<span><img src="../../assets/images/home/expert/detail.jpg" alt=""></span>
<span><p>完美的与湖北工业相遇</p></span>
<span>是</span>
<span>
<ins>
<em>编辑</em>
<em>删除</em>
</ins>
</span>
</li>
<li>
<span><img src="../../assets/images/home/expert/detail.jpg" alt=""></span>
<span><p>完美的与湖北工业相遇</p></span>
<span>是</span>
<span>
<ins>
<em>编辑</em>
<em>删除</em>
</ins>
</span>
</li>
<li>
<span><img src="../../assets/images/home/expert/detail.jpg" alt=""></span>
<span><p>完美的与湖北工业相遇</p></span>
<span>是</span>
<span>
<ins>
<em>编辑</em>
<em>删除</em>
</ins> </ins>
</span> </span>
</li> </li>
@ -91,25 +58,98 @@
data(){ data(){
return { return {
isScrollTop: false, isScrollTop: false,
id: '',
page: 1,//页数
size: 10,//条数
is_main: -1,//主案件筛选
allowLoad:true,//是否允许加载 默认：允许
experObj: [],//咨询师详情
expertCase: [],//咨询师案例
} }
}, },
created() { created() {
this.isScroll = true; this.isScroll = true;
window.addEventListener("scroll", this.eventScrollTop); window.addEventListener("scroll", this.eventScrollTop);
}, },
mounted() {
this.checkExperInfo();
},
methods:{ methods:{
// 查询咨询师信息
checkExperInfo(){
let that = this;
this.axios
.post(this.HOME + "/api/user/center-info", {
})
.then(function(res) {
console.log(res,123)
that.experObj = res.data.data.expert
// that.id = that.experObj.id;
// 查询咨询师案例
that.getExpertCase(that.id)
});
},
// 获取案例列表
getExpertCase(id){
let that = this;
let anId = id;
this.axios
.post(this.HOME + "/api/expert/get-expert-case-list", {
page: that.page,
size: that.size,
expert_id: anId,
is_main: that.is_main
})
.then(function(res) {
let list = res.data.data.list;
let newArray = [];
that.expertCase = [];
list.forEach(item=>{
let obj = {
id:item.id,
cover: item.cover,
title: item.title,
result_remarks: item.result_remarks,
location_remarks: item.location_remarks,
other_remarks: item.other_remarks,
account_remarks: item.account_remarks,
is_main:item.is_main,
student_name:item.student_name
}
newArray.push(obj);
})
that.expertCase = that.expertCase.concat(newArray);
});
},
// 编辑案例
editCase(index){
let editIndex = index;
localStorage.anliObj = JSON.stringify(editIndex);
this.$router.push('/case');
},
// 删除案例
deleteCase(idk){
let that = this;
let anId = idk;
this.axios
.post(this.HOME + "/api/expert/get-expert-case-list", {
ids:anId
})
.then(function(res) {
console.log(res,2525)
alert('删除成功');
that.getExpertCase(that.id);
});
},
// 修改基本资料 // 修改基本资料
editInformation(){ editInformation(){
this.$router.push('/edit'); this.$router.push('/edit');
}, },
// 新增案例
addCase(){
this.$router.push('/case');
},
// 编辑案例
editCase(){
this.$router.push('/case');
},
// 页面跳转 // 页面跳转
goPage(path){ goPage(path){
this.$router.push(path); this.$router.push(path);

15
src/views/user/feedback/index.vue
View File

@ -9,7 +9,7 @@
</div> </div>
<div class="info-bg pull-content"> <div class="info-bg pull-content">
<div class="feedback-msg"> <div class="feedback-msg">
<textarea v-model="content" rows="" cols="" placeholder="请输入您反馈的内容"></textarea> <textarea v-model="content" placeholder="请输入您反馈的内容"></textarea>
</div> </div>
</div> </div>
<div @click="btnFeedback()" class="bind-btn">提交</div> <div @click="btnFeedback()" class="bind-btn">提交</div>
@ -17,7 +17,7 @@
</template> </template>
<script> <script>
export default { export default {
name: "feedback", name: "feedback",
data() { data() {
return { return {
@ -38,13 +38,14 @@ export default {
} }
this.axios this.axios
.post( .post(
this.HOME + "/api/consumer/submit-feedback", this.HOME + "/api/consumer/submit-feedback", {
{ content: this.content }, content: this.content
},
) )
.then(function (res) { .then(function(res) {
window.alert(res.data.msg) window.alert(res.data.msg)
}) })
.catch(function (error) { .catch(function(error) {
console.log(error); console.log(error);
}); });
}, },
@ -77,7 +78,7 @@ export default {
deactivated() { deactivated() {
window.removeEventListener("scroll", this.eventScrollTop); window.removeEventListener("scroll", this.eventScrollTop);
}, },
}; };
</script> </script>
<style scoped> <style scoped>

65
src/views/user/info/index.vue
View File

@ -13,38 +13,47 @@
<span>头像</span> <span>头像</span>
<p class="ps"> <p class="ps">
<input class="inputB" @change="imgIny($event)" type="file" /> <input class="inputB" @change="imgIny($event)" type="file" />
<img src="../../../assets/images/user/photo.png" /> <img v-if="myAvatar" :src="host + myAvatar">
<img v-else-if="userDataAll.avatar" :src="host + userDataAll.avatar">
<img v-else src="../../../assets/images/user/photo.png" />
</p> </p>
</li> </li>
<li> <li>
<span>昵称</span <span>昵称</span><input type="text" v-model="nickName" value="" placeholder="请输入昵称" />
><input type="text" value="" placeholder="请输入昵称" />
</li> </li>
</ul> </ul>
</div> </div>
<div class="bind-btn">提交</div> <div class="bind-btn" @click="setInfo()">提交</div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: "info", name: "info",
data() { data() {
return { return {
isScrollTop: false, isScrollTop: false,
myAvatar: '',
nickName:'',
userDataAll:[]
}; };
}, },
created() { created() {
this.isScroll = true; this.isScroll = true;
window.addEventListener("scroll", this.eventScrollTop); window.addEventListener("scroll", this.eventScrollTop);
this.userDataAll = (JSON.parse(localStorage.getItem("centerUserData")));
this.nickName = this.userDataAll.nick_name;
}, },
mounted() {}, mounted() {},
computed: {}, computed: {},
methods: { methods: {
imgIny(e) { imgIny(e) {
let that = this;
const files = e.target.files; const files = e.target.files;
console.log(files[0]); console.log(files[0]);
console.log({ image: files[0] }); console.log({
image: files[0]
});
var fromdata = new FormData(); var fromdata = new FormData();
fromdata.append("image", files[0]); fromdata.append("image", files[0]);
this.axios this.axios
@ -53,13 +62,40 @@ export default {
"Content-Type": "multipart/form-data", "Content-Type": "multipart/form-data",
}, },
}) })
.then(function (res) { .then(function(res) {
console.log(res); that.myAvatar = res.data.data.src;
console.log(that.myAvatar, 123);
}) })
.catch(function (error) { .catch(function(error) {
console.log(error); console.log(error);
}); });
}, },
// 提交
setInfo(){
let that = this;
this.axios
.post(this.HOME + "/api/user/edit-base-info", {
nick_name: that.nickName,
avatar: that.myAvatar
})
.then(function(res) {
that.getUserData();
that.$router.push('/ucenter');
console.log(res)
});
},
// 获取用户信息
getUserData() {
let that = this;
this.axios.post(this.HOME + "/api/user/center-info").then(function (res) {
that.userData = res.data.data;
localStorage.centerUserData = JSON.stringify(res.data.data);
});
},
// 滚动改变样式 // 滚动改变样式
eventScrollTop() { eventScrollTop() {
let scrollTop = let scrollTop =
@ -77,11 +113,11 @@ export default {
} }
}, },
}, },
}; };
</script> </script>
<style scoped> <style scoped>
.inputB { .inputB {
width: 1.1rem; width: 1.1rem;
height: 1.1rem; height: 1.1rem;
position: absolute; position: absolute;
@ -89,8 +125,9 @@ export default {
z-index: 5; z-index: 5;
top: 0px; top: 0px;
opacity: 0; opacity: 0;
} }
.ps {
.ps {
position: relative; position: relative;
} }
</style> </style>

421
src/views/user/report/index.vue
View File

@ -21,68 +21,44 @@
<div class="report-relation"> <div class="report-relation">
<span>{{ evaluationData.student.student_name }}</span> <span>{{ evaluationData.student.student_name }}</span>
<span>{{ evaluationData.student.student_native_str }}</span> <span>{{ evaluationData.student.student_native_str }}</span>
<span v-show="evaluationData.evaluation.role_type == 'student'" <span v-show="evaluationData.evaluation.role_type == 'student'">考生测评</span>
>考生测评</span <span v-show="evaluationData.evaluation.role_type == 'parents'">亲属测评</span>
>
<span v-show="evaluationData.evaluation.role_type == 'parents'"
>亲属测评</span
>
<span>{{ evaluationData.student.done_at }}</span> <span>{{ evaluationData.student.done_at }}</span>
</div> </div>
<div class="report-box3 report-box"> <div class="report-box3 report-box">
<div class="report-title"> <div class="report-title">
{{ 一、{{evaluationData.evaluation.report.base.profession_concept.summary}}
evaluationData.evaluation.report.base.profession_concept.name
}}
<!-- 一、{{baseList1.summary}} --> <!-- 一、{{baseList1.summary}} -->
</div> </div>
<span class="report-h2"> <span class="report-h2">
{{ {{evaluationData.evaluation.report.base.profession_concept.reportTextList.summary}}
evaluationData.evaluation.report.base.profession_concept
.reportTextList.summary
}}
<!-- {{baseList1.reportspanList.summary}} --> <!-- {{baseList1.reportspanList.summary}} -->
</span> </span>
<span class="txt2"> <span class="txt2">
{{ {{evaluationData.evaluation.report.base.profession_concept.reportTextList.keywords_text}}
evaluationData.evaluation.report.base.profession_concept <!-- {{baseList1.reportspanList.keywords_text}} -->
.reportTextList.keywords_text
}}
<!-- {{baseList1.reportspanList.keywords_span}} -->
</span> </span>
<span class="report-h3"> <span class="report-h3">
{{ {{evaluationData.evaluation.report.base.profession_concept.reportTextList.description}}
evaluationData.evaluation.report.base.profession_concept
.reportTextList.description
}}
<!-- {{baseList1.reportspanList.description}} --> <!-- {{baseList1.reportspanList.description}} -->
</span> </span>
<div id="intellect" ref="profession_concept"></div> <div id="intellect" ref="profession_concept"></div>
</div> </div>
<div class="report-box1 report-box"> <div class="report-box1 report-box">
<div class="report-title"> <div class="report-title">
{{ evaluationData.evaluation.report.base.intellect.name }} 二、{{evaluationData.evaluation.report.base.intellect.summary}}
<!-- 一、{{baseList1.summary}} --> <!-- 二、{{baseList1.summary}} -->
</div> </div>
<span class="report-h2"> <span class="report-h2">
{{ {{evaluationData.evaluation.report.base.intellect.reportTextList.summary}}
evaluationData.evaluation.report.base.intellect.reportTextList
.summary
}}
<!-- {{baseList1.reportspanList.summary}} --> <!-- {{baseList1.reportspanList.summary}} -->
</span> </span>
<span class="txt2"> <span class="txt2">
{{ {{evaluationData.evaluation.report.base.intellect.reportTextList.keywords_text}}
evaluationData.evaluation.report.base.intellect.reportTextList <!-- {{baseList1.reportspanList.keywords_text}} -->
.keywords_text
}}
<!-- {{baseList1.reportspanList.keywords_span}} -->
</span> </span>
<span class="report-h3"> <span class="report-h3">
{{ {{evaluationData.evaluation.report.base.intellect.reportTextList.description}}
evaluationData.evaluation.report.base.intellect.reportTextList
.description
}}
<!-- {{baseList1.reportspanList.description}} --> <!-- {{baseList1.reportspanList.description}} -->
</span> </span>
@ -91,58 +67,38 @@
<div class="report-box4 report-box"> <div class="report-box4 report-box">
<div class="report-title"> <div class="report-title">
{{ 三、{{evaluationData.evaluation.report.base.profession_interest.name}}
evaluationData.evaluation.report.base.profession_interest.name <!-- 三、{{baseList1.summary}} -->
}}
<!-- 一、{{baseList1.summary}} -->
</div> </div>
<span class="report-h2"> <span class="report-h2">
{{ {{evaluationData.evaluation.report.base.profession_interest.reportTextList.eminent_person_text}}
evaluationData.evaluation.report.base.profession_interest <!-- {{baseList1.reportspanList.eminent_person_text}} -->
.reportTextList.summary
}}
<!-- {{baseList1.reportspanList.summary}} -->
</span> </span>
<span class="txt2"> <span class="txt2">
{{ {{evaluationData.evaluation.report.base.profession_interest.reportTextList.keywords_text}}
evaluationData.evaluation.report.base.profession_interest <!-- {{baseList1.reportspanList.keywords_text}} -->
.reportTextList.keywords_text
}}
<!-- {{baseList1.reportspanList.keywords_span}} -->
</span> </span>
<span class="report-h3"> <span class="report-h3">
{{ {{evaluationData.evaluation.report.base.profession_interest.reportTextList.description}}
evaluationData.evaluation.report.base.profession_interest
.reportTextList.description
}}
<!-- {{baseList1.reportspanList.description}} --> <!-- {{baseList1.reportspanList.description}} -->
</span> </span>
<div id="intellect" ref="profession_interest"></div> <div id="intellect" ref="profession_interest"></div>
</div> </div>
<div class="report-box2 report-box"> <div class="report-box2 report-box">
<div class="report-title"> <div class="report-title">
{{ evaluationData.evaluation.report.base.mbti_character.name }} 四、{{ evaluationData.evaluation.report.base.mbti_character.name }}
<!-- 一、{{baseList1.summary}} --> <!-- 四、{{baseList1.summary}} -->
</div> </div>
<span class="report-h2"> <span class="report-h2">
{{ {{evaluationData.evaluation.report.base.mbti_character.reportTextList.eminent_person_text}}
evaluationData.evaluation.report.base.mbti_character <!-- {{baseList1.reportspanList.eminent_person_text}} -->
.reportTextList.summary
}}
<!-- {{baseList1.reportspanList.summary}} -->
</span> </span>
<span class="txt2"> <span class="txt2">
{{ {{evaluationData.evaluation.report.base.mbti_character.reportTextList.keywords_text}}
evaluationData.evaluation.report.base.mbti_character <!-- {{baseList1.reportspanList.keywords_text}} -->
.reportTextList.keywords_text
}}
<!-- {{baseList1.reportspanList.keywords_span}} -->
</span> </span>
<span class="report-h3"> <span class="report-h3">
{{ {{evaluationData.evaluation.report.base.mbti_character.reportTextList.description}}
evaluationData.evaluation.report.base.mbti_character
.reportTextList.description
}}
<!-- {{baseList1.reportspanList.description}} --> <!-- {{baseList1.reportspanList.description}} -->
</span> </span>
<dir class="report-box4-ex"> <dir class="report-box4-ex">
@ -150,19 +106,10 @@
<p>{{item.A.factor_name}}</p> <p>{{item.A.factor_name}}</p>
<div class="content-ex"> <div class="content-ex">
<div> <div>
<p <p :style="{width: proportion(item.A.avg_score, (item.A.avg_score-0)+(item.B.avg_score-0)),}" v-if="(item.A.avg_score-0)>=(item.B.avg_score-0)"></p>
:style="{
width: proportion(item.A.avg_score, (item.A.avg_score-0)+(item.B.avg_score-0)),
}"
v-if="(item.A.avg_score-0)>=(item.B.avg_score-0)"
></p>
</div> </div>
<div> <div>
<p <p v-if="(item.A.avg_score-0)<=(item.B.avg_score-0)" :style="{width: proportion(item.B.avg_score, (item.A.avg_score-0)+(item.B.avg_score-0))}"></p>
v-if="(item.A.avg_score-0)<=(item.B.avg_score-0)"
:style="{
width: proportion(item.B.avg_score, (item.A.avg_score-0)+(item.B.avg_score-0)),
}"></p>
</div> </div>
</div> </div>
@ -173,28 +120,19 @@
<div class="report-box5 report-box"> <div class="report-box5 report-box">
<div class="report-title"> <div class="report-title">
{{ evaluationData.evaluation.report.base.subjects.name }} 五、{{ evaluationData.evaluation.report.base.subjects.summary }}
<!-- 一、{{baseList1.summary}} --> <!-- 五、{{baseList1.summary}} -->
</div> </div>
<span class="report-h2"> <span class="report-h2">
{{ {{evaluationData.evaluation.report.base.subjects.reportTextList.eminent_person_text}}
evaluationData.evaluation.report.base.subjects.reportTextList <!-- {{baseList1.reportspanList.eminent_person_text}} -->
.summary
}}
<!-- {{baseList1.reportspanList.summary}} -->
</span> </span>
<span class="txt2"> <span class="txt2">
{{ {{evaluationData.evaluation.report.base.subjects.reportTextList.keywords_text}}
evaluationData.evaluation.report.base.subjects.reportTextList <!-- {{baseList1.reportspanList.keywords_text}} -->
.keywords_text
}}
<!-- {{baseList1.reportspanList.keywords_span}} -->
</span> </span>
<span class="report-h3"> <span class="report-h3">
{{ {{evaluationData.evaluation.report.base.subjects.reportTextList.description}}
evaluationData.evaluation.report.base.subjects.reportTextList
.description
}}
<!-- {{baseList1.reportspanList.description}} --> <!-- {{baseList1.reportspanList.description}} -->
</span> </span>
<div id="intellect" ref="subjects"></div> <div id="intellect" ref="subjects"></div>
@ -202,175 +140,28 @@
</div> </div>
<!-- 专业类匹配度 --> <!-- 专业类匹配度 -->
<div class="report-item" v-show="!isShow"> <div class="report-item" v-show="!isShow">
<div class="report-exponent"> <div class="report-exponent" v-for="(item,index) in majorList" :key="index">
<div class="exponent-title"> <div class="exponent-title">
<div class="exponent-star"> <div class="exponent-star">
推荐指数：<span>★</span><span>★</span><span>★</span 推荐指数：<span v-for="(itemk,indexk) in item.stars" :key="indexk">★</span>
><span>★</span><span>★</span>
<!-- <span a:for="{{item.stars}}">★</span> --> <!-- <span a:for="{{item.stars}}">★</span> -->
</div> </div>
<div class="percentage">匹配度：>90%<!-- {{item.degree}} --></div> <div class="percentage">匹配度：{{item.degree}}
<!-- {{item.degree}} -->
</div>
</div> </div>
<div class="exponent-list"> <div class="exponent-list">
<div class="exponent-item"> <div class="exponent-item" v-for="(item2,index2) in item.majors" :key="index2">
<span> <span>
自然学科类<br /> {{item2.name}}<br />
(10) ({{item2.childrenSize}})
<!-- {{item2.name}} <!-- {{item2.name}}<br />
({{item2.childrenSize}}) --> ({{item2.childrenSize}}) -->
</span> </span>
<div class="exponent-item-son"> <div class="exponent-item-son">
<span>中西医结合</span> <span v-for="(item3,index3) in item2.children" :key="index3">{{item3.name}}</span>
<span>中西医结合</span>
<span>中西医结合</span>
<span>中西医结合</span>
<span>中西医结合</span>
<span>中西医结合</span>
<span>中西医结合</span>
<span>中西医结合</span>
<span>中西医结合</span>
<span>中西医结合</span>
</div> </div>
</div> </div>
<div class="exponent-item">
<span>
社会科学类<br />
(10)
<!-- {{item2.name}}
({{item2.childrenSize}}) -->
</span>
<div class="exponent-item-son">
<span>中西医结合</span>
<span>中西医结合</span>
</div>
</div>
<div class="exponent-item">
<span>
人文科学类<br />
(10)
<!-- {{item2.name}}
({{item2.childrenSize}}) -->
</span>
<div class="exponent-item-son">
<span>中西医结合</span>
<span>中西医结合</span>
<span>中西医结合</span>
<span>中西医结合</span>
<span>中西医结合</span>
<span>中西医结合</span>
</div>
</div>
</div>
</div>
<div class="report-exponent">
<div class="exponent-title">
<div class="exponent-star">
推荐指数：<span>★</span><span>★</span><span>★</span
><span>★</span><span>★</span>
<!-- <span a:for="{{item.stars}}">★</span> -->
</div>
<div class="percentage">匹配度：>90%<!-- {{item.degree}} --></div>
</div>
<div class="exponent-list">
<div class="exponent-item">
<span>
自然学科类<br />
(10)
<!-- {{item2.name}}
({{item2.childrenSize}}) -->
</span>
<div class="exponent-item-son">
<span>中西医结合</span>
<span>中西医结合</span>
<span>中西医结合</span>
<span>中西医结合</span>
<span>中西医结合</span>
<span>中西医结合</span>
<span>中西医结合</span>
<span>中西医结合</span>
<span>中西医结合</span>
<span>中西医结合</span>
</div>
</div>
<div class="exponent-item">
<span>
社会科学类<br />
(10)
<!-- {{item2.name}}
({{item2.childrenSize}}) -->
</span>
<div class="exponent-item-son">
<span>中西医结合</span>
<span>中西医结合</span>
<span>中西医结合</span>
<span>中西医结合</span>
<span>中西医结合</span>
<span>中西医结合</span>
</div>
</div>
<div class="exponent-item">
<span>
人文科学类<br />
(10)
<!-- {{item2.name}}
({{item2.childrenSize}}) -->
</span>
<div class="exponent-item-son">
<span>中西医结合</span>
</div>
</div>
</div>
</div>
<div class="report-exponent">
<div class="exponent-title">
<div class="exponent-star">
推荐指数：<span>★</span><span>★</span><span>★</span
><span>★</span><span>★</span>
<!-- <span a:for="{{item.stars}}">★</span> -->
</div>
<div class="percentage">匹配度：>90%<!-- {{item.degree}} --></div>
</div>
<div class="exponent-list">
<div class="exponent-item">
<span>
自然学科类<br />
(10)
<!-- {{item2.name}}
({{item2.childrenSize}}) -->
</span>
<div class="exponent-item-son">
<span>中西医结合</span>
<span>自然保护与环境生态类</span>
<span>中西医结合</span>
<span>中西医结合</span>
<span>中西医结合</span>
<span>中西医结合</span>
<span>中西医结合</span>
<span>中西医结合</span>
</div>
</div>
<div class="exponent-item">
<span>
社会科学类<br />
(10)
<!-- {{item2.name}}
({{item2.childrenSize}}) -->
</span>
<div class="exponent-item-son">
<span>中西医结合</span>
<span>中西医结合</span>
<span>中西医结合</span>
</div>
</div>
<div class="exponent-item">
<span>
人文科学类<br />
(10)
<!-- {{item2.name}}
({{item2.childrenSize}}) -->
</span>
<div class="exponent-item-son"></div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -380,8 +171,8 @@
</template> </template>
<script> <script>
import * as echarts from "echarts"; import * as echarts from "echarts";
export default { export default {
name: "report", name: "report",
data() { data() {
return { return {
@ -389,7 +180,8 @@ export default {
isShow: true, //切换报告 isShow: true, //切换报告
roleTType: "student", //报告人类型 roleTType: "student", //报告人类型
evaluationData: {}, evaluationData: {},
arrData:"", arrData: "",
majorList:[], //报告列表
}; };
}, },
created() { created() {
@ -401,7 +193,7 @@ export default {
}, },
methods: { methods: {
proportion(obj, max) { proportion(obj, max) {
console.log(obj ,max,"---") console.log(obj, max, "---")
return ((Math.abs(obj) - 0) / (max - 0)) * 100 + "%"; return ((Math.abs(obj) - 0) / (max - 0)) * 100 + "%";
}, },
// 页面跳转 // 页面跳转
@ -418,15 +210,17 @@ export default {
xAxis: { xAxis: {
data: dataNmae, data: dataNmae,
type: "category", type: "category",
axisLabel: { interval: 0, rotate: 60 }, axisLabel: {
interval: 0,
rotate: 60
},
}, },
yAxis: { yAxis: {
type: "value", type: "value",
}, },
series: [ series: [{
{
data: dataNum, data: dataNum,
type: "bar", type: "bar",
itemStyle: { itemStyle: {
@ -442,8 +236,7 @@ export default {
}, },
}, },
}, },
}, }, ],
],
}; };
myChart.setOption(option); myChart.setOption(option);
}, 10); }, 10);
@ -468,19 +261,15 @@ export default {
// { name: "Marketing", max: 9 }, // { name: "Marketing", max: 9 },
// ], // ],
}, },
series: [ series: [{
{
name: "Budget vs spending", name: "Budget vs spending",
type: "radar", type: "radar",
data: [ data: [{
{
// value: [4200, 3000, 20000, 35000, 50000, 18000], // value: [4200, 3000, 20000, 35000, 50000, 18000],
value: valueArr, value: valueArr,
name: "Allocated Budget", name: "Allocated Budget",
}, }, ],
], }, ],
},
],
}; };
myChart.setOption(option); myChart.setOption(option);
@ -492,17 +281,17 @@ export default {
.post(this.HOME + "/api/evaluation/evaluation-info", { .post(this.HOME + "/api/evaluation/evaluation-info", {
id: this.$route.query.id, id: this.$route.query.id,
}) })
.then(function (res) { .then(function(res) {
console.log(res); console.log(res,111111);
that.evaluationData = res.data.data; that.evaluationData = res.data.data;
that.majorList = that.evaluationData.evaluation.report.major;
console.log(that.majorList,123)
let dataName = []; let dataName = [];
let dataNun = []; let dataNun = [];
for ( for (
let index = 0; let index = 0; index <
index <
that.evaluationData.evaluation.report.base.intellect.reportData that.evaluationData.evaluation.report.base.intellect.reportData
.length; .length; index++
index++
) { ) {
dataNun.push( dataNun.push(
that.evaluationData.evaluation.report.base.intellect.reportData[ that.evaluationData.evaluation.report.base.intellect.reportData[
@ -519,11 +308,9 @@ export default {
let dataNamea = []; let dataNamea = [];
let dataNuna = []; let dataNuna = [];
for ( for (
let index = 0; let index = 0; index <
index <
that.evaluationData.evaluation.report.base.profession_concept that.evaluationData.evaluation.report.base.profession_concept
.reportData.length; .reportData.length; index++
index++
) { ) {
dataNuna.push( dataNuna.push(
that.evaluationData.evaluation.report.base.profession_concept that.evaluationData.evaluation.report.base.profession_concept
@ -538,11 +325,9 @@ export default {
let dataNameb = []; let dataNameb = [];
let dataNunb = []; let dataNunb = [];
for ( for (
let index = 0; let index = 0; index <
index <
that.evaluationData.evaluation.report.base.profession_interest that.evaluationData.evaluation.report.base.profession_interest
.reportData.length; .reportData.length; index++
index++
) { ) {
dataNunb.push( dataNunb.push(
that.evaluationData.evaluation.report.base.profession_interest that.evaluationData.evaluation.report.base.profession_interest
@ -560,11 +345,9 @@ export default {
let dataNameC = []; let dataNameC = [];
let dataNunC = []; let dataNunC = [];
for ( for (
let index = 0; let index = 0; index <
index <
that.evaluationData.evaluation.report.base.subjects.reportData that.evaluationData.evaluation.report.base.subjects.reportData
.length; .length; index++
index++
) { ) {
dataNunC.push( dataNunC.push(
that.evaluationData.evaluation.report.base.subjects.reportData[ that.evaluationData.evaluation.report.base.subjects.reportData[
@ -580,8 +363,7 @@ export default {
that.leidata(dataNunC, dataNameC, "subjects"); that.leidata(dataNunC, dataNameC, "subjects");
let arrData = [ let arrData = [{
{
A: "", A: "",
B: "", B: "",
}, },
@ -598,22 +380,21 @@ export default {
B: "", B: "",
}, },
]; ];
let arrAD= that.evaluationData.evaluation.report.base.mbti_character.reportData let arrAD = that.evaluationData.evaluation.report.base.mbti_character.reportData
// console.log((arrAD[0].factor_subgroup_id-0)-1); // console.log((arrAD[0].factor_subgroup_id-0)-1);
for ( for (
let index = 0; let index = 0; index < arrAD.length; index++) {
index < arrAD.length; index++) { if (arrData[(arrAD[index].factor_subgroup_id - 0) - 1].A) {
if (arrData[(arrAD[index].factor_subgroup_id-0)-1].A) { arrData[(arrAD[index].factor_subgroup_id - 0) - 1].B = arrAD[index]
arrData[(arrAD[index].factor_subgroup_id-0)-1].B= arrAD[index] } else {
}else{
arrData[(arrAD[index].factor_subgroup_id-0)-1].A=arrAD[index] arrData[(arrAD[index].factor_subgroup_id - 0) - 1].A = arrAD[index]
} }
} }
console.log(arrData) console.log(arrData)
that.arrData=arrData that.arrData = arrData
}); });
}, },
// 滚动改变样式 // 滚动改变样式
@ -645,36 +426,46 @@ export default {
deactivated() { deactivated() {
window.removeEventListener("scroll", this.eventScrollTop); window.removeEventListener("scroll", this.eventScrollTop);
}, },
}; };
</script> </script>
<style scoped> <style scoped>
#intellect { #intellect {
width: 100%; width: 100%;
height: 320px; height: 320px;
} }
.report-box4-ex > div { .report-box4-ex{
margin: .6rem 0;
}
.report-box4-ex>div {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
} margin: .4rem 0;
.content-ex { color: #666666;
font-size: .28rem;
}
.content-ex {
width: 80%; width: 80%;
height: 0.5rem; height: 0.4rem;
display: flex; display: flex;
} }
.content-ex > div {
.content-ex>div {
width: 50%; width: 50%;
height: 100%; height: 100%;
} }
.content-ex > div > p { .content-ex>div>p {
background-color: red; background-color: #ffe3db;
border: .04rem solid #e0b280;
width: 0px; width: 0px;
height: 100%; height: 100%;
} }
.content-ex > :nth-child(1) {
.content-ex> :nth-child(1) {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
} }
</style> </style>

81
src/views/user/ucenter/index.vue
View File

@ -10,7 +10,7 @@
<img src="../../../assets/images/user/banner.jpg" alt="" /> <img src="../../../assets/images/user/banner.jpg" alt="" />
<div class="my-photo"> <div class="my-photo">
<span> <span>
<img v-if="userData.avatar" :src="userData.avatar" /> <img v-if="userData.avatar" :src="host + userData.avatar" />
<img v-else src="../../../assets/images/user/photo.png" /> <img v-else src="../../../assets/images/user/photo.png" />
</span> </span>
<p v-if="userData.nick_name">{{ userData.nick_name }}</p> <p v-if="userData.nick_name">{{ userData.nick_name }}</p>
@ -19,7 +19,7 @@
</div> </div>
<!-- 免费咨询卡 --> <!-- 免费咨询卡 -->
<div class="user-receive" @click="toPage()" v-if="isUse == 0"> <div class="user-receive" @click="toPage()" v-if="isUse == 0">
<img src="../../../assets/images/user/card.png" alt="" /> <img src="../../../assets/images/user/card.png" />
<div class="receive-txt"> <div class="receive-txt">
<span class="use-btn" v-if="isReceive == 1">立即使用</span> <span class="use-btn" v-if="isReceive == 1">立即使用</span>
<span class="receive-btn" v-if="isReceive == 0">立即领取</span> <span class="receive-btn" v-if="isReceive == 0">立即领取</span>
@ -29,46 +29,36 @@
<div class="line" v-if="isReceive == 1"></div> <div class="line" v-if="isReceive == 1"></div>
<ul class="student-information"> <ul class="student-information">
<li v-if="userData.mobile"> <li v-if="userData.mobile">
<span <span><img src="../../../assets/images/user/icon-phone.png" /></span>
><img src="../../../assets/images/user/icon-phone.png" alt=""
/></span>
<p> <p>
手机号<em>{{ userData.mobile }}</em> 手机号<em>{{ userData.mobile }}</em>
</p> </p>
</li> </li>
<li @click="goPage('/bind')" v-else> <li @click="goPage('/bind')" v-else>
<span <span><img src="../../../assets/images/user/icon-phone.png" /></span>
><img src="../../../assets/images/user/icon-phone.png" alt=""
/></span>
<p> <p>
手机号<em>{{ userData.mobile }}</em> 手机号<em></em>
</p> </p>
<img src="../../../assets/images/home/expert/arrow-right.png" alt="" /> <img src="../../../assets/images/home/expert/arrow-right.png" />
</li> </li>
<li @click="goPage('/info')"> <li @click="goPage('/info')">
<span <span><img src="../../../assets/images/user/icon-student.png" /></span>
><img src="../../../assets/images/user/icon-student.png" alt=""
/></span>
<p>考生信息</p> <p>考生信息</p>
<img src="../../../assets/images/home/expert/arrow-right.png" alt="" /> <img src="../../../assets/images/home/expert/arrow-right.png" />
</li> </li>
</ul> </ul>
<div class="feedback" @click="goPage('/feedback')"> <div class="feedback" @click="goPage('/feedback')">
<span <span><img src="../../../assets/images/user/icon-feedback.png" /></span>
><img src="../../../assets/images/user/icon-feedback.png" alt=""
/></span>
<p>意见和反馈</p> <p>意见和反馈</p>
<img src="../../../assets/images/home/expert/arrow-right.png" alt="" /> <img src="../../../assets/images/home/expert/arrow-right.png" />
</div> </div>
<div :class="{ 'my-report': true, open: isOpen }" @click="isOpen = !isOpen"> <div :class="{ 'my-report': true, open: isOpen }" @click="isOpen = !isOpen">
<span <span><img src="../../../assets/images/user/icon-report.png" alt="" /></span>
><img src="../../../assets/images/user/icon-report.png" alt=""
/></span>
<p>我的报告</p> <p>我的报告</p>
<img src="../../../assets/images/home/expert/arrow-right.png" alt="" /> <img src="../../../assets/images/home/expert/arrow-right.png" alt="" />
</div> </div>
<ul :class="{ 'report-list': true, open: isOpen }"> <ul :class="{ 'report-list': true, open: isOpen }">
<li v-for="(item,index) in dataList" :key="index" @click="goPage(item.id)"> <li v-for="(item,index) in reportData" :key="index" @click="goReport(item.id)">
<p>{{item.title}}</p> <p>{{item.title}}</p>
<span>{{item.done_at}}</span> <span>{{item.done_at}}</span>
</li> </li>
@ -80,8 +70,8 @@
</template> </template>
<script> <script>
import tabbar from "../../../components/tabbar.vue"; import tabbar from "../../../components/tabbar.vue";
export default { export default {
name: "expert", name: "expert",
components: { components: {
tabbar, tabbar,
@ -91,7 +81,7 @@ export default {
centerUserData: { centerUserData: {
mobile: "", mobile: "",
}, },
dataList:[], reportData: [],
isScrollTop: false, isScrollTop: false,
isReceive: 1, //是否领取咨询机会 isReceive: 1, //是否领取咨询机会
isUse: 0, //是否使用 isUse: 0, //是否使用
@ -128,16 +118,19 @@ export default {
this.getevaluationList() this.getevaluationList()
}, },
methods: { methods: {
getevaluationList(){ // 获取报告列表
let that=this getevaluationList() {
this.axios.post(this.HOME + "/api/evaluation/evaluation-list",{ let that = this
page:"1", this.axios.post(this.HOME + "/api/evaluation/evaluation-list", {
size:"100", page: "1",
status:"" size: "100",
}).then(function (res) { status: ""
that.dataList=res.data.data.list }).then(function(res) {
that.reportData = res.data.data.list;
console.log(that.reportData,555)
}); });
}, },
// 判断跳转方式 // 判断跳转方式
toPage() { toPage() {
if (this.isReceive == 1) { if (this.isReceive == 1) {
@ -148,23 +141,31 @@ export default {
return false; return false;
} }
}, },
// 页面跳转 // 页面跳转
goPage(id) { goPage(path) {
this.$router.push(path)
},
// 查看报告
goReport(id) {
this.$router.push({ this.$router.push({
path: "/report", path: "/report",
query: { query: {
id:id id: id
}, },
}); });
}, },
// 获取用户信息 // 获取用户信息
getUserData() { getUserData() {
let that = this; let that = this;
this.axios.post(this.HOME + "/api/user/center-info").then(function (res) { this.axios.post(this.HOME + "/api/user/center-info").then(function(res) {
that.userData = res.data.data; that.userData = res.data.data;
localStorage.centerUserData = JSON.stringify(res.data.data); localStorage.centerUserData = JSON.stringify(res.data.data);
}); });
}, },
// 滚动改变样式 // 滚动改变样式
eventScrollTop() { eventScrollTop() {
let scrollTop = let scrollTop =
@ -194,12 +195,12 @@ export default {
deactivated() { deactivated() {
window.removeEventListener("scroll", this.eventScrollTop); window.removeEventListener("scroll", this.eventScrollTop);
}, },
}; };
</script> </script>
<style scoped> <style scoped>
.banner, .banner,
.banner img { .banner img {
width: 100%; width: 100%;
} }
</style> </style>