合并 智慧就业第一版
This commit is contained in:
365
packageB/pages/userCenter/careerCompass.vue
Normal file
365
packageB/pages/userCenter/careerCompass.vue
Normal file
@@ -0,0 +1,365 @@
|
||||
<template>
|
||||
<view class="index-wrap">
|
||||
<view class="head-bar" :style="{'margin-top': barHeight + 5 + 'px'}">
|
||||
<view class="go-back" @click="goBack"></view>
|
||||
<text>生涯罗盘</text>
|
||||
</view>
|
||||
<view class="content">
|
||||
<view class="title">
|
||||
生涯罗盘
|
||||
</view>
|
||||
<view class="section">
|
||||
<view class="table">
|
||||
<view class="tr">
|
||||
<view class="th">
|
||||
</view>
|
||||
<view class="th">
|
||||
职业名称
|
||||
</view>
|
||||
<view class="th">
|
||||
多元能力
|
||||
</view>
|
||||
<view class="th">
|
||||
兴趣测评
|
||||
</view>
|
||||
<view class="th">
|
||||
人格测评
|
||||
</view>
|
||||
</view>
|
||||
<view class="tr" v-for="(item,index) in compassList" @click="checkedJob(item)" :key="index">
|
||||
<view class="td">
|
||||
<view class="checked-btn" :class="checkedIndex==item.JobId?'on':''"></view>
|
||||
</view>
|
||||
<view class="td">
|
||||
{{item.Name}}
|
||||
</view>
|
||||
<view class="td">
|
||||
<view class="is-has" v-if="item.IsMulti"></view>
|
||||
</view>
|
||||
<view class="td">
|
||||
<view class="is-has" v-if="item.IsInterest"></view>
|
||||
</view>
|
||||
<view class="td">
|
||||
<view class="is-has" v-if="item.IsPersonal"></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="title">
|
||||
我的职业
|
||||
</view>
|
||||
<view class="section">
|
||||
<scroll-view
|
||||
class="job-table"
|
||||
scroll-y
|
||||
scroll-x
|
||||
@scrolltolower="loadMore"
|
||||
:scroll-with-animation="false"
|
||||
>
|
||||
<view class="tr">
|
||||
<view class="th">
|
||||
职业规划方向
|
||||
</view>
|
||||
<view class="th">
|
||||
能力要求
|
||||
</view>
|
||||
<view class="th">
|
||||
推荐学习课程
|
||||
</view>
|
||||
<view class="th">
|
||||
推荐岗位
|
||||
</view>
|
||||
</view>
|
||||
<view
|
||||
class="tr"
|
||||
v-for="(item, index) in jobList"
|
||||
:key="index"
|
||||
>
|
||||
<view class="td">
|
||||
{{item.JobName}}
|
||||
</view>
|
||||
<view class="td">
|
||||
<text v-for="(ritem,rindex) in item.AbilityPlanList">{{ritem}}</text>
|
||||
</view>
|
||||
<view class="td">
|
||||
<text v-for="(ritem,rindex) in item.CoursePlanList">{{ritem.Name}}</text>
|
||||
</view>
|
||||
<view class="td">
|
||||
<text v-for="(ritem,rindex) in item.JobNameList">{{ritem}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="loading" v-if="isLoading">
|
||||
加载中...
|
||||
</view>
|
||||
<view class="no-more" v-if="noMore">
|
||||
没有更多数据了
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import api from "@/apiB/studentProfile.js"
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
barHeight: wx.getWindowInfo().statusBarHeight,
|
||||
compassList: [],//罗盘列表
|
||||
checkedIndex: null,
|
||||
jobList: [],//我的职业
|
||||
page: 1,
|
||||
isLoading: false,
|
||||
noMore: false,
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getCareerCompassList();
|
||||
this.getGXCareerPlanList();
|
||||
},
|
||||
methods: {
|
||||
goBack() {
|
||||
uni.navigateBack(-1);
|
||||
},
|
||||
//选中职业添加
|
||||
async checkedJob(ITEM){
|
||||
this.checkedIndex = ITEM.JobId;
|
||||
const res = await api.saveGXCareerPlan(ITEM.JobId);
|
||||
if (res.Result == 1) {
|
||||
uni.showToast({
|
||||
title: "添加成功",
|
||||
icon: "none"
|
||||
})
|
||||
this.getGXCareerPlanList();
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.Message,
|
||||
icon: "none"
|
||||
})
|
||||
}
|
||||
},
|
||||
// 获取生涯罗盘
|
||||
async getCareerCompassList() {
|
||||
uni.showLoading({
|
||||
title: "加载中..."
|
||||
})
|
||||
const res = await api.getCareerCompassList();
|
||||
uni.hideLoading();
|
||||
if (res.Result == 1) {
|
||||
this.compassList = res.Data.list;
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.Message,
|
||||
icon: "none"
|
||||
})
|
||||
}
|
||||
},
|
||||
// 获取职业
|
||||
async getGXCareerPlanList(){
|
||||
this.noMore = false;
|
||||
this.page = 1;
|
||||
const res = await api.getGXCareerPlanList("",this.page,10);
|
||||
if (res.Result == 1) {
|
||||
this.jobList = res.Data.list;
|
||||
// if(res.Data.list.length < 10){
|
||||
// this.noMore = true;
|
||||
// }
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.Message,
|
||||
icon: "none"
|
||||
})
|
||||
}
|
||||
},
|
||||
// 加载更多
|
||||
async loadMore(){
|
||||
if(this.noMore){
|
||||
return;
|
||||
}
|
||||
this.isLoading = true;
|
||||
const res = await api.getGXCareerPlanList("",++this.page,10);
|
||||
this.isLoading = false;
|
||||
if (res.Result == 1) {
|
||||
this.jobList = this.jobList.concat(res.Data.list);
|
||||
if(res.Data.list.length < 10){
|
||||
this.noMore = true;
|
||||
}
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.Message,
|
||||
icon: "none"
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss">
|
||||
$image-oss-url: "https://51xuanxiao.oss-cn-hangzhou.aliyuncs.com/Resource/xcx_sygh";
|
||||
page {
|
||||
background: #EEF1F8 url("#{$image-oss-url}/17.png") no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
</style>
|
||||
<style lang="scss" scoped>
|
||||
$image-oss-url: "https://51xuanxiao.oss-cn-hangzhou.aliyuncs.com/Resource/xcx_sygh";
|
||||
.head-bar {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
font-size: 36rpx;
|
||||
font-weight: 600;
|
||||
height: 60rpx;
|
||||
line-height: 60rpx;
|
||||
.go-back {
|
||||
position: absolute;
|
||||
left: 10rpx;
|
||||
top: 0;
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABUklEQVRoQ+3ZOwrCQBCA4UlyCVsrQauQdPYewcNYWXoHK1s9gYeYdIKlracYWYggkgiTnccuaB3D/+1sYEMKyPxXZN4Pf0DMBOu6XpZluQOANRGduq7bc+/nNoE+/gwAq3c0IrJ72H/grtDQ9UPxAPBAxDn3/uaAkfjQvUXES9IA6fiANZuARrwZQCveBKAZrw7QjlcFWMSrAaziVQCW8eIA63hRgEe8GMArXgTgGR8N8I6PAqQQPxmQSvxkQNM0VwDYfJ3dJ53nuef/7+vZx+l+9W8pxE+aQNu2CyK6ZwsI4VlvoQDI/iFOCcF+iD/3fgqTiAKkMIlogDdCBOCJEAN4IUQBHghxgDVCBWCJUANYIVQBFgh1gDbCBKCJMANoIUwBGghzwA/EExFn3HdkF8AYIpvPrO9VDu8TVVUdiKghomNWH7q5W2Xserct9Af0K/AChQ/cMY9OGScAAAAASUVORK5CYII=") center no-repeat;
|
||||
background-size: 38rpx 38rpx;
|
||||
}
|
||||
}
|
||||
.index-wrap {
|
||||
.content {
|
||||
padding: 0 20rpx;
|
||||
margin-top: 60rpx;
|
||||
.title {
|
||||
font-size: 36rpx;
|
||||
color: #010101;
|
||||
margin-bottom: 30rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
.section {
|
||||
width: 650rpx;
|
||||
padding: 30rpx 30rpx 50rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 14rpx;
|
||||
margin-bottom: 50rpx;
|
||||
.table {
|
||||
border-left: 2rpx solid #eef2fd;
|
||||
border-top: 2rpx solid #eef2fd;
|
||||
border-right: 2rpx solid #eef2fd;
|
||||
border-radius: 6rpx;
|
||||
overflow-x: auto;
|
||||
overflow-y: auto;
|
||||
max-height: 470rpx;
|
||||
.tr {
|
||||
display: -webkit-box;
|
||||
.th {
|
||||
width: 192rpx;
|
||||
height: 72rpx;
|
||||
line-height: 72rpx;
|
||||
text-align: center;
|
||||
background: #F6F9FE;
|
||||
font-size: 24rpx;
|
||||
color: #333333;
|
||||
border-bottom: 2rpx solid #eef2fd;
|
||||
&:nth-child(1){
|
||||
width: 60rpx;
|
||||
}
|
||||
&:nth-child(2){
|
||||
width: 250rpx;
|
||||
}
|
||||
}
|
||||
.td {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 192rpx;
|
||||
min-height: 72rpx;
|
||||
font-size: 24rpx;
|
||||
color: #333333;
|
||||
text-align: center;
|
||||
border-bottom: 2rpx solid #eef2fd;
|
||||
&:nth-child(1){
|
||||
width: 60rpx;
|
||||
}
|
||||
&:nth-child(2){
|
||||
width: 250rpx;
|
||||
word-break: break-all;
|
||||
}
|
||||
.checked-btn {
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 50%;
|
||||
border: 2rpx solid #999999;
|
||||
&.on {
|
||||
position: relative;
|
||||
border-color: #1989fa;
|
||||
background: #1989fa;
|
||||
&:before {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%,-50%);
|
||||
content: "";
|
||||
display: block;
|
||||
width: 12rpx;
|
||||
height: 12rpx;
|
||||
border-radius: 50%;
|
||||
background: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
.is-has {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAPXSURBVGiB7VlBbttIEKweLrXH5QKW4JuZH/gHa79g5RfEeoFpwBJ8o3Tz2gGkvCD6gZMXWE/QD8TcDDvA8hopntpDxlnZniFHJGMggOomcWbY1Wx2VzeBLbbY4peGNH3gzhkPRBCLYI9ABCISQUbiswjy5RKzfCJ5U/erTWD3nPHDAw5E8DeArs8eEjMSn759w7QumVoEds6YKIUTAHGV/SRyEUyWS7yvSqQSgXafxyJIqxr+HCRyEqMv72Sy6d6NCXQGTAEMN93nAxLT1QqnmzwNbwJRwihsIRUgqWyhH+ZK4ej2QjKfxcr31DDE+BWMB4B9rXETJYx8FnsR6AyYiuC4tmn+iFu/Y+yzsDSEOgN2AVw3YpbbiikAgC+cNLy7lFHRVp8n4OWJipgrhTd3/0gPhC1khrvnLMx0vxVdNBmnkVT5HAQm95dy+uM3cSCWeNBECqDnOscZQlHCKAyxELF6pha0xul6zo8Sxq0WFq71SuGNKys5QygM0X0N433woHHiulb0Dvy1kWV+GDqMLyxcUqCxrARMDvYSZr4gMHFlFFN5iwpX3O5z33bBSiAMETccPvPVEoXpEIJZ0WUSB7b/XSFkZVsFJHKlcFSmb5QUE1QKf1j/d9zUx/sfSUzJYs+JYOKja24vJCPgfLlJezq31gFR2HMckpMYPW9ETModW+TGvKySwjRFmkgtlXgd/gQcxs+CAD2bNw2ZXrvPWOT/WNUapy8OshiudXWdZQ8hjc+Wv/e1xtsilRgEaxVTMP3yTpzh1Rkw1RqLEq+vw7+QKfVysclKwzDEYueMVll9eyEZBFMS+fKr3fu754w7Ay6waVMk9lphJaC1u7CIIFIK43afH2xPQwlGIpjYsk67z32tcVNFXzmiwq6FooRRq4V/Pc717p7afR4DGFetL1rj0BaSTjHXGfDasxpnSuGwiIQZAnzYxOB1kMjvr+RP2zWnFiLxyfP8WGt3z2AkQL2e4rHhscBJIAgwK9En6+ia3uEJTDNyU1eWULud6SRgQsLJ3IKhiXPAvEda47q28cSsKB0XtpSmivo+BYggfWwBwxbSJjTVk9piQWlPTJaoyKeItca43edxEyMYolxHeQ22fuY0zgUSs/srOSxb5zUXuruUUZnqbBjZaoUjn4Xek7kgQO+VSGRK4dB3PrrxcLc94E8bMRYpXhcqjdd3zpiIIG247SydwtlQ+QOH0UsnJJJaRARTJRht4vWn22ti95yx1nhrJmvWxtuCjMDHQOF9VcMf0ehHPtNadkWwR36fbJj+Onv80Adgfn8l8ybvu8UWW/zC+A/xK5HWhynIGQAAAABJRU5ErkJggg==") center no-repeat;
|
||||
background-size: 90%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.job-table {
|
||||
border-left: 2rpx solid #eef2fd;
|
||||
border-top: 2rpx solid #eef2fd;
|
||||
border-right: 2rpx solid #eef2fd;
|
||||
border-radius: 6rpx;
|
||||
height: 400rpx;
|
||||
.tr {
|
||||
display: -webkit-box;
|
||||
.th {
|
||||
width: 250rpx;
|
||||
height: 72rpx;
|
||||
line-height: 72rpx;
|
||||
text-align: center;
|
||||
background: #F6F9FE;
|
||||
font-size: 24rpx;
|
||||
color: #333333;
|
||||
border-bottom: 2rpx solid #eef2fd;
|
||||
}
|
||||
.td {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 250rpx;
|
||||
padding: 10rpx 0;
|
||||
min-height: 52rpx;
|
||||
font-size: 24rpx;
|
||||
color: #333333;
|
||||
text-align: center;
|
||||
border-bottom: 2rpx solid #eef2fd;
|
||||
font-size: 24rpx;
|
||||
color: #333333;
|
||||
text {
|
||||
margin: 0 5rpx 5rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.no-more,
|
||||
.loading {
|
||||
font-size: 26rpx;
|
||||
color: #999;
|
||||
padding: 30rpx 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
690
packageB/pages/userCenter/fillInInformation.vue
Normal file
690
packageB/pages/userCenter/fillInInformation.vue
Normal file
@@ -0,0 +1,690 @@
|
||||
<template>
|
||||
<view class="index-wrap">
|
||||
<view class="title-h1">
|
||||
请先完善个人信息
|
||||
</view>
|
||||
<view class="item-list">
|
||||
<!-- <view class="item">
|
||||
<view class="title">就读学校</view>
|
||||
<view class="input-wrap">
|
||||
<view class="icon-input">
|
||||
</view>
|
||||
<input class="input-value" v-model="schoolName" placeholder="请输入您的学校" />
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="item">
|
||||
<view class="title"><text>*</text>学历(必选)</view>
|
||||
<view class="option">
|
||||
<view class="subject-item" :class="eduLevel===3?'on':''" @click="changeEduLevel(3)">研究生</view>
|
||||
<view class="subject-item" :class="eduLevel===2?'on':''" @click="changeEduLevel(2)">本科</view>
|
||||
<view class="subject-item" :class="eduLevel===1?'on':''" @click="changeEduLevel(1)">专科</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<view class="title"><text>*</text>专业类(必选)</view>
|
||||
<view class="input-wrap">
|
||||
<view class="input-value" :class="specialtyName!== ''?'':'placeholder'"
|
||||
@click="showZhuanYeDialog(true)">
|
||||
{{specialtyName !== ''? specialtyName: "请选择专业类"}}
|
||||
</view>
|
||||
<view class="icon-select">
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="item">
|
||||
<view class="title">入学年份</view>
|
||||
<view class="input-wrap">
|
||||
<view class="input-value" :class="startYear!== ''?'':'placeholder'" @click="showYear = true">
|
||||
{{startYear !== ''? startYear: "请选择您的入学年份"}}
|
||||
</view>
|
||||
<view class="icon-select">
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<view class="title">手机绑定</view>
|
||||
<view class="input-wrap">
|
||||
<input class="input-value" type="number" v-model="mobile" placeholder="请输入您的手机" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<view class="input-wrap" style="width: 710rpx;border: none; padding: 0;">
|
||||
<input class="mb-input-value" type="number" v-model="code" placeholder="请输入验证码" />
|
||||
<view class="get-code-btn" v-show="!isDownTime" @click="getCode">获取验证码</view>
|
||||
<view class="get-code-btn disable" v-show="isDownTime">{{downTimeTxt}}</view>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
<view class="btn-wrap">
|
||||
<view class="btn" :class="isCommit?'':'disable'" @click="commitForm">
|
||||
确认提交
|
||||
</view>
|
||||
</view>
|
||||
<uni-popup ref="pop_zhuanye" type="bottom">
|
||||
<view class="layer-inner">
|
||||
<view class="head">
|
||||
<text>选择专业类</text>
|
||||
<view class="close-btn" @click="showZhuanYeDialog(false)"></view>
|
||||
</view>
|
||||
<view class="content">
|
||||
<view class="li" :class="item.value == specialtyName?'on':''" v-for="(item,index) in showSpecialtyList"
|
||||
:key="index" @click="checkSpecialty(item)">
|
||||
<text>{{item.label}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</uni-popup>
|
||||
<!-- <u-popup :show="showYear" @close="showYear=false" :round="10">
|
||||
<view class="layer-inner">
|
||||
<view class="head">
|
||||
<text>选择入学年份</text>
|
||||
<view class="close-btn" @click="showYear=false"></view>
|
||||
</view>
|
||||
<view class="content">
|
||||
<view class="li" :class="item == startYear?'on':''" v-for="(item,index) in yearsList" :key="index"
|
||||
@click="checkYear(item)">
|
||||
<text>{{item}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup> -->
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import api1 from "@/apiB/user.js"
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
schoolName: "", //
|
||||
eduLevel: 2, //3研究生，2本科，1专科
|
||||
specialtyName: "", //
|
||||
showSpecialtyName: false,
|
||||
showSpecialtyList: [{
|
||||
label: '哲学',
|
||||
value: '哲学'
|
||||
},
|
||||
{
|
||||
label: '经济学',
|
||||
value: '经济学'
|
||||
},
|
||||
{
|
||||
label: '法学',
|
||||
value: '法学'
|
||||
},
|
||||
{
|
||||
label: '教育学',
|
||||
value: '教育学'
|
||||
},
|
||||
{
|
||||
label: '文学',
|
||||
value: '文学'
|
||||
},
|
||||
{
|
||||
label: '历史学',
|
||||
value: '历史学'
|
||||
},
|
||||
{
|
||||
label: '理学',
|
||||
value: '理学'
|
||||
},
|
||||
{
|
||||
label: '工学',
|
||||
value: '工学'
|
||||
},
|
||||
{
|
||||
label: '农学',
|
||||
value: '农学'
|
||||
},
|
||||
{
|
||||
label: '医学',
|
||||
value: '医学'
|
||||
},
|
||||
{
|
||||
label: '管理学',
|
||||
value: '管理学'
|
||||
},
|
||||
{
|
||||
label: '艺术学',
|
||||
value: '艺术学'
|
||||
},
|
||||
{
|
||||
label: '军事学',
|
||||
value: '军事学'
|
||||
},
|
||||
{
|
||||
label: '交叉学科',
|
||||
value: '交叉学科'
|
||||
},],
|
||||
specialtyOption1: [{
|
||||
label: '农林牧渔大类',
|
||||
value: '农林牧渔大类'
|
||||
},
|
||||
{
|
||||
label: '资源环境与安全大类',
|
||||
value: '资源环境与安全大类'
|
||||
},
|
||||
{
|
||||
label: '能源动力与材料大类',
|
||||
value: '能源动力与材料大类'
|
||||
},
|
||||
{
|
||||
label: '土木建筑大类',
|
||||
value: '土木建筑大类'
|
||||
},
|
||||
{
|
||||
label: '水利大类',
|
||||
value: '水利大类'
|
||||
},
|
||||
{
|
||||
label: '装备制造大类',
|
||||
value: '装备制造大类'
|
||||
},
|
||||
{
|
||||
label: '生物与化工大类',
|
||||
value: '生物与化工大类'
|
||||
},
|
||||
{
|
||||
label: '轻工纺织大类',
|
||||
value: '轻工纺织大类'
|
||||
},
|
||||
{
|
||||
label: '食品药品与粮食',
|
||||
value: '食品药品与粮食'
|
||||
},
|
||||
{
|
||||
label: '交通运输大类',
|
||||
value: '交通运输大类'
|
||||
},
|
||||
{
|
||||
label: '电子信息大类',
|
||||
value: '电子信息大类'
|
||||
},
|
||||
{
|
||||
label: '医药卫生大类',
|
||||
value: '医药卫生大类'
|
||||
},
|
||||
{
|
||||
label: '财经商贸大类',
|
||||
value: '财经商贸大类'
|
||||
},
|
||||
{
|
||||
label: '旅游大类',
|
||||
value: '旅游大类'
|
||||
},
|
||||
{
|
||||
label: '文化艺术大类',
|
||||
value: '文化艺术大类'
|
||||
},
|
||||
{
|
||||
label: '新闻传播大类',
|
||||
value: '新闻传播大类'
|
||||
},
|
||||
{
|
||||
label: '教育与体育大类',
|
||||
value: '教育与体育大类'
|
||||
},
|
||||
{
|
||||
label: '公安与司法大类',
|
||||
value: '公安与司法大类'
|
||||
},
|
||||
{
|
||||
label: '公共管理与服务大类',
|
||||
value: '公共管理与服务大类'
|
||||
},
|
||||
],
|
||||
specialtyOption2: [{
|
||||
label: '哲学',
|
||||
value: '哲学'
|
||||
},
|
||||
{
|
||||
label: '经济学',
|
||||
value: '经济学'
|
||||
},
|
||||
{
|
||||
label: '法学',
|
||||
value: '法学'
|
||||
},
|
||||
{
|
||||
label: '教育学',
|
||||
value: '教育学'
|
||||
},
|
||||
{
|
||||
label: '文学',
|
||||
value: '文学'
|
||||
},
|
||||
{
|
||||
label: '历史学',
|
||||
value: '历史学'
|
||||
},
|
||||
{
|
||||
label: '理学',
|
||||
value: '理学'
|
||||
},
|
||||
{
|
||||
label: '工学',
|
||||
value: '工学'
|
||||
},
|
||||
{
|
||||
label: '农学',
|
||||
value: '农学'
|
||||
},
|
||||
{
|
||||
label: '医学',
|
||||
value: '医学'
|
||||
},
|
||||
{
|
||||
label: '管理学',
|
||||
value: '管理学'
|
||||
},
|
||||
{
|
||||
label: '艺术学',
|
||||
value: '艺术学'
|
||||
},
|
||||
{
|
||||
label: '军事学',
|
||||
value: '军事学'
|
||||
},
|
||||
{
|
||||
label: '交叉学科',
|
||||
value: '交叉学科'
|
||||
},
|
||||
],
|
||||
showYear: false, //显示入学年份
|
||||
yearsList: [], //入学年份
|
||||
startYear: "", //入学年份
|
||||
|
||||
isDownTime: false,
|
||||
downTimeTxt: '60s后获取',
|
||||
mobile: "",
|
||||
code: "",
|
||||
isCommit:false,
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
},
|
||||
created() {
|
||||
//this.initYear();
|
||||
this.getUserInfor();
|
||||
},
|
||||
methods: {
|
||||
async getUserInfor(){
|
||||
const res = await api1.getUserBasisInfo();
|
||||
if (res.Result == 1) {
|
||||
const data = res.Data.data;
|
||||
this.specialtyName=data.SpecialtyName;
|
||||
this.eduLevel=data.EduLevel;
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.Message,
|
||||
icon: "none"
|
||||
})
|
||||
}
|
||||
},
|
||||
//显示专业弹窗
|
||||
showZhuanYeDialog(type){
|
||||
if(type==false){
|
||||
this.$refs.pop_zhuanye.close();
|
||||
}else{
|
||||
this.$refs.pop_zhuanye.open('bottom');
|
||||
}
|
||||
},
|
||||
// 选年份
|
||||
checkYear(ITEM) {
|
||||
this.startYear = ITEM;
|
||||
this.showYear = false;
|
||||
},
|
||||
// 初始年份
|
||||
initYear() {
|
||||
const currentYear = new Date().getFullYear()
|
||||
const years = Array.from({
|
||||
length: 5
|
||||
}, (_, i) => currentYear - i);
|
||||
this.yearsList = years;
|
||||
},
|
||||
// 改变学历
|
||||
changeEduLevel(INDEX){
|
||||
if(INDEX == 1){
|
||||
this.showSpecialtyList = this.specialtyOption1;
|
||||
}else {
|
||||
this.showSpecialtyList = this.specialtyOption2;
|
||||
}
|
||||
this.specialtyName = "";
|
||||
this.eduLevel = INDEX;
|
||||
},
|
||||
//选中专业类
|
||||
checkSpecialty(ITEM) {
|
||||
this.specialtyName = ITEM.value;
|
||||
this.showSpecialtyName = false;
|
||||
this.isCommit=true;
|
||||
this.$refs.pop_zhuanye.close();
|
||||
},
|
||||
//获取验证码
|
||||
async getCode(){
|
||||
if (this.mobile.replace(/\s+/g, '') == "" || !/^1[3456789]\d{9}$/.test(this.mobile.replace(/\s+/g, ''))) {
|
||||
uni.showToast({
|
||||
title: "请输入正确的手机号",
|
||||
icon: "none"
|
||||
})
|
||||
return;
|
||||
}
|
||||
this.isDownTime = true;
|
||||
this.updateTimer(60)
|
||||
// let data = {
|
||||
// mobile: this.mobile.replace(/\s+/g, ''),
|
||||
// smsType: 2
|
||||
// }
|
||||
const mobile = this.mobile.replace(/\s+/g, '')
|
||||
const res = await api1.querySendSmsCodeWithoutCode(mobile)
|
||||
if (res.Result !== 1) {
|
||||
uni.showToast({
|
||||
title: res.Message,
|
||||
icon: "none"
|
||||
})
|
||||
this.downTimeTxt = "60s后获取"
|
||||
}
|
||||
},
|
||||
updateTimer(num){
|
||||
if (num > 0) {
|
||||
num--;
|
||||
this.downTimeTxt = (num < 10 ? '0' + num : num) + "s后获取";
|
||||
setTimeout(()=>{
|
||||
this.updateTimer(num)
|
||||
},1000)
|
||||
}else {
|
||||
this.isDownTime = false;
|
||||
//提交题目
|
||||
}
|
||||
},
|
||||
|
||||
// 获取
|
||||
async getExperienceWeekDesk() {
|
||||
const departRes = await api.getDepartList();
|
||||
if (departRes.Result == 1) {
|
||||
this.deparList = departRes.Data.list;
|
||||
}
|
||||
const res = await api.getExperienceWeekDesk();
|
||||
if (res.Result == 1) {
|
||||
const data = res.Data.singleD;
|
||||
if (data.DepartId > 0 && departRes.Data.list.length > 0) {
|
||||
this.checkedDeparId = data.DepartId;
|
||||
this.checkedDeparName = departRes.Data.list.find(item => item.Id === data.DepartId)?.Name;
|
||||
this.startYear = data.StartYear;
|
||||
this.userName = data.RealName;
|
||||
this.sex = data.Sex;
|
||||
}
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.Message,
|
||||
icon: "none"
|
||||
})
|
||||
}
|
||||
},
|
||||
//确认表单
|
||||
async commitForm() {
|
||||
if (!this.isCommit) {
|
||||
return;
|
||||
}
|
||||
uni.showLoading({
|
||||
title: "保存中..."
|
||||
})
|
||||
let mobileCode = this.code;
|
||||
const data = {
|
||||
//SchoolName: this.schoolName,
|
||||
EduLevel: this.eduLevel,
|
||||
SpecialtyName: this.specialtyName,
|
||||
//Phone: this.mobile,
|
||||
//StartYear: this.startYear
|
||||
}
|
||||
const res = await api1.saveUserBasisInfo(mobileCode,data);
|
||||
uni.hideLoading();
|
||||
if (res.Result == 1) {
|
||||
uni.navigateBack()
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.Message,
|
||||
icon: "none"
|
||||
})
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.index-wrap {
|
||||
padding: 40rpx 20rpx 60rpx;
|
||||
|
||||
.title-h1 {
|
||||
font-size: 36rpx;
|
||||
color: #000000;
|
||||
font-weight: 600;
|
||||
margin-bottom: 40rpx;
|
||||
}
|
||||
|
||||
.item-list {
|
||||
.item {
|
||||
padding-bottom: 20px;
|
||||
|
||||
.title {
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
margin-bottom: 20rpx;
|
||||
text{
|
||||
color:red;
|
||||
}
|
||||
}
|
||||
|
||||
.input-wrap {
|
||||
width: 670rpx;
|
||||
height: 84rpx;
|
||||
border-radius: 12rpx;
|
||||
border: 2rpx solid #EEEEEE;
|
||||
padding: 0 20rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.icon-input {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAM1BMVEUAAAAwMDAyMjIzMzMyMjIwMDAzMzMyMjIzMzMyMjIzMzMzMzM0NDQwMDAzMzMzMzMzMzNtKHn7AAAAEHRSTlMAIN+/fzDvYM9wn49AEK9QVfMC+gAAAGNJREFUKM/VzTsSgDAIRVEiIf8o+1+tGcOkIjQ2etvDPOAbdV/bztzBzH6DFHjULD21zURTUf0XHg1OM55KqolqNkuGHe63BtEwSIY5wyAuI7+KgmUQ5i5nEgrmkmXxwlWFV91t2QjwOGHVAgAAAABJRU5ErkJggg==") no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.icon-select {
|
||||
width: 16rpx;
|
||||
height: 16rpx;
|
||||
margin-left: 24rpx;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAS5JREFUWEftltsRgjAQRXehEeyACQ1IJUolYiXSiRRAMnQgjTDRZdCJCOQhhB/yH+7JZnMWhI0XbpwPO8Bega4CjLELIuYeG7IBgJJznmGSJDcAOHsMV6MKAngAQLQRQEMA91c5jhsBFBjHcRSGIUH4rkLTtm3aNWEPQVfhbSFiWlVV+fGAT4h3OJ32S0SMsTMi0qtYbanhPwBrO0FKmQkhCvV0oypeQ0xSylwIcR2WdnIWLAxRkPXG7nUSgJoyCILTAoom5aZTTTU7DfuXQU3pKqrZ8NEmHJL+AaENNwJQRGVjy4ZzfjB5y8Y/JBbK7hRb1zWNXO0yBjBV9lA0OgIrAB2EbbhxDwxPMaZsl3BnAKUS9EQjRMxosunKbSUil4+57LHuAZeQuT07wF6BJ0iYZ7lPYQRvAAAAAElFTkSuQmCC") no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.input-value {
|
||||
width: 580rpx;
|
||||
height: 84rpx;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
line-height: 84rpx;
|
||||
padding-left: 20rpx;
|
||||
|
||||
&.placeholder {
|
||||
font-size: 28rpx;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
&::-webkit-input-placeholder {
|
||||
font-size: 28rpx;
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
.mb-input-value {
|
||||
width: 440rpx;
|
||||
height: 84rpx;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
border-radius: 12rpx;
|
||||
border: 2rpx solid #EEEEEE;
|
||||
line-height: 84rpx;
|
||||
padding-left: 40rpx;
|
||||
&::-webkit-input-placeholder {
|
||||
font-size: 28rpx;
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
.get-code-btn {
|
||||
width: 240rpx;
|
||||
height: 80rpx;
|
||||
margin-left: 30rpx;
|
||||
line-height: 80rpx;
|
||||
background-color: #1b88ff;
|
||||
border-radius: 12rpx;
|
||||
font-size: 32rpx;
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
z-index: 9;
|
||||
&.disable {
|
||||
background: #9f9f9f;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.option {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.subject-item {
|
||||
width: 210rpx;
|
||||
height: 76rpx;
|
||||
background: #F3F4F6;
|
||||
border-radius: 12rpx;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
margin-bottom: 20rpx;
|
||||
margin-right: 30rpx;
|
||||
text-align: center;
|
||||
line-height: 76rpx;
|
||||
|
||||
&:nth-child(3n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
&.on {
|
||||
background: #EDF6FF;
|
||||
color: #1989FA;
|
||||
}
|
||||
|
||||
&.disadble {
|
||||
color: #bbb;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn-wrap {
|
||||
position: fixed;
|
||||
bottom: 100rpx;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
z-index: 9;
|
||||
|
||||
.btn {
|
||||
width: 688rpx;
|
||||
height: 88rpx;
|
||||
line-height: 88rpx;
|
||||
text-align: center;
|
||||
background: #1989FA;
|
||||
font-size: 32rpx;
|
||||
color: #fff;
|
||||
border-radius: 60rpx;
|
||||
|
||||
&.disable {
|
||||
background: #F3F4F6;
|
||||
color: #bbb;
|
||||
}
|
||||
}
|
||||
}
|
||||
.layer-inner {
|
||||
background:#fff;
|
||||
border-radius:10px 10px 0 0;
|
||||
.head {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 120rpx;
|
||||
width: 100%;
|
||||
font-size: 34rpx;
|
||||
color: #000000;
|
||||
|
||||
.close-btn {
|
||||
position: absolute;
|
||||
top: 39rpx;
|
||||
right: 27rpx;
|
||||
width: 52rpx;
|
||||
height: 52rpx;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAHdElNRQfmChMLCDGRh9c8AAAAmklEQVQ4y7WUMQ7DMAhFnzpmRO3979ABqVN8m/YWdLGcqEkM+lI92Qb+R3wAPgRPjMoxnOANQRCsLGnIwtq98X5pCZvRuucLHuMxY9tYGvffD0tYdsA2ZbsEvWabAp4b09SPDlYp0t4JSAt0YPOhYEH4ja0m+jg+QvzMfKuh/CE9oRBCyQVxhTYSGlYYDWEIpXGXFou0woRl+QUj09L9Yg66GgAAAABJRU5ErkJggg==") center no-repeat;
|
||||
background-size: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
max-height: 640rpx;
|
||||
overflow: auto;
|
||||
padding: 0 40rpx;
|
||||
|
||||
.li {
|
||||
position: relative;
|
||||
height: 114rpx;
|
||||
line-height: 114rpx;
|
||||
border-bottom: 2rpx solid #f5f5f5;
|
||||
|
||||
text {
|
||||
font-size: 30rpx;
|
||||
color: #000000;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
&.on {
|
||||
text {
|
||||
color: #1b88ff;
|
||||
}
|
||||
|
||||
&::after {
|
||||
position: absolute;
|
||||
right: 10rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
content: "";
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAZCAMAAACM5megAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAATlBMVEUbiP8biP8biP8biP8biP8biP8biP8biP8biP8biP8biP8biP8biP8biP8biP8biP8biP8biP8biP8biP8biP8biP8biP8biP8biP8AAAAx8hE2AAAAGHRSTlMAH0f2c0SVAfc7bv6JI/hS+UhR+1D0jxRK42VSAAAAAWJLR0QZ7G61iAAAAAd0SU1FB+YKFBEcF+FCm4sAAABsSURBVCjPzdHHDoAwDANQs1cLlJn//1KGEIKqrY+QY/QOiQ2QiRgA4iTlRCTjJC9+QsqPSMVJ3ShGdCuiwgToegu5zrWQ+6MX8j39QMaby41MILoLmWC6JzKkgGFHI+voQKxGTLMshACrdu83CdwKBKKZxqUAAAAASUVORK5CYII=") no-repeat;
|
||||
background-size: 100%;
|
||||
display: block;
|
||||
width: 35rpx;
|
||||
height: 25rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.op-block {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 30rpx 40rpx 0;
|
||||
width: 670rpx;
|
||||
height: 115rpx;
|
||||
|
||||
.commit-btn {
|
||||
width: 361rpx;
|
||||
height: 77rpx;
|
||||
line-height: 77rpx;
|
||||
text-align: center;
|
||||
background-color: #1b88ff;
|
||||
border-radius: 38rpx;
|
||||
font-size: 30rpx;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
447
packageB/pages/userCenter/learningPlan.vue
Normal file
447
packageB/pages/userCenter/learningPlan.vue
Normal file
@@ -0,0 +1,447 @@
|
||||
<template>
|
||||
<view class="index-wrap">
|
||||
<view class="head-bar" :style="{'margin-top': barHeight + 5 + 'px'}">
|
||||
<view class="go-back" @click="goBack"></view>
|
||||
<text>学习计划制定</text>
|
||||
</view>
|
||||
<view class="content">
|
||||
<view class="title-h1">PDCA 循环法</view>
|
||||
<view class="banner"></view>
|
||||
<view class="txt-wrap">
|
||||
<view class="p-txt">
|
||||
PDCA循环由质量管理专家戴明于20世纪50年代优化完善并推广，又称“戴明环”，其核心是通过计划、执行、检查、处理四个阶段的闭环管理进行目标执行效果的持续改进，可适用于个人知识管理、技能提升等学习场景。
|
||||
</view>
|
||||
<view class="p-txt">
|
||||
<text class="strong-txt">Plan(计划)：</text>明确目标与步骤，包括现状分析、问题识别及解决方案制定。
|
||||
</view>
|
||||
<view class="p-txt">
|
||||
<text class="strong-txt">Do(执行)：</text>根据计划实施具体措施，如教学中的课堂授课、企业中的产品生产。
|
||||
</view>
|
||||
<view class="p-txt">
|
||||
<text class="strong-txt">Check(检查)：</text>评估执行效果，通过数据对比、因果图等方法发现偏差。
|
||||
</view>
|
||||
<view class="p-txt">
|
||||
<text class="strong-txt">Act(处理)：</text>总结经验并标准化流程，如将成功经验纳入培训体系或优化资源配置。
|
||||
</view>
|
||||
</view>
|
||||
<view class="title-h1">年度学习计划清单</view>
|
||||
<view class="txt-wrap">
|
||||
<view class="strong-txt mb30">
|
||||
请填写你的“年度学习计划清单”，并按照PDCA循环法执行和落实计划。
|
||||
</view>
|
||||
<view class="p-txt">
|
||||
说明:
|
||||
</view>
|
||||
<view class="gp-txt">
|
||||
<text class="strong-txt">（1）总目标：</text>
|
||||
期望达到的综合成就和发展方向，它是整个计划的核心和导向，如成为金融领域具有深厚理论基础和丰富实践经验的高端专业人才。
|
||||
</view>
|
||||
<view class="gp-txt">
|
||||
<text class="strong-txt">（2）课程学习：</text>
|
||||
为了达到总目标需完成的各类课程,包括通识教育课程、专业课程、选修课程等，如完成《计量经济学》的学习。
|
||||
</view>
|
||||
<view class="gp-txt">
|
||||
<text class="strong-txt">（3）实践活动：</text>
|
||||
为了达到总目标需参与的各类实践活动，如志愿服务、社团活动、实习实训、创新创业项目等，如加入金融学术社团。
|
||||
</view>
|
||||
<view class="gp-txt">
|
||||
<text class="strong-txt">（4）技能提升：</text>
|
||||
通过自学或参加培训等方式，提升个人技能，包括外语能力、计算机技能、专业技能等，如利用课余时间学习Python课程，并考取相应资格证书。
|
||||
</view>
|
||||
<view class="gp-txt">
|
||||
<text class="strong-txt">（5）职业规划：</text>
|
||||
对个人未来职业发展的系统性安排，核心包括职业方向定位、职业成就预期、职业路径设计等，如“通过投行实习明确方向一3年内成为分析师→5年内晋升经理”。
|
||||
</view>
|
||||
</view>
|
||||
<view class="target-content">
|
||||
<view class="target-tabbar">
|
||||
<view class="item" :class="checkedTargetCode ==item.EncodeId?'on':''" v-for="(item,index) in targetList" :key="index" @click="changeTarget(item)">
|
||||
<text v-text=" '学习'+ tabs[index]"></text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="desc-wrap">
|
||||
<view class="h3-title">
|
||||
目标描述
|
||||
</view>
|
||||
<view class="desc-txt">
|
||||
<text class="blue-txt">从【SMART目标制定】的数据中读取的内容:</text>
|
||||
<text v-text="targetForm.TargetDesc?targetForm.TargetDesc:'无'"></text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="form-wrap">
|
||||
<view class="year-plan-item" v-for="(item,index) in planList" :key="index">
|
||||
<view class="plan-title">
|
||||
{{index+1}}年度计划
|
||||
</view>
|
||||
<view class="form-item">
|
||||
<view class="label">
|
||||
课程学习
|
||||
</view>
|
||||
<view class="input-wrap">
|
||||
<input v-model="item.CourseName" placeholder="通识教育课程、专业课程、选修课程等"></input>
|
||||
</view>
|
||||
</view>
|
||||
<view class="form-item">
|
||||
<view class="label">
|
||||
实践活动
|
||||
</view>
|
||||
<view class="input-wrap">
|
||||
<input v-model="item.ActivityName" placeholder="志愿服务、社团活动、实习实训、创新创业项目等"></input>
|
||||
</view>
|
||||
</view>
|
||||
<view class="form-item">
|
||||
<view class="label">
|
||||
技能提升
|
||||
</view>
|
||||
<view class="input-wrap">
|
||||
<input v-model="item.Ability" placeholder="外语能力、计算机技能、专业技能等，及计划考..."></input>
|
||||
</view>
|
||||
</view>
|
||||
<view class="form-item">
|
||||
<view class="label">
|
||||
职业规划
|
||||
</view>
|
||||
<view class="input-wrap">
|
||||
<input v-model="item.JobPlan" placeholder="职业方向定位、职业成就预期、职业路径设计等"></input>
|
||||
</view>
|
||||
</view>
|
||||
<view class="del-year-btn" @click="deletePlan(index)">
|
||||
删除该年度计划
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btn-wrap">
|
||||
<view class="add-btn" @click="addPlan" v-show="planList.length<5">
|
||||
+增加年度计划
|
||||
</view>
|
||||
<view class="commit-btn" @click="commitForm">
|
||||
确认提交
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import api from "@/apiB/studentProfile.js"
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
barHeight: wx.getWindowInfo().statusBarHeight,
|
||||
tabs:['目标一 ', '目标二 ', '目标三 ', '目标四 ', '目标五 '],
|
||||
targetForm: {}, //当前选中的目标
|
||||
targetList: [],//目标列表
|
||||
checkedTargetCode: "",// 目标码
|
||||
planList: [], //年度计划列表
|
||||
emptyPlanList: [
|
||||
{
|
||||
EncodeId: '',//Id
|
||||
CourseName: '',//课程学习
|
||||
ActivityName: '',//实践活动
|
||||
Ability: '',//技能提升
|
||||
JobPlan: ''//职业规划
|
||||
}
|
||||
], //空
|
||||
delIds:[],//删除的计划id
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.queryPlanList();
|
||||
},
|
||||
methods: {
|
||||
goBack(){
|
||||
uni.navigateBack(-1);
|
||||
},
|
||||
// 切换目标标签
|
||||
changeTarget(ITEM){
|
||||
if(ITEM.EncodeId == this.checkedTargetCode){
|
||||
return;
|
||||
}
|
||||
this.checkedTargetCode = ITEM.EncodeId;
|
||||
this.targetForm = this.targetList.filter(item=>item.EncodeId == ITEM.EncodeId)[0];
|
||||
this.queryPlanList();
|
||||
},
|
||||
// 获取学习目标
|
||||
async querySmartTargets() {
|
||||
const res = await api.querySmartTargets();
|
||||
if (res.Result == 1) {
|
||||
this.targetList = res.Data;
|
||||
if(res.Data.length>0){
|
||||
this.checkedTargetCode = res.Data[0].EncodeId;
|
||||
this.targetForm = res.Data[0];
|
||||
}
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.Message,
|
||||
icon: "none"
|
||||
})
|
||||
}
|
||||
},
|
||||
// 获取单个获取年度计划
|
||||
async queryPlanList() {
|
||||
if(this.targetList.length == 0){
|
||||
await this.querySmartTargets();
|
||||
}
|
||||
if(!this.checkedTargetCode){
|
||||
return;
|
||||
}
|
||||
const res = await api.queryPlanList(this.checkedTargetCode);
|
||||
if (res.Result == 1) {
|
||||
this.planList = res.Data;
|
||||
if(res.Data.length == 0){
|
||||
this.planList = [...this.emptyPlanList];
|
||||
}
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.Message,
|
||||
icon: "none"
|
||||
})
|
||||
}
|
||||
},
|
||||
// 增加年度计划
|
||||
addPlan(){
|
||||
this.planList.push({...this.emptyPlanList[0]});
|
||||
},
|
||||
// 删除年度计划
|
||||
deletePlan(INDEX){
|
||||
if (this.planList[INDEX].EncodeId != '') {
|
||||
this.delIds.push(this.planList[INDEX].EncodeId)
|
||||
}
|
||||
this.planList.splice(INDEX, 1);
|
||||
},
|
||||
//确认表单
|
||||
async commitForm() {
|
||||
uni.showLoading({
|
||||
title: "保存中..."
|
||||
})
|
||||
const data = {
|
||||
EncodeId: this.checkedTargetCode,
|
||||
PlanList: this.planList,
|
||||
DelIds: this.delIds,
|
||||
}
|
||||
const res = await api.savePlanList(data);
|
||||
uni.hideLoading();
|
||||
if (res.Result == 1) {
|
||||
uni.showToast({
|
||||
title: "保存成功",
|
||||
icon: "success"
|
||||
})
|
||||
this.queryPlanList();
|
||||
this.delIds=[];
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.Message,
|
||||
icon: "none"
|
||||
})
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss">
|
||||
$image-oss-url: "https://51xuanxiao.oss-cn-hangzhou.aliyuncs.com/Resource/xcx_sygh";
|
||||
page {
|
||||
background: #f4f7fc url("#{$image-oss-url}/17.png") no-repeat;
|
||||
background-size: contain;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
</style>
|
||||
<style lang="scss" scoped>
|
||||
$image-oss-url: "https://51xuanxiao.oss-cn-hangzhou.aliyuncs.com/Resource/xcx_sygh";
|
||||
.head-bar {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
font-size: 36rpx;
|
||||
font-weight: 600;
|
||||
height: 60rpx;
|
||||
line-height: 60rpx;
|
||||
.go-back {
|
||||
position: absolute;
|
||||
left: 10rpx;
|
||||
top: 0;
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABUklEQVRoQ+3ZOwrCQBCA4UlyCVsrQauQdPYewcNYWXoHK1s9gYeYdIKlracYWYggkgiTnccuaB3D/+1sYEMKyPxXZN4Pf0DMBOu6XpZluQOANRGduq7bc+/nNoE+/gwAq3c0IrJ72H/grtDQ9UPxAPBAxDn3/uaAkfjQvUXES9IA6fiANZuARrwZQCveBKAZrw7QjlcFWMSrAaziVQCW8eIA63hRgEe8GMArXgTgGR8N8I6PAqQQPxmQSvxkQNM0VwDYfJ3dJ53nuef/7+vZx+l+9W8pxE+aQNu2CyK6ZwsI4VlvoQDI/iFOCcF+iD/3fgqTiAKkMIlogDdCBOCJEAN4IUQBHghxgDVCBWCJUANYIVQBFgh1gDbCBKCJMANoIUwBGghzwA/EExFn3HdkF8AYIpvPrO9VDu8TVVUdiKghomNWH7q5W2Xserct9Af0K/AChQ/cMY9OGScAAAAASUVORK5CYII=") center no-repeat;
|
||||
background-size: 38rpx 38rpx;
|
||||
}
|
||||
}
|
||||
.index-wrap {
|
||||
.content {
|
||||
padding-top: 40rpx;
|
||||
.title-h1 {
|
||||
font-size: 36rpx;
|
||||
color: #333;
|
||||
padding: 20rpx 30rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
.banner {
|
||||
width: 100%;
|
||||
height: 423rpx;
|
||||
background: url("#{$image-oss-url}/gaoxiao/academicEvaluation/pdca-banner.png");
|
||||
background-size: 100%;
|
||||
}
|
||||
.txt-wrap {
|
||||
padding: 50rpx 30rpx 20rpx;
|
||||
background: #fff;
|
||||
.p-txt {
|
||||
font-size: 28rpx;
|
||||
line-height: 48rpx;
|
||||
color: #333333;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
.gp-txt {
|
||||
font-size: 28rpx;
|
||||
line-height: 48rpx;
|
||||
color: #666;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
.mb30 {
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
.strong-txt {
|
||||
color: #333333;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
.target-content {
|
||||
background: #fff;
|
||||
padding: 40rpx 30rpx 0;
|
||||
margin-top: 40rpx;
|
||||
.target-tabbar {
|
||||
margin-bottom: 50rpx;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
.item {
|
||||
position: relative;
|
||||
width: 155rpx;
|
||||
height: 64rpx;
|
||||
line-height: 64rpx;
|
||||
text-align: center;
|
||||
border-radius: 34rpx;
|
||||
border: solid 2rpx #eeeeee;
|
||||
font-size: 28rpx;
|
||||
color: #999999;
|
||||
margin-right: 20rpx;
|
||||
&.on {
|
||||
color: #1989fa;
|
||||
border-color: #1989fa;
|
||||
}
|
||||
}
|
||||
}
|
||||
.desc-wrap {
|
||||
margin-bottom: 40rpx;
|
||||
.h3-title {
|
||||
color: #333333;
|
||||
font-size: 28rpx;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
.desc-txt {
|
||||
color: #666666;
|
||||
font-size: 28rpx;
|
||||
line-height: 48rpx;
|
||||
.blue-txt {
|
||||
color: #1989fa;
|
||||
}
|
||||
}
|
||||
}
|
||||
.form-wrap {
|
||||
padding-bottom: 40rpx;
|
||||
.year-plan-item {
|
||||
.plan-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #333333;
|
||||
font-size: 32rpx;
|
||||
padding: 50rpx 0;
|
||||
font-weight: 600;
|
||||
&:before {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 18rpx;
|
||||
height: 6rpx;
|
||||
margin-right: 40rpx;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAADBAMAAACzJDhFAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAALVBMVEUZifoqkvrW6v3t9f4Zifrt9f7W6v1BnftdrPt8u/ybzPy62/0qkvrW6v0AAAA9scLEAAAAB3RSTlOF+fmF+fP6+pjy2gAAAAFiS0dEDm+9ME8AAAAHdElNRQfpChgQCQN2b864AAAAGUlEQVQI12NgrJi1yYDBp2LW3gAGIHubAQA3mgZaYkKVQgAAAABJRU5ErkJggg==");
|
||||
background-size: 100%;
|
||||
}
|
||||
&::after {
|
||||
content: "";
|
||||
display: block;
|
||||
margin-left: 40rpx;
|
||||
width: 18rpx;
|
||||
height: 6rpx;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAADBAMAAACzJDhFAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAALVBMVEX+/v7t9f5Bnfsqkvr+/v4qkvpBnfvW6v262/2bzPx8u/xdrPvt9f5BnfsAAADw0cYcAAAAB3RSTlOF+fmF+fP6+pjy2gAAAAFiS0dEDm+9ME8AAAAHdElNRQfpChgQCQmWuiemAAAAGUlEQVQI12NgrJi1yYDBp2LW3gAGIHubAQA3mgZaYkKVQgAAAABJRU5ErkJggg==");
|
||||
background-size: 100%;
|
||||
}
|
||||
}
|
||||
.form-item {
|
||||
.label {
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
.input-wrap {
|
||||
margin-bottom: 40rpx;
|
||||
input {
|
||||
width: 650rpx;
|
||||
height: 76rpx;
|
||||
line-height: 76rpx;
|
||||
padding: 0 20rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 6rpx;
|
||||
border: solid 2rpx #eeeeee;
|
||||
font-size: 28rpx;
|
||||
&::-webkit-input-placeholder {
|
||||
color: #bebebe;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.del-year-btn {
|
||||
width: 686rpx;
|
||||
height: 74rpx;
|
||||
line-height: 74rpx;
|
||||
text-align: center;
|
||||
border-radius: 6rpx;
|
||||
margin-top: 50rpx;
|
||||
border: solid 2rpx #ff625f;
|
||||
color: #ff6157;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
.btn-wrap {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 50rpx 30rpx;
|
||||
.commit-btn {
|
||||
width: 335rpx;
|
||||
height: 80rpx;
|
||||
background-color: #1989fa;
|
||||
border-radius: 40rpx;
|
||||
font-size: 28rpx;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
line-height: 80rpx;
|
||||
}
|
||||
|
||||
.add-btn {
|
||||
width: 331rpx;
|
||||
height: 76rpx;
|
||||
font-size: 28rpx;
|
||||
text-align: center;
|
||||
line-height: 76rpx;
|
||||
border-radius: 40rpx;
|
||||
color: #1989fa;
|
||||
border: solid 2rpx #1989fa;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
740
packageB/pages/userCenter/personDocument.vue
Normal file
740
packageB/pages/userCenter/personDocument.vue
Normal file
@@ -0,0 +1,740 @@
|
||||
<template>
|
||||
<view class="document">
|
||||
<view class="head-bar" :style="{'margin-top': barHeight + 5 + 'px'}">
|
||||
<view class="go-back" @click="goback"></view>
|
||||
<text>生涯档案</text>
|
||||
</view>
|
||||
<view class="person-info" style="display:none;">
|
||||
<view class="img-wrap">
|
||||
<image v-if="customInfo.AllHeadimgUrl" :src="customInfo.AllHeadimgUrl"></image>
|
||||
<image v-else src="https://51xuanxiao.oss-cn-hangzhou.aliyuncs.com/Resource/xcx_sygh/avatar.png" mode=""></image>
|
||||
</view>
|
||||
<view class="txt-wrap">
|
||||
<view class="top">
|
||||
<view class="name">{{user.RealName}}</view>
|
||||
<!-- <view class="grades">{{user.GradeName}}{{user.ClassName}}</view> -->
|
||||
</view>
|
||||
<view class="bottom">{{user.SchoolName}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="section" style="margin-top:60rpx;">
|
||||
<view class="head">
|
||||
<view class="left-txt">
|
||||
<view class="icon icon-1"></view>
|
||||
意向职业
|
||||
</view>
|
||||
<view class="right-txt">
|
||||
限5种
|
||||
</view>
|
||||
</view>
|
||||
<view class="content" v-if="intentionJobList != null && intentionJobList.length > 0">
|
||||
<view class="list">
|
||||
<view class="item" v-for="(item, index) in intentionJobList" :key="index">
|
||||
<text class="name">{{(index + 1) + '.' +item.Name}}</text>
|
||||
<view class="cancel-btn" v-on:click="cancleIntention(index,2,item.EnCodeId)">取消</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content" v-else>
|
||||
<view class="empty">
|
||||
<view class="icon"></view>
|
||||
<text>您还未添加意向职业</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="footer">
|
||||
<navigator url="/pagesStudent/job/index" class="btn">添加意向职业</navigator>
|
||||
</view>
|
||||
</view>
|
||||
<view class="section">
|
||||
<view class="head">
|
||||
<view class="left-txt">
|
||||
<view class="icon icon-4"></view>
|
||||
职业兴趣测评
|
||||
</view>
|
||||
</view>
|
||||
<view class="content" v-if="interestResult != null && interestResult !=''">
|
||||
<view class="text-wrap">
|
||||
<view class="row">
|
||||
<text class="label">兴趣代码：</text>
|
||||
<view class="value">
|
||||
<text v-for="(item, index) in interestCodeList" :key="index">
|
||||
{{item}} <text v-if="index < interestCodeList.length -1">、</text>
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<text class="label">对应学类：</text>
|
||||
<view class="value"><text v-for="(item, index) in interestRecommendSpecialty" :key="index">
|
||||
{{item}} <text v-if="index < interestRecommendSpecialty.length -1">、</text>
|
||||
</text></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content" v-else>
|
||||
<view class="empty">
|
||||
<view class="icon"></view>
|
||||
<text>您还未测评</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="footer">
|
||||
<navigator v-if="interestResult != null && interestResult !=''" url="/packageB/pages/testReport/interestTestReport" class="btn">查看报告</navigator>
|
||||
<navigator v-if="!(interestResult != null && interestResult !='')" url="/packageB/pages/pagesTest/interestTestTitle" class="btn">去测评</navigator>
|
||||
</view>
|
||||
</view>
|
||||
<view class="section">
|
||||
<view class="head">
|
||||
<view class="left-txt">
|
||||
<view class="icon icon-6"></view>
|
||||
工作价值观测评
|
||||
</view>
|
||||
</view>
|
||||
<view class="content" v-if="workValueResult != null && workValueResult !=''">
|
||||
<view class="text-wrap">
|
||||
<view class="row">
|
||||
<text class="label">高分价值观： </text>
|
||||
<view class="long-value" v-if="workValueHight != null && workValueHight.length > 0">
|
||||
<text v-for="(item, index) in workValueHight" :key="index">
|
||||
{{item}} <text v-if="index < workValueHight.length -1">、</text>
|
||||
</text>
|
||||
</view>
|
||||
<view class="long-value" v-else>
|
||||
<text>无</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content" v-else>
|
||||
<view class="empty">
|
||||
<view class="icon"></view>
|
||||
<text>您还未测评</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="footer">
|
||||
<navigator class="btn" v-if="workValueResult != null && workValueResult !=''" url="/packageB/pages/testReport/workValuesTestReport">查看报告</navigator>
|
||||
<navigator class="btn" v-else url="/packageB/pages/pagesTest/workValuesTestTitle">去测评</navigator>
|
||||
</view>
|
||||
</view>
|
||||
<view class="section">
|
||||
<view class="head">
|
||||
<view class="left-txt">
|
||||
<view class="icon icon-8"></view>
|
||||
人格测评
|
||||
</view>
|
||||
</view>
|
||||
<view class="content" v-if="personResult != null && personResult !=''">
|
||||
<view class="text-wrap">
|
||||
<view class="row">
|
||||
<text class="label">内外向：</text>
|
||||
<view class="value" v-if="personGroupList1 != null && personGroupList1.length > 0">
|
||||
<text v-for="(item, index) in personGroupList1" :key="index">
|
||||
{{item}} <text v-if="index < personGroupList1.length -1">、</text>
|
||||
</text>
|
||||
</view>
|
||||
<view class="value" v-else>
|
||||
<text>无</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<text class="label">人际关系：</text>
|
||||
<view class="value" v-if="personGroupList2 != null && personGroupList2.length > 0" >
|
||||
<text v-for="(item, index) in personGroupList2" :key="index">
|
||||
{{item}} <text v-if="index < personGroupList2.length -1">、</text>
|
||||
</text>
|
||||
</view>
|
||||
<view class="value" v-else>
|
||||
<text>无</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<text class="label">严谨性：</text>
|
||||
<view class="value" v-if="personGroupList3 != null && personGroupList3.length > 0">
|
||||
<text v-for="(item, index) in personGroupList3" :key="index">
|
||||
{{item}} <text v-if="index < personGroupList3.length -1">、</text>
|
||||
</text>
|
||||
</view>
|
||||
<view class="value" v-else>
|
||||
<text>无</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<text class="label">开放性：</text>
|
||||
<view class="value" v-if="personGroupList4 != null && personGroupList4.length > 0" >
|
||||
<text v-for="(item, index) in personGroupList4" :key="index">
|
||||
{{item}} <text v-if="index < personGroupList4.length -1">、</text>
|
||||
</text>
|
||||
</view>
|
||||
<view class="value" v-else>
|
||||
<text>无</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content" v-else>
|
||||
<view class="empty">
|
||||
<view class="icon"></view>
|
||||
<text>您还未测评</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="footer">
|
||||
<navigator class="btn" v-if="personResult != null && personResult !=''" url="/packageB/pages/testReport/personalTestReport">查看报告</navigator>
|
||||
<navigator class="btn" v-else url="/packageB/pages/pagesTest/personalTestTitle">去测评</navigator>
|
||||
</view>
|
||||
</view>
|
||||
<view class="section" v-if="user.GradeLevel == 3">
|
||||
<view class="head">
|
||||
<view class="left-txt">
|
||||
<view class="icon icon-11"></view>
|
||||
多元能力测评
|
||||
</view>
|
||||
</view>
|
||||
<view class="content" v-if="1">
|
||||
<view class="text-wrap">
|
||||
<view class="row">
|
||||
<text class="label">能力强： </text>
|
||||
<view class="long-value" v-if="multResult != null && multResult.length > 0 && multGroupList1.length > 0">
|
||||
<text v-for="(item, index) in multGroupList1" :key="index">
|
||||
{{item}} <text v-if="index < multGroupList1.length -1">、</text>
|
||||
</text>
|
||||
</view>
|
||||
<view class="long-value" v-else>
|
||||
<text>无</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content" v-else>
|
||||
<view class="empty">
|
||||
<view class="icon"></view>
|
||||
<text>您还未测评</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="footer">
|
||||
<navigator class="btn" v-if="1" :url="`/pagesTestReport/customTest/multipleAbilityTestReport`">查看报告</navigator>
|
||||
<navigator class="btn" v-else url="/pagesTest/customTest/customTestTitle?testType=-27">去测评</navigator>
|
||||
</view>
|
||||
</view>
|
||||
<view class="section" v-if="user.GradeLevel == 3">
|
||||
<view class="head">
|
||||
<view class="left-txt">
|
||||
<view class="icon icon-12"></view>
|
||||
通用能力测评
|
||||
</view>
|
||||
</view>
|
||||
<view class="content" v-if="1">
|
||||
<view class="text-wrap">
|
||||
<view class="row">
|
||||
<text class="label">优势的能力： </text>
|
||||
<view class="long-value" v-if="universalResult != null && universalResult.length > 0 && universalGroupList1.length > 0">
|
||||
<text v-for="(item, index) in universalGroupList1" :key="index">
|
||||
{{item}} <text v-if="index < universalGroupList1.length -1">、</text>
|
||||
</text>
|
||||
</view>
|
||||
<view class="long-value" v-else>
|
||||
<text>无</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content" v-else>
|
||||
<view class="empty">
|
||||
<view class="icon"></view>
|
||||
<text>您还未测评</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="footer">
|
||||
<navigator class="btn" v-if="1" :url="`/pagesTestReport/customTest/generalCareerTestReport`">查看报告</navigator>
|
||||
<navigator class="btn" v-else url="/pagesTest/customTest/customTestTitle?testType=-28">去测评</navigator>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import api from "@/apiB/user.js"
|
||||
import api1 from "@/apiB/studentProfile.js"
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
refreshIfNeeded: false, //是否返回刷新
|
||||
barHeight: wx.getWindowInfo().statusBarHeight,
|
||||
user: uni.getStorageSync("userInfo").user,
|
||||
customInfo: uni.getStorageSync("customInfo"),
|
||||
intentionJobList: [],//意向职业
|
||||
intentionSpecialtyList: [],//意向专业
|
||||
intentionUniversityList: [],//意向院校
|
||||
|
||||
interestCodeList: [],//兴趣码
|
||||
interestRecommendSpecialty: [],//兴趣码
|
||||
interestResult: "",//兴趣测评结果
|
||||
customerGroup1: [],//学科效能
|
||||
customerGroup2: [],//学科效能
|
||||
customerResult: "",//学科效能
|
||||
workValueHight: [],//工作价值
|
||||
workValueResult: "",//工作价值
|
||||
multHight: "",//多元智能
|
||||
multResult: "",//多元智能
|
||||
personGroupList1: [],//人格
|
||||
personGroupList2: [],//人格
|
||||
personGroupList3: [],//人格
|
||||
personGroupList4: [],//人格
|
||||
personResult: "",//人格
|
||||
viewScores: false, //是否查看成绩
|
||||
groupDataList: [],//志愿
|
||||
examSoreInfo: {},//科目成绩
|
||||
subjectMatching: 0,//学科信心匹配度 0无，1低 2中 3高
|
||||
groupMatching: 0,//选科组合匹配度 0无，1低 2中 3高
|
||||
specialtyMatching: 0,//意向专业院校匹配度 0无，1低 2中 3高
|
||||
recommendGroups: "",//推荐组合
|
||||
suggestGroupName: null,//学校建议组合
|
||||
suggestReason: null,//学校建议原因
|
||||
scoreMatch: false,
|
||||
subjectMatch: false,
|
||||
specialtyUniversityMatch: false,
|
||||
myStudyCourseList: [],
|
||||
|
||||
multResult: "",//多元能力
|
||||
multGroupList1: [],//多元能力能力强
|
||||
universalResult: "",//通用能力
|
||||
universalGroupList1: [],//通用能力 优势
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
this.user = uni.getStorageSync("userInfo").user;
|
||||
this.customInfo = uni.getStorageSync('customInfo');
|
||||
this.queryStudentProfile();
|
||||
},
|
||||
created() {
|
||||
},
|
||||
methods: {
|
||||
goback(){
|
||||
uni.navigateBack(-1);
|
||||
},
|
||||
// 获取个人档案
|
||||
async queryStudentProfile() {
|
||||
uni.showLoading({
|
||||
title: "加载中"
|
||||
})
|
||||
const gradeLevel = this.user.GradeLevel;
|
||||
const res = gradeLevel == 3? await api1.getGXWechatStudentProfile() : await api.queryStudentProfile();
|
||||
uni.hideLoading();
|
||||
if(res.Result == 1){
|
||||
let data = gradeLevel == 3? res.Data.list : res.Data;
|
||||
// 意向职业
|
||||
this.intentionJobList = data.IntentionJobList;
|
||||
// 意向专业
|
||||
this.intentionSpecialtyList = data.IntentionSpecialtyList;
|
||||
// 意向院校
|
||||
this.intentionUniversityList = data.IntentionUniversityList;
|
||||
// 兴趣测评
|
||||
this.interestCodeList = data.InterestCodeList;
|
||||
this.interestRecommendSpecialty = data.InterestRecommendSpecialty;
|
||||
this.interestResult = data.InterestResult;
|
||||
// 人格测评
|
||||
this.personGroupList1 = data.PersonGroupList1;
|
||||
this.personGroupList2 = data.PersonGroupList2;
|
||||
this.personGroupList3 = data.PersonGroupList3;
|
||||
this.personGroupList4 = data.PersonGroupList4;
|
||||
this.personResult = data.PersonResult;
|
||||
// 工作价值
|
||||
this.workValueHight = data.WorkValueHight;
|
||||
this.workValueResult = data.WorkValueResult;
|
||||
if(gradeLevel < 3){
|
||||
// 多元智能
|
||||
this.multHight = data.MultHight;
|
||||
this.multResult = data.MultResult;
|
||||
// 学科信心测评
|
||||
this.customerGroup1 = data.CustomerGroup1;
|
||||
this.customerGroup2 = data.CustomerGroup2;
|
||||
this.customerResult = data.CustomerResult;
|
||||
// 个人选科报告
|
||||
this.viewScores = data.ViewScores;
|
||||
this.scoreMatch = data.ScoreMatch;
|
||||
this.subjectMatch = data.SubjectMatch;
|
||||
this.specialtyUniversityMatch = data.SpecialtyUniversityMatch;
|
||||
this.groupDataList = data.GroupDataList;
|
||||
this.examSoreInfo = data.ExamSoreInfo;
|
||||
this.subjectMatching = data.SubjectMatching;
|
||||
this.groupMatching = data.GroupMatching;
|
||||
this.specialtyMatching = data.SpecialtyMatching;
|
||||
if (data.RecommendGroups != null && data.RecommendGroups != '') {
|
||||
this.recommendGroups = data.RecommendGroups.split(",").join("、");
|
||||
}else{
|
||||
this.recommendGroups = "无"
|
||||
}
|
||||
if (data.SelectGroup != null) {
|
||||
this.suggestGroupName = data.SelectGroup.SuggestGroupName;
|
||||
this.suggestReason = data.SelectGroup.SuggestReason;
|
||||
}
|
||||
}else {
|
||||
// 多元能力
|
||||
this.multGroupList1 = data.MultGroupList1;
|
||||
this.multResult = data.MultResult;
|
||||
// 通用能力
|
||||
this.universalGroupList1 = data.UniversalGroupList1;
|
||||
this.universalResult = data.UniversalResult;
|
||||
}
|
||||
}
|
||||
},
|
||||
// 取消意向
|
||||
cancleIntention(index,type, id) {
|
||||
uni.showLoading({
|
||||
title: "取消中"
|
||||
})
|
||||
api.doIntention(type,id,1).then((res)=>{
|
||||
uni.hideLoading();
|
||||
if(res.Result == 1){
|
||||
this.queryStudentProfile()
|
||||
// if(type == 2){
|
||||
// this.intentionJobList.splice(index, 1);
|
||||
// }else if(type == 3){
|
||||
// this.intentionUniversityList.splice(index, 1);
|
||||
// }else {
|
||||
// this.intentionSpecialtyList.splice(index, 1);
|
||||
// }
|
||||
uni.showToast({
|
||||
title: "取消成功",
|
||||
icon: "success"
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss">
|
||||
$image-oss-url: "https://51xuanxiao.oss-cn-hangzhou.aliyuncs.com/Resource/xcx_sygh";
|
||||
page {
|
||||
background: url('#{$image-oss-url}/17.png') no-repeat;
|
||||
background-size: contain;
|
||||
background-color: #EEF1F8;
|
||||
overflow-y:scroll;
|
||||
}
|
||||
</style>
|
||||
<style lang="scss" scoped>
|
||||
.head-bar {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
font-size: 36rpx;
|
||||
font-weight: 600;
|
||||
height: 60rpx;
|
||||
line-height: 60rpx;
|
||||
.go-back {
|
||||
position: absolute;
|
||||
left: 10rpx;
|
||||
top: 0;
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABUklEQVRoQ+3ZOwrCQBCA4UlyCVsrQauQdPYewcNYWXoHK1s9gYeYdIKlracYWYggkgiTnccuaB3D/+1sYEMKyPxXZN4Pf0DMBOu6XpZluQOANRGduq7bc+/nNoE+/gwAq3c0IrJ72H/grtDQ9UPxAPBAxDn3/uaAkfjQvUXES9IA6fiANZuARrwZQCveBKAZrw7QjlcFWMSrAaziVQCW8eIA63hRgEe8GMArXgTgGR8N8I6PAqQQPxmQSvxkQNM0VwDYfJ3dJ53nuef/7+vZx+l+9W8pxE+aQNu2CyK6ZwsI4VlvoQDI/iFOCcF+iD/3fgqTiAKkMIlogDdCBOCJEAN4IUQBHghxgDVCBWCJUANYIVQBFgh1gDbCBKCJMANoIUwBGghzwA/EExFn3HdkF8AYIpvPrO9VDu8TVVUdiKghomNWH7q5W2Xserct9Af0K/AChQ/cMY9OGScAAAAASUVORK5CYII=") center no-repeat;
|
||||
background-size: 38rpx 38rpx;
|
||||
}
|
||||
}
|
||||
.document {
|
||||
padding-bottom: 60rpx;
|
||||
.person-info {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 664rpx;
|
||||
height: 174rpx;
|
||||
padding: 0 20rpx;
|
||||
margin: 65rpx auto 20rpx;
|
||||
border: 3px solid #FFFFFF;
|
||||
background: #EDF5FE;
|
||||
border-radius: 12px;
|
||||
.img-wrap {
|
||||
overflow: hidden;
|
||||
width: 112rpx;
|
||||
height: 112rpx;
|
||||
border-radius: 50%;
|
||||
margin-right: 20rpx;
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.txt-wrap {
|
||||
.top {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
margin-bottom: 10rpx;
|
||||
.name {
|
||||
color: #000000;
|
||||
margin-right: 20rpx;
|
||||
font-size: 36rpx;
|
||||
}
|
||||
.grades {
|
||||
color: #666;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
}
|
||||
.bottom {
|
||||
color: #666;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.section {
|
||||
width: 670rpx;
|
||||
padding: 30rpx 20rpx 40rpx;
|
||||
background: #FFFFFF;
|
||||
margin: 0 auto 24rpx;
|
||||
border-radius: 12rpx;
|
||||
.head {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
.left-txt {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 32rpx;
|
||||
color: #000;
|
||||
font-weight: 500;
|
||||
.icon-1 {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
margin-right: 10rpx;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABqUlEQVR4AexXQU7DMBBcW+09B0AcywvIE8oP+AF9Qg+AuFGugFTxAvoEfhB+0PKC5gxIcK7UmpkKqjSEdB1ZJIdEHtVxdmcn663tWFFc0dBFB5duDjgN9i/cB+xOFdSiEtDpyEBEeqK8jJFIRM6AnU0lAITHayYjk9VKTsrgnAwFF34pAr3yphKwoXCSvt+b5zIg8MvGXtHxE6Ag9DVZCzi8cj0UzgCFc10ETEH8TTzC89JCtFYS2sKnB9tCPsZiYdPO4ibGnCZweMTA6A/8CMBjdWPRFvIxVrcr871z12cGxqCkMX7+r0FEhGyNKaDK24VSGlsqCcVWhYcZqOIXzKcV0GagERlIUdK1wb7emqM6Ybke+wDZEm5eeR9uLkR+fNe9xXqc+IAClkvp532wufAIxvXdi68RRciX8sUMDvmtlmMY9mveGeD8v92ZGQr3JguOYRpU58CsRG8BmP8pTjo8ov8CdtZpllzT9xaAIHxLHmCKoIm5ZeMtYMs7wE0roBEZqPT/DTD9pEiZgSf2asLELhbygOBc1bgloxu2FbHh+/FT8KHL2F8AAAD//4kh6/oAAAAGSURBVAMAtjRliSH3kwIAAAAASUVORK5CYII=") no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.icon-2 {
|
||||
width: 27rpx;
|
||||
height: 32rpx;
|
||||
margin-right: 10rpx;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAgCAYAAADjaQM7AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAH4SURBVEiJ1dfBa9NgGMfx75sWUxglRdCRophTdxAlTHpz2DGvQ8GT8yjMqwevsp62y8Sz/QP0KszjYIGO7SBjAUFY8VDX0aJisSsTgyavB9vNicmbdkvR3zHv8+bD+7wvb4gAWNq0LdAWpKQEWCQS6Yrymp07o2vbySFH0fSM9nQUEIAmpSyNAgLQQFgjxEaXgTFDNzF0cygsHadIT2UpmncpmnNk0tnD57W2w2p9mY7XioWJxY1JGVVg6Cb3Llcw9HxozWp9mdetF0osso1xIICb1iPGxwonw66cm1VC/dyZeHIy7Or52VgQgKHnlQdH0cZ4q+qncHZ6OExPZcOGQtPxmsNhnt/l24/uQJiqPrKNbz6txIY6XpPd/a3hsWqjEnt11UZFWROJeX6X52/nlXsBcMm4pqxJzdw3y1EFB98/U2s76Kks42MTx8Z297d49a5Mx2tSNOfIZfLU2k7ou5TX1e/5BRbIpLN8ONg5didevzDP1MUHVBvPWN/7e0tjXcT9eH439BCs71XoeC0+ft0JnT8Qporq9P7bH8//Bvtzz14KgZsEFAS8P8R8P5h+POU6SUD99DDpJgktbkw+BG6kgXpSyFHkLRAlTQgcEHZPTzRiadO2pNTWAAukC3w5bURKYQtBTkD/lym1EATythDkThvrke5P22GeWTkOvPwAAAAASUVORK5CYII=") no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.icon-3 {
|
||||
width: 31rpx;
|
||||
height: 32rpx;
|
||||
margin-right: 10rpx;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAgCAYAAADqgqNBAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAMMSURBVEiJ7ZZPSJNhHMe/z97X+W7TfLNWQxPfylLDYAqSSqEdhLl5MDwUnewQiL4XDwXRwTp0CyyS6Fb3Dl0U6qQpvovAKRFOpHQSOHGo7zT1nfvz66CTbW66iXiI/W7P8/y+v8/7+/PwvAxHsE6nTeLA9TJCB4DhEAs/eFf/2ZNpHF2mAllpaeNIN2TQGe/Vnr/tEXhjBR/hJuTR1qZMY7GMwE57L4g9u3iqYrrafLMiuj++NLI4vz5jYcCrNw2DPccK73TaJJ64TzrGWazmBlHKLxcSff78/b04vjQiRij8Ld02HAqXlZY2AuszcCZLY3GrZso5Jaby3QiuqV8XBjQtuCkgwu703xoYPjI8VZkBYCO0Dn9gBWJuIYx8fpwu3TYkhR9WZveqC+4V1966srAGladr4mKk04Z90x6dZoEzVjSXtAuJYN+WF+4VF4oMpY/6GwZZgd78xL3igm/LGxenJO+ypbmkXTvoNsRlflCZo/ZL/YkZ9Yf28sZHQ3Tv8fe7vrKCqrNlYlUySco2MCC9aY7N3On9EjILxbVPq99Ovpjosnq35ifqLM0oMpWmkiVtA+t02iSOdEPpTHPURhYG4d9eVnOZoGrhzQvnjMV8naX5MFncbQjpwtVc/cPyXgNnkuzSfYuey02ZcayV5l+FwBkEI58nXiq4pqssrDlcBEDP5QpXxOt5c2vTIIR5PhLCfIALiLHTm4n5A8vwB5Yz0mxHAiCQyucEcz6EdNuN7lVXtNxNACYBqASSGDERDJMAAIKVGKkMzANABGAFMLxzlOAbEyfRFwD4gP71vq+SFQfJo7YmAOgas3d0K/a5mLMh2WnvBXaGVFYc1Om0ScDOTZEVx1DUt1uxz3WN2TsAQB61NcmKgxJZGb9qx2lZeBaehWfhWfj/B2e7v1DvCSQBAAOTCOQBgN0nUtxbg0kgqMRITeoLIPYs6pskjidC1MNkxTFRZCq1FujPnFC+gE/zwre14OEJJAq8SSsUzIsnBV8LrmqMmIUnwvNZdapv1j8lnRScQB4Cev4BQmp+U4L3kQsAAAAASUVORK5CYII=") no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.icon-4 {
|
||||
width: 32rpx;
|
||||
height: 31rpx;
|
||||
margin-right: 10rpx;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAfCAYAAACGVs+MAAADWElEQVR4AbRWO2wTQRB9ewln0yBDg5AoHKQ0FCRRGiQKYkGFgxRLoUTYBTWmIHEX3DlpYiihsBElkRwpcSqQI6FIaSISCppI2AUSoiEWTUIS3TKz5zvrfvadZUY3t7OzszNvZm93T8MgVMsnUC9UiJuKtxZXUSskB3EVHQAH12MNCpYl5qBJSJGHLmvgMVJGeaID0OPPADEJD5EuFlvyqPsoogFQGcp8oE8p5qIuRTQAZvaJQABAEjqeIAKFB9Av+27QbJQqhAfQP3sLQqQqhAOgtliPtbdCd9ss6i98PtSugSV5AfDEjYU5bC7kwft7s9CgdW0CIoHwRNtz5Avqi8SFivLFPjkRtZRdRyYADmoeLBKgiZpWg9BWwftbYAYDk+AqZJUv9qmjCT1+hK1CAxsF5VczPxjNOlgGDhVposQMNDQ4toYYKohWXgyNdLmqQYLWC0Ohuas3Ubk1j+TFyyH9iUn6BmQbQ6DJS9dQm36M7PVpMJCwLgmAeBXWOMguMRpXwXm8fXaM9V/fWAzDVQ3pUhWQ+/2suawzV274mi2N37fLXjz8hNbxka+dU0kx06UiVYDUp39TENhGAHGGzdQCGrefYmn8nsOKQeXH7igdZ15u7Si590uug2OSkQkgU27jQSlFfaoGvV1P+/zEzuolZWuBYGCViXllzVnnDj4ouc+rivRyBhyTDE0AJKgnXcpR6wsitfvWA6Iy8cgufe5gDQyU5vd6KLiKYds4AbCaQQh4loMzdIOwvvZycwfbv7+jJ7FP9u0y8gJgA4l33LiZQUx9fo39Pz/tIdYVDz/a/UAhwKc/gEAvUGVO7b5B9ceeWpLM3nul6zHFHDIM3/PGH4CQE+Ys/zevde7rGsYaK45q+Ft3tCPibkdyNP4AJIZ2PMMiQ/DNaPXs1h+A71+vPWcwQciQAMwfhuFXgG9c07cjAW8F9Av/IXgn5mjcUwUvgI5tqEaCzgvZ9x6BRedowUVeAKdnHiPXHO62YCCF2VKKjtUpJfNBwyOBLGkbnhA7DbwA+IyWxnOnmd1jcDmkS2N4WKLsO3qW+S5hUEE3q5RF6/zvzFKNFwCrZ1fKMIwMzKwoqOQym4HV9c1GPsxA0stTNJKjK36duE1/XAw0B/ZJA+7nHwAAAP//fvvjBQAAAAZJREFUAwCMpRtDiL0m1gAAAABJRU5ErkJggg==") no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.icon-6 {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
margin-right: 10rpx;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAfCAYAAACGVs+MAAACGklEQVR4AeyW0XHaQBCG/2VSgCuIzx04HZgOQgdxB9Fk8ox5zmTkDuIOkg6gA9yBDypIAR7W351sYEDCaCzkF+9o7w7dsv+/e8stAy/DVy/PH1DvWecJeyD5WFJQ/3IpeQkBsdB7SUgE3gs8434Q6CsD93q0IUV3m/O+NfRAwO8kG9rPOJMGE+3IiQnYjRXLayvi/wp3Na7mzXhCAgk8riP28vMfyb5rR1oQsBvJLir1vbPUtqysIOoMzm135uX5XLJvqpEjCRipjBOcxkqXhTIZca7aFlJtI/sRM0HAuWEdcDVedkcQ8FtAX6IJOD0TwjvILKhsQxUloTbk/T8h2CXwKUtmxobnFQJ+RxERrbi1A8D+lxWNK4wB4LME4MyKRTqaL1bEeyHsEbG/Co6pDhHA8fI6GeEQsOwQx0pr6sFTN7vSswBO+qFXBs4624bnrYNTEwEisdHmm6uSdQJnWj8A+JQCQ8MVJC/RseRUuyCpo6SOAJHYaBNR/vkQVaM/suBTgCk2JzONdrUbdQRIfYzJuorIDoEnszdpHQH+IaUiS5G3j6gtmzoC+EjAp40ckPw0EMh7vQwfBFIGcsX3ku99kBkELN12u01l37T7NwRukwEXDr/7BU1kYVb0qhdWxJSB7kNr45EjaGPevW0jAa7h4L9oMl1oGXYb2TqSWgKApwbzoE80mS5UPvffoban1BKAHh1RSXVqeQIAAP//TF3sLQAAAAZJREFUAwCBRGeYQHx5OgAAAABJRU5ErkJggg==") no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.icon-7 {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
margin-right: 10rpx;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAMmSURBVFiFrZfPTxNBFMc/0xaxISGLhgMEY1UuxBgK6RGT9iBX9eTR9catBWrire3ZxtabN8pfIPEIMW30SkxJ5KZxjUm9GNiYSKmA42Ha7rbsrxa+SdPJzNv3/c6bmTdvBANCrqET4ikQB+pAQRSpDeqnAxGYOEOMCBtA0mG4NqwQXwEyQ4wwOQS6rzdJhTMKooxxKQLkGjqCHIJYUIeACZQ55bUoYw4lQK7zCCgNSOwkpCCKlAMLGCjcQSExEDxz2x9dATJLDshfGvF51BCsipfUewS0Z129YLiDwkSQsouItI9WMPKoBgkdpufhqgbHJjT24PMWHBpBPGhISkCq0yFklkNA8yVeSsNy3t1mtwLbhUBCRNFa+ogv+UQM9LcwHff2mtDhdhLepIJGoyvAG/3kjTp8ranQT9yEO0n1A7gWg5UqlBeg6ZsCAghI6L3kH8vwbrXXZqeg7J5sWCKW0qo/AEKeo/fTVnu3cp7cPradt32XUfsmDIwOKyCq9c5+22dGOwUr7FENFuOwiPWbdBMgXS6OKRt50wy2sRq2HDMTsxZ4FJh1FuIegeNgm6iLcWDMx6YtRL6gKp8T9xZgn3FUU8fRDTPAXeC6LWpHhosxECaJVCLcBTRNddw6WM45240CN4C5HIy0U8qJCb9qzvYWNCQl71Owu2m1Ezo8cBAxBsxmYC5v9X3xvIHtiAu5zjfPi2ilaiUagAMD9rdUIopqcO8h3LKNHxnwfkFFwQ2fgJZq+guIakqEXyrukH9Iea9/n4AQwqdsappQWuhNNE74XlEz9yMHOLWaQq6zEbgCmoip5ZieV5EBONiDVsU75Ha0UBHoCrhoQTKOOoJByffphh8gJMoYnJGCIR8XfwLa/QT2esmBWm9RmiUJ5HB+fLhjBpULnPAb+NH+74Uqz5y+Gaosn2yL6Nx+LcAADhxsBVucsCrKGK4PE5lBI0IayOBXNXUQBqb4iwAaXOGs3ykGkoJ4RcXS4oOBhLSfZoBJhBygo1KugaAiipy70wd7nLo9WiQGIR731/wyg8YIsf7+oQR0nWZJIkgjSQJ1/rFpD+mg+A9dEv37gzwmcAAAAABJRU5ErkJggg==") no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.icon-5 {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
margin-right: 10rpx;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAKSSURBVFiF7ZdNSBRxGMZ/s7Pp6n44SplEwUBGeSjWPhErBmI7FQ2UFFi0EXTNoIsn7VLQxfZWEhh0KiIvnjqkh8AOsbtgFB1qIy1py7RWzY216fDfcdd1x51dZe3gA8uwzDvP87zvfz6eP/zHUNeSqw8wgBgQLNGMAnQAg2muSDEXx9SDLmPPSY/hrJSMNEEfoNm4VgN6gEmnSzJ2n/AY7XcbTI4lcFqxuLwO9JubCFyvI/wkwatHiWAingoCD4BLOeUKYlKnAK12m5N9bT78uofqWpmf4ylLt5YGTLjrZI5cUWi9XMO757OEnyZa3r/4bZ5WgYtAhyShNB6t5sA5H42HqwrR2jdgwiFLNAXcNAXcO5EIzyVSvbdbRm+562Sl+bSXvWe8KFts0xVvYBEMmmWn3A0oF+43UL+joiQaAAfi5ooh1rHscJB5zPQya0eASGlLsHJogB/EBNYU6wbWDawbsDQwPTHPzI/5VRGZS/wt2kBoLJokdHyU/s5vfHmdLEn4U3iOx9fi9LZ9BvEZXwKrN+EdYCiVNK6ODEwHRwam2eqv5FB7DbuOVSNvkCxFU38M3j6b4eXDX4y/SU4BQ0AofbRtACCKCB43AG0smuwai8ZVz0aZ/Wd9bG+t2pxT//XD8Oxwf+d3fWZi/iOi4xAwtYwGIKKSgYhRaoFajXRelCtEVGvrqTfO32vo7o6prnRNIQ4F6MrSZTLrj93spyK+ojFE6CwkaprvyaOHTia5Zv9i2JvKcjC7jeThH0Sk5gWoZMJJvuIg9kOLRv6mJhFNaYUIdDJ7g1wCqyXSyD9iswG9iAYWoCI6zzdCc9OSvfnIPd9ViqgV/FgvUdEjXimCLO7avKHKHmxVVncTW378A9QT5wUjCfL+AAAAAElFTkSuQmCC") no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.icon-8 {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
margin-right: 10rpx;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAgCAYAAADjaQM7AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAJtSURBVEiJ7ZfbVdtAFEX3zHIBooLYFTBTAZ6VAmJXgKkAqABcAbiCuIPQgUwFGiqI6EAFZM3kY65svQAR7L/cL83z3HPuQ5JirOXFFJiDugQyYCorHpQnhFc0W5yt3rpCjQNRd8BqhEsVWj0SwmYI9H2wvLgB9TACpGslxCXO+nFgzy93hHjfvwSPVp4/4XU/O9HfCHEOGJEYoILomoDDYH1GJcQ1zm7f5dOXvAWoBw7MO0BbnJmNAgoscOYKrWpFMlC/6i19sORZbTucuRp0KC+y9qS+RqsH8sJwcb5uAE7JixU9GROr/DARnaR2DpQ4s0z7fC6pv0vlEF2SDIOzuz3TdG4qYXAdZuqyMSjlYB34BXlhZK2SS1ayr8TZag8E4GxJiJs9OzBdGRc9yZx9SpLEK5z15P5nZ5+Rgu+bppH6+mLSkHDaSFtazxfn6/1ziM9olTUAK0kokbhYCFsvpSIWW8w6AScb9Pi73UrsSoi3KVMllgCoHyI9hLYChwTpJQcATyJfv9/lxQJnn3rzh/VmggCUH4HR6HcvgMfZcmBPF2glJdRUxh9iFjBDVQdkqW2JX7mvJBs9qBJNYh1iHfP5QEgAKiWeZKCKjifHNa3uExetr08KBBDCRgmr329QP5btcMZpYXVKICCuATQh3pwY6LZuYzpl1clsi7OP9UBDXEKcodUJGMZ1czSR7lCRFy9jvn++YsNl/B/sn8FSen7cZI8CBkDcSJOtrTpmabTBnH2EOINoIZ7hzBnE22OBTXozqRS+ysaD2uFMKyx9sM9Z1fmL8fKCHfyTGQNWyqUlUKKVJ4Tn/SfcJ+wvprryJJDJBdEAAAAASUVORK5CYII=") no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.icon-9 {
|
||||
width: 26rpx;
|
||||
height: 32rpx;
|
||||
margin-right: 10rpx;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAgCAYAAAAMq2gFAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAHESURBVEiJ3ZcxctpAFIa/X5MZ4845gcUNnBNk0nhUkgqTCt8gnAB0AuwbyI0hVXCnSRNuYN8gOoKrgBu9FEjMSsgWxIhk/Fc7b7Xvf//u27dPAgi+2RCjD/jsFwkiirsKlZGM9kxQhBh5mZJmYfQ99r9dVfC9A5AAcDCid2WDwUzGIO4pce3BxHwTY0HHtacpn3980cy1nd9ax/P47to2FFWRAMQ9JTIGu+lw/AZTs4LDC+mlBeXvt8XbS4Z/l3XBxPyqZMjn8nFVtuXYKutMjF2HLomJcW3oz2Aj65rC20uG/4hIjDDaBg9NEiVxV2FW566bIzLCfBj3FAFJcZpHg8fXEiWZc85vrQOgtKAqkfHhaUEbiOqICpXB4ErGHcByuToTp0OaLZ6Ijo4ZCk4wQqeCXAYTuylJ+Og2PYULu1zwfn6p9VYEE/MRPwEf41Pc0zwnji/UzgOJuwopIVv7q1JR65j7YGp5lBicCU5WITEE5svfXLda3DhqR8HU+mye35n7sO1WgjJVecQm7teB1GC3C7tStR5vSwJ/UVSVMkg9TgVfd1m38R7VwTzGLzYVz8CjdIgNIfFQ/WV7NUQkOMxvyx8J8rz3lpEgKQAAAABJRU5ErkJggg==") no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.icon-10 {
|
||||
width: 27rpx;
|
||||
height: 32rpx;
|
||||
margin-right: 10rpx;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAfCAYAAAAWRbZDAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAL6SURBVEiJvZY/TBNxFMc/r9dKQ69QjG0RNDmQBBbiDUJqXBCcaRyMiWEyYXBSF4yJDAQTBwdxYlIXQsJmd8HEBHVgKGHRmEATA+Gf4QTqn5T25wAt0N5xUMDv+N6993nv/d798hPKlFEbMrScZioRQ0QuK+gQRUiJGppdXB2wixHXpKFQCJ/P0DRMUVxWgonCRAg5xWT/ZGpSlmUV272u1YKR96vd0iyUeitISgnT2SzJ1MpKsrE2PCdg4CcElMKMcNjUNF6gMIEQnt12RWEpSIqQVEpNe4Tk80cXrI6Y3/J6vYZSOQPAA6bevpJ0m5IUqrFRle6xNE28mke8Z3ziL/YHdQ893TXEb1SlAlcmG/K5FKQKHyksEZJZMgNeJxDA+mbO8VwAWIaF5QwKSe0178u5PSZTw2cUzmxyrIlgQCt8k3j3k/6hReJdVQw+PF+wD4+uMjz6g8EHtcRvVO8Uv63ZxZUGu5ouRcNrgFmA7QUdVQId6alrc8V2lVM39faPSSVYAobXLrhMpFECE9l3DJ6Tg7nrULCRxBrXbn9jeHT1WDDXMU583iQxvg7A8OgP6iK+smGunW2kczQ3VvDq2UWux3QWljOnB+vuqub1s4u0tVby8kk9PfGasmGOY+y8qgO7/1Jefb0RmhsqaGutPDlYMKCVgPJysrvpv66+bWcb6SwLSxnW07l99vqIj7qoj410li+zf20TtjRWFG6jra2tlCvs/tN5pmZ+2yabHGvi7uPvfHWAdcZ0hp7U2/psYT3xs7S1/imxBwMawYDGvTvn+Dpb6ge4csDi2MI6YzqdMd0xyM1/JNhIYo2pmV+sp7OHStLS6KevN1IebGrmFxOfNw8FAlhY2iof5nTAx5Xj6k98OnxnxWprraQuWnph28L6XyweaYzFclp/W1hfb4TrZWxbAXbVPtYWVhf1EY+Wd/8dpNO9G/1+C0DU9lNdLtWG3wMdwYDnWC8sO80vZ1Kw845UWNJ7yzDHP6TfiGCeKGmvFJZCDfwDa27tlQaAF3UAAAAASUVORK5CYII=") no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.icon-11 {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
margin-right: 10rpx;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAMfSURBVFiFvZc9SFtRFMf/574YGk0hkx+bBDIKcYtC2yc42CyxICnoUBuhU8F26xYDHTpVQzsJajroIF1c1MFiaEEz1bRuDQ3Z/Jgc1KDx3dPB+Exi3st9UfuHB+/j3nN+9757zzmX4FDF/vA4Mb8goiAxZw3mhCeznnZq50qk7Dg01E1EC0Sk3zDCnG4WpCFAMTTULYSIAxhXsJeSUiY8mfXCnQAU+8PjAogD6FY1COAIwIz79DRJ2fRRUwBnfU+HQTTt0PENEGZOPNhem1EGcDjdqipIKV9arQ8T4Kw/HAcwdYeOqx0xp0H01r21mq16Xx715i2nW1VHBAxUQrg0ogVWdE6d7aCA37x4/xCcy0P+/A3sH6qY8EnmaQADJgATBVV6arFRaBNjlt+N5RUYc4vA8Yn9IGriiADgs+3hbUPL13lb5wCgRSNoSX0CdbbbtquVq1EDbWIM1NVhPvPeAeSPDDiXN3+F6O0BAFBXB1yfP6A0ErsbAPEoBC0aMZ+NuUUY80s320UjcE2+MiG02GjddnV92H58Pmzey+/blkbl1f+v0+9WABTwm/cXyVlbQ8b8Eri8AMnbprwWBJjrJ47OdpC3DQAuDStsM/7zty68PYCF6KFXyUB1J7XsXgwNmVvREoBzecdTWjlqmctbthNCbJZDv/0aqJzShnEgNur0l00VQ0O6LYBc+3ZNHR6EVt5qtRLhwSrAyh1hJyHEE9s4IFc3YAT8ZizQohGI3h7Ind3LQFTODeJx33WfnV3I5RUlAKhEQmNusTraBfzQLFY47x3AeP9R2Tkx+wSI7Mum4xNcvH6Hi+SsuSitQEsjMbBaVrwEJvK5AGQBNMyIcnkFcnWjKh1j7+Byt+TyjhxX6n8XJLVKCU9mvSClHCDmpg8XzYqZf9UWpbpGFOc6h497UMF9etp7n2W5ncwDjGXw5qDuO29tnQTwpmHVpK6CBBKerdXU1YuG2cMhSKoEJFuASE37AjMn6x1SHB1OhRDTAOpVG4US8MxbUW5zUPedezw6ALiLxbTVMU0ZoAJEF0JMAtCZOctEXyqn1Kn+Acc8R+azqi7AAAAAAElFTkSuQmCC") no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.icon-12 {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
margin-right: 10rpx;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAALaSURBVFiFxZdPVtpQFMZ/92nBYXbQuILSFYjTUs+BFagrMAykmamzVAfqCrQriD1op2UHxRWYJWQo9JjbQQImkMDDQ9s74rx3893v3f/AfxZ501f9XpsN2SGRBgZAh7zId/aCwd8lEHoO9foJKl45ml4xGp3RuYptITdXIlCr36DSrrxX8ahtOcChLaSxNt7vtWGB8Vc54ME/WD8BI/vWuoq1rj0BaFprijbWS+DBPwFxrAkgDve98kSd1Vx4G/ouNb20jH0Z+oDRc2dRVVQTCD2H2tYvwM1OotzvJaJxzmMRY3bpBFGZZnUI6lthzuApY3atjY/lY1qKGgMudW6qtMsJ3Pc8dJp0p7SCs+wFFvUtXTpBRCu4BemmnGimeVSiPXcSeg61+lPmwltaQdFo32+ywUmOYPZwBshLl9bFsHCeGj4FYMz2bCjmCUw/0JjxaLsygULfZTNJy81oNGe4iPkEuGjS5fP5Vf6qpBWrBwIiw4U9PX1JaWLNiegdKh5ijoACgWIOhL47zV7lmxW4jWgywXJ5OC40qSKBiUsBxs93ayPQuhhmFQHJRqGhFUMguTqvbV1y33tEzfAtcx4yj75L2hh5j05sJA1giveahPlsnRXRKz597a5kfBHepLSnBBYrT2S+JKvkx5fLyqVlhoTQ95sYfloBw2HaYBZIv9fGmNAKLWHXYPTI0rjdnN8w9niGfQNiPbut5rza7wKgDWM/4UjnfOhX6+f7iJ24BmWFEtO4aqzCpDuq9UYMRAaj1T18VkSW66qFzhSPgWEk19Y9/YWzpTq/bVdyjRnJtclcuhwYwLBD6FXHOPRdapxYhUH1jE4QvXbCtB/clCRlBOoUkksYoOSmoTZQcZDCjjD/3eQ8t6KV7APHDVSaiIkZM6ATRNl+eJSN6mVZnnq0FdwSeg6bteZ0xogOZveG1f+cpp3uQ+opbaASIxqDDEmSR/bO1zdF/4X8AW6TCGj4xKy6AAAAAElFTkSuQmCC") no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
}
|
||||
.right-txt {
|
||||
font-size: 28rpx;
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
.content {
|
||||
.report-wrap {
|
||||
padding: 40rpx 0 0;
|
||||
.row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 35rpx;
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.item {
|
||||
.label {
|
||||
color: #999999;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
.value {
|
||||
color: #333;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.course-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
padding: 40rpx 0 15rpx;
|
||||
.item {
|
||||
width: 320rpx;
|
||||
background: #F8F9FB;
|
||||
border-radius: 12rpx;
|
||||
overflow: hidden;
|
||||
margin-bottom: 20rpx;
|
||||
.img-wrap {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
width: 320rpx;
|
||||
height: 184rpx;
|
||||
image {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.title {
|
||||
padding: 10rpx 20rpx 0;
|
||||
height: 76rpx;
|
||||
color: #333333;
|
||||
font-size: 28rpx;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
/*! autoprefixer: ignore next */
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
.count {
|
||||
margin-top: 10rpx;
|
||||
font-size: 24rpx;
|
||||
color: #999999;
|
||||
padding: 0 20rpx 20rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.text-wrap {
|
||||
padding: 40rpx 0 15rpx;
|
||||
.row {
|
||||
display: flex;
|
||||
margin-bottom: 25rpx;
|
||||
.label {
|
||||
font-size: 28rpx;
|
||||
color: #999;
|
||||
}
|
||||
.value {
|
||||
width: 500rpx;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
&.w450 {
|
||||
width: 450rpx;
|
||||
}
|
||||
}
|
||||
.long-value {
|
||||
width: 450rpx;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
/*! autoprefixer: ignore next */
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
}
|
||||
}
|
||||
.list {
|
||||
padding: 40rpx 0 15rpx;
|
||||
.item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 25rpx;
|
||||
.name {
|
||||
color: #1676FF;
|
||||
font-size: 28rpx;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
.cancel-btn {
|
||||
width: 92rpx;
|
||||
height: 48rpx;
|
||||
line-height: 48rpx;
|
||||
text-align: center;
|
||||
background: #FCF6EC;
|
||||
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
||||
border: 2rpx solid #FAECD8;
|
||||
font-size: 26rpx;
|
||||
color: #E6A23C;
|
||||
}
|
||||
}
|
||||
}
|
||||
.empty {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 40rpx 0 25rpx;
|
||||
.icon {
|
||||
width: 128rpx;
|
||||
height: 128rpx;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAATlBMVEUAAABLac1KaMtNbM5Lac1IaMxGZMVPY89JZstNW9ZKaMxJZs1LaMtLaM1Jac1KaM1KaMtKatBKZ8xKaMxKaMpHZMhLaNFKac5LaM1MZ84Bwi/qAAAAGnRSTlMAM4AZmR8IEHAFeFBAJzhgSBNoWGAMLIqVOe7t0vgAAAVXSURBVHja7ZmJrqMgFIYFyiKLUpf2zvu/6Hix5UhprVAaMxO/m5umafQ/nFWwOjg4ODg4ODg4+M8h1b6wvtoXinm1Ky221Z4YjHd1AZUYY7GbBURhh9S7lALqMKD2MIGZ9i5Pq51o8ITYYfWBBfv2wu6rfYBR1OiJBhH2KhWxi/8XksDoQeAFsm3IUxc4S2XhXkCVwE+QUbq7tTMksGjKqXNQj2kb9iRUFvflXKAFXkVq9iQQrFh/A/mubyiZV8hNs3CLoLHXSnnfqwyIRz82Lb7RRwsuu3yhXqyIWnmLQ1N9AX0P8opDmb6ZoIs/TLIOOxR/E6Y5EB93wJY/1Reo8tScUnO5XIwxZKwrjxFzRbLPpoh9pg/lXBODAszZ28BvxrIPOt3vCmgF9KFbR4OeQL0JdjY3v9z0w2OEDRKrjuQjE/SnmYiCEKDgdgStQAILPqjGZS/h0unD8tcw9dKCoVe6MTxn1i8rwiX1Tf+C3nBhPm2A1lL2QUVASjO0AQZ9OxrWGTAXADqvH6HtFpB4WNPsDmzB/xu41HBliGJ5DpDzdWYt+S6RBcwFgQfDuuNZDtBv628Mf6ZQvioc1l2OAwR7lwDG6YUGTfwu3D+Q0janOyHoJybFAANXo9CbInEq+gwY0RrkMUJn74LhIZ4mOQLWOyCBWUbh4IiCQwxSIkA3t4AoCyjEwCFSH1WUjwBFidBZMRzLMtUDwk+BC0rFTwSoPHDIRpivAYaSGf0gYVFKb4X4rCUoGeLXTJdjrU/OwZwUgDpYPJcQGGtJOQhFmMbFp52F+by5BuARX+TkIGThcB8HXKQ+KjdyMT1QBrU3wOsnnFQwhWeGTw1wtzASpySAM7iMAcrdQmOc1gKIwAUN6Oa7SbJdf3aYavNzAJLQkXJq7QPWuB2RzKkCKEPvyoRjIi5vDptDxzL7gIF7pY0gJrzDjM9cgpKhk7wG929HwRXEN9IRJcO5Fn75CdBlwsr79KhRKtrLJ761aZfb2sH3YpooL66wIUrSJ8El1iVBcgysPJ3AAJ2+EaGBOSqtE+j+ejqdflwmCbjbVlT46C7c14Q66OVpwjlAIN65RpLE4NIu3JujrTtTK35OMz/uQI1mHNj14VaCwzg4o3WUuJ48rfEJTaok7EPdDBBFsxZ3eQKu4g9UdFulQR8aF3Lf144n/qjueloge4RqqGhaJdI9HLkPMMh5vPLZ7wDu//iNocnYjsP4aBFbZIHgUSVY1cmbOKjrxVkdgxpMA8F7KMrus6GHM0I9SXfYpXsQd/UnPCvsoYckQgX2iE7djmmRnpTB4wG4s8hDFgUsWeZ7KfyS6xPxaemRPpEfHZVyK/ErfsDtsrXRQelSX5V8OQhcf6ZG27WwcIDUy4fqj1+WMdpY1QlwhhgGpRtDyZvDcgK7kEJQEb6Lqs9RWzSkhgECDzWl4MKfdIIN3ogLBfWKWdAvbEH8VrIex5HVkbOgdRWEd9jR8ncVXF4fXAvn7usNRJXXhx0TDIoQjgb8zRencGThaBvCgoIdcMKJeD60xYDolbJa9UOHAYGqrwImAAXl0aA3mGDlC3VIz0zI1lMMajv8QKdMAfcmTFBGtVKDEKIbhr7Z/lZuPUNbOEf7EsxWu8J7cHEm9S/sKe6n9fW3GEubrMjYyPl5gmzkPMH5yFhsTyP5ZuFJFjTzmWxZTsxmkzQ/k+KcuTODvRUvpE3df2QFq9flOQFo/j8ox/B6RZ+UhEbruFG/NuAce4/mfcKXmA0h+FgdiBbD601JmOWElThAEu5bhimwsBHRtNXHjQj4fismQSsuCwyj8ffPf8AwOjg4OPjX+AveIUqXZPVRsgAAAABJRU5ErkJggg==") no-repeat;
|
||||
background-size: 100%;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
text {
|
||||
font-size: 24rpx;
|
||||
color: #A4B3E5;
|
||||
}
|
||||
}
|
||||
}
|
||||
.footer {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding-top: 10rpx;
|
||||
.btn {
|
||||
width: 400rpx;
|
||||
height: 80rpx;
|
||||
text-align: center;
|
||||
line-height: 80rpx;
|
||||
background: #1676FF;
|
||||
font-size: 28rpx;
|
||||
color: #fff;
|
||||
border-radius: 60rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
836
packageB/pages/userCenter/personDocument1.vue
Normal file
836
packageB/pages/userCenter/personDocument1.vue
Normal file
@@ -0,0 +1,836 @@
|
||||
<template>
|
||||
<view class="document">
|
||||
<view class="head-bar" :style="{'margin-top': barHeight + 5 + 'px'}">
|
||||
<view class="go-back" @click="goback"></view>
|
||||
<text>生涯档案</text>
|
||||
</view>
|
||||
<view style="display:none;" class="person-info">
|
||||
<view class="img-wrap">
|
||||
<image v-if="customInfo.AllHeadimgUrl" :src="customInfo.AllHeadimgUrl"></image>
|
||||
<image v-else src="https://51xuanxiao.oss-cn-hangzhou.aliyuncs.com/Resource/xcx_sygh/avatar.png" mode=""></image>
|
||||
</view>
|
||||
<view class="txt-wrap">
|
||||
<view class="top">
|
||||
<view class="name">{{user.RealName}}</view>
|
||||
<!-- <view class="grades">{{user.GradeName}}{{user.ClassName}}</view> -->
|
||||
</view>
|
||||
<view class="bottom">{{user.SchoolName}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view style="margin-top:50rpx;" class="section">
|
||||
<view class="head">
|
||||
<view class="left-txt">
|
||||
<view class="icon icon-1"></view>
|
||||
意向职业
|
||||
</view>
|
||||
<view class="right-txt">
|
||||
限5种
|
||||
</view>
|
||||
</view>
|
||||
<view class="content" v-if="intentionJobList != null && intentionJobList.length > 0">
|
||||
<view class="list">
|
||||
<view class="item" v-for="(item, index) in intentionJobList" :key="index">
|
||||
<text class="name">{{(index + 1) + '.' +item.Name}}</text>
|
||||
<view class="cancel-btn" v-on:click="cancleIntention(index,2,item.EnCodeId)">取消</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content" v-else>
|
||||
<view class="empty">
|
||||
<view class="icon"></view>
|
||||
<text>您还未添加意向职业</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="footer">
|
||||
<navigator url="/packageB/pages/job/index" class="btn">添加意向职业</navigator>
|
||||
</view>
|
||||
</view>
|
||||
<view class="section">
|
||||
<view class="head">
|
||||
<view class="left-txt">
|
||||
<view class="icon icon-4"></view>
|
||||
职业兴趣测评
|
||||
</view>
|
||||
</view>
|
||||
<view class="content" v-if="interestResult != null && interestResult !=''">
|
||||
<view class="text-wrap">
|
||||
<view class="row">
|
||||
<text class="label">兴趣代码：</text>
|
||||
<view class="value">
|
||||
<text v-for="(item, index) in interestCodeList" :key="index">
|
||||
{{item}} <text v-if="index < interestCodeList.length -1">、</text>
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<text class="label">对应学类：</text>
|
||||
<view class="value"><text v-for="(item, index) in interestRecommendSpecialty" :key="index">
|
||||
{{item}} <text v-if="index < interestRecommendSpecialty.length -1">、</text>
|
||||
</text></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content" v-else>
|
||||
<view class="empty">
|
||||
<view class="icon"></view>
|
||||
<text>您还未测评</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="footer">
|
||||
<navigator v-if="interestResult != null && interestResult !=''"
|
||||
url="/packageB/pages/testReport/interestTestReport" class="btn">查看报告</navigator>
|
||||
<navigator v-if="user.GradeLevel == 2 && !(interestResult != null && interestResult !='')"
|
||||
url="/packageB/pages/pagesTest/interestTestTitle" class="btn">去测评</navigator>
|
||||
<navigator v-if="user.GradeLevel == 1 && !(interestResult != null && interestResult !='')"
|
||||
url="/packageB/pages/pagesTest/interestTestTitle" class="btn">去测评</navigator>
|
||||
</view>
|
||||
</view>
|
||||
<view class="section">
|
||||
<view class="head">
|
||||
<view class="left-txt">
|
||||
<view class="icon icon-6"></view>
|
||||
工作价值观测评
|
||||
</view>
|
||||
</view>
|
||||
<view class="content" v-if="workValueResult != null && workValueResult !=''">
|
||||
<view class="text-wrap">
|
||||
<view class="row">
|
||||
<text class="label">高分价值观： </text>
|
||||
<view class="long-value" v-if="workValueHight != null && workValueHight.length > 0">
|
||||
<text v-for="(item, index) in workValueHight" :key="index">
|
||||
{{item}} <text v-if="index < workValueHight.length -1">、</text>
|
||||
</text>
|
||||
</view>
|
||||
<view class="long-value" v-else>
|
||||
<text>无</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content" v-else>
|
||||
<view class="empty">
|
||||
<view class="icon"></view>
|
||||
<text>您还未测评</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="footer">
|
||||
<navigator class="btn" v-if="workValueResult != null && workValueResult !=''"
|
||||
url="/packageB/pages/testReport/workValuesTestReport">查看报告</navigator>
|
||||
<navigator class="btn" v-else url="/packageB/pages/pagesTest/workValuesTestTitle">去测评</navigator>
|
||||
</view>
|
||||
</view>
|
||||
<view class="section">
|
||||
<view class="head">
|
||||
<view class="left-txt">
|
||||
<view class="icon icon-8"></view>
|
||||
人格测评
|
||||
</view>
|
||||
</view>
|
||||
<view class="content" v-if="personResult != null && personResult !=''">
|
||||
<view class="text-wrap">
|
||||
<view class="row">
|
||||
<text class="label">内外向：</text>
|
||||
<view class="value" v-if="personGroupList1 != null && personGroupList1.length > 0">
|
||||
<text v-for="(item, index) in personGroupList1" :key="index">
|
||||
{{item}} <text v-if="index < personGroupList1.length -1">、</text>
|
||||
</text>
|
||||
</view>
|
||||
<view class="value" v-else>
|
||||
<text>无</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<text class="label">人际关系：</text>
|
||||
<view class="value" v-if="personGroupList2 != null && personGroupList2.length > 0">
|
||||
<text v-for="(item, index) in personGroupList2" :key="index">
|
||||
{{item}} <text v-if="index < personGroupList2.length -1">、</text>
|
||||
</text>
|
||||
</view>
|
||||
<view class="value" v-else>
|
||||
<text>无</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<text class="label">严谨性：</text>
|
||||
<view class="value" v-if="personGroupList3 != null && personGroupList3.length > 0">
|
||||
<text v-for="(item, index) in personGroupList3" :key="index">
|
||||
{{item}} <text v-if="index < personGroupList3.length -1">、</text>
|
||||
</text>
|
||||
</view>
|
||||
<view class="value" v-else>
|
||||
<text>无</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<text class="label">开放性：</text>
|
||||
<view class="value" v-if="personGroupList4 != null && personGroupList4.length > 0">
|
||||
<text v-for="(item, index) in personGroupList4" :key="index">
|
||||
{{item}} <text v-if="index < personGroupList4.length -1">、</text>
|
||||
</text>
|
||||
</view>
|
||||
<view class="value" v-else>
|
||||
<text>无</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content" v-else>
|
||||
<view class="empty">
|
||||
<view class="icon"></view>
|
||||
<text>您还未测评</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="footer">
|
||||
<navigator class="btn" v-if="personResult != null && personResult !=''"
|
||||
url="/packageB/pages/testReport/personalTestReport">查看报告</navigator>
|
||||
<navigator class="btn" v-else url="/packageB/pages/pagesTest/personalTestTitle">去测评</navigator>
|
||||
</view>
|
||||
</view>
|
||||
<view class="section" v-if="user.GradeLevel == 2">
|
||||
<view class="head">
|
||||
<view class="left-txt">
|
||||
<view class="icon icon-9"></view>
|
||||
个人选科报告
|
||||
</view>
|
||||
</view>
|
||||
<view class="content">
|
||||
<view class="report-wrap">
|
||||
<view class="block" v-for="(item, index) in groupDataList" :key="index">
|
||||
<view class="row">
|
||||
<view class="item">
|
||||
<text class="label" v-if="index==0">第一志愿：</text>
|
||||
<text class="label" v-if="index==1">第二志愿：</text>
|
||||
<text class="label" v-if="index==2">第三志愿：</text>
|
||||
<text class="value" v-text="item.GroupName != '' ? item.GroupName : '还未选择志愿'"></text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row" v-show="viewScores">
|
||||
<view class="item">
|
||||
<text class="label">选科组合成绩：</text>
|
||||
<text class="value">{{item.Score}}分</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row" v-show="viewScores">
|
||||
<view class="item">
|
||||
<text class="label">选科组合年级排名： </text>
|
||||
<text class="value">{{item.GroupRank}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row" v-show="viewScores">
|
||||
<view class="item">
|
||||
<text class="label">物理：</text>
|
||||
<text class="value">{{examSoreInfo!=null?examSoreInfo.PhysicsScore + '分':'暂无分数'}}</text>
|
||||
</view>
|
||||
<view class="item">
|
||||
<text class="label">化学：</text>
|
||||
<text class="value">{{examSoreInfo!=null?examSoreInfo.ChemistryScore + '分':'暂无分数'}}</text>
|
||||
</view>
|
||||
<view class="item">
|
||||
<text class="label">生物：</text>
|
||||
<text class="value">{{examSoreInfo!=null?examSoreInfo.BiologyScore + '分':'暂无分数'}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row" v-show="viewScores">
|
||||
<view class="item">
|
||||
<text class="label">历史：</text>
|
||||
<text class="value">{{examSoreInfo!=null?examSoreInfo.HistoryScore + '分':'暂无分数'}}</text>
|
||||
</view>
|
||||
<view class="item">
|
||||
<text class="label">地理：</text>
|
||||
<text class="value">{{examSoreInfo!=null?examSoreInfo.GeographyScore + '分':'暂无分数'}}</text>
|
||||
</view>
|
||||
<view class="item">
|
||||
<text class="label">政治：</text>
|
||||
<text class="value">{{examSoreInfo!=null?examSoreInfo.PoliticsScore + '分':'暂无分数'}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row" v-show="scoreMatch">
|
||||
<view class="item">
|
||||
<text class="label">选科组合成绩匹配度： </text>
|
||||
<text class="value" v-if="groupMatching==0">暂无数据</text>
|
||||
<text class="value" v-if="groupMatching==1">低</text>
|
||||
<text class="value" v-if="groupMatching==2">中</text>
|
||||
<text class="value" v-if="groupMatching==3">高</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row" v-show="subjectMatch">
|
||||
<view class="item">
|
||||
<text class="label">学科信心匹配度：</text>
|
||||
<text class="value" v-if="subjectMatching==0">暂无数据</text>
|
||||
<text class="value" v-if="subjectMatching==1">低</text>
|
||||
<text class="value" v-if="subjectMatching==2">中</text>
|
||||
<text class="value" v-if="subjectMatching==3">高</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row" v-show="specialtyUniversityMatch">
|
||||
<view class="item">
|
||||
<text class="label">意向专业、院校与选科组合匹配度： </text>
|
||||
<text class="value" v-if="specialtyMatching==0">暂无数据</text>
|
||||
<text class="value" v-if="specialtyMatching==1">低</text>
|
||||
<text class="value" v-if="specialtyMatching==2">中</text>
|
||||
<text class="value" v-if="specialtyMatching==3">高</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="item">
|
||||
<text class="label">意向专业： </text>
|
||||
<text class="value"
|
||||
v-if="intentionSpecialtyList != null && intentionSpecialtyList.length > 0"> <text
|
||||
v-if="intentionSpecialtyList.length > 0"
|
||||
v-for="(item, index) in intentionSpecialtyList" :key="index">
|
||||
{{item.Name}} <text v-if="index < intentionSpecialtyList.length -1">、</text>
|
||||
</text></text>
|
||||
<text class="value" v-else>您还未添加意向信息</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="item">
|
||||
<text class="label">意向院校：</text>
|
||||
<text class="value"
|
||||
v-if="intentionUniversityList != null && intentionUniversityList.length > 0">
|
||||
<text v-for="(item, index) in intentionUniversityList" :key="index">{{item.Name}} <text
|
||||
v-if="index < intentionUniversityList.length -1">、</text></text>
|
||||
</text>
|
||||
<text class="value" v-else>您还未添加意向信息</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="item">
|
||||
<text class="label">系统推荐选科组合： </text>
|
||||
<text class="value">{{recommendGroups}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="item">
|
||||
<text class="label">学校建议选科： </text>
|
||||
<text class="value" v-if="suggestGroupName != null">{{suggestGroupName}}
|
||||
（{{suggestReason}}）</text>
|
||||
<text class="value" v-else>学校暂无建议</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import api from "@/apiB/user.js";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
refreshIfNeeded: false, //是否返回刷新
|
||||
barHeight: wx.getWindowInfo().statusBarHeight,
|
||||
user: uni.getStorageSync("userInfo").user,
|
||||
customInfo: uni.getStorageSync("customInfo"),
|
||||
intentionJobList: [], //意向职业
|
||||
intentionSpecialtyList: [], //意向专业
|
||||
intentionUniversityList: [], //意向院校
|
||||
|
||||
interestCodeList: [], //兴趣码
|
||||
interestRecommendSpecialty: [], //兴趣码
|
||||
interestResult: "", //兴趣测评结果
|
||||
customerGroup1: [], //学科效能
|
||||
customerGroup2: [], //学科效能
|
||||
customerResult: "", //学科效能
|
||||
workValueHight: [], //工作价值
|
||||
workValueResult: "", //工作价值
|
||||
multHight: "", //多元智能
|
||||
multResult: "", //多元智能
|
||||
personGroupList1: [], //人格
|
||||
personGroupList2: [], //人格
|
||||
personGroupList3: [], //人格
|
||||
personGroupList4: [], //人格
|
||||
personResult: "", //人格
|
||||
viewScores: false, //是否查看成绩
|
||||
groupDataList: [], //志愿
|
||||
examSoreInfo: {}, //科目成绩
|
||||
subjectMatching: 0, //学科信心匹配度 0无，1低 2中 3高
|
||||
groupMatching: 0, //选科组合匹配度 0无，1低 2中 3高
|
||||
specialtyMatching: 0, //意向专业院校匹配度 0无，1低 2中 3高
|
||||
recommendGroups: "", //推荐组合
|
||||
suggestGroupName: null, //学校建议组合
|
||||
suggestReason: null, //学校建议原因
|
||||
scoreMatch: false,
|
||||
subjectMatch: false,
|
||||
specialtyUniversityMatch: false,
|
||||
myStudyCourseList: [],
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
// let pages = getCurrentPages(); // 获取当前页面栈
|
||||
// let currentPage = pages[pages.length - 1]; // 当前页面
|
||||
// //修改后刷新
|
||||
// if (currentPage.data.refreshIfNeeded) {
|
||||
// currentPage.data.refreshIfNeeded = false;
|
||||
// }
|
||||
this.queryStudentProfile();
|
||||
this.user = uni.getStorageSync("userInfo").user;
|
||||
console.log("user====",this.user);
|
||||
this.customInfo = uni.getStorageSync('customInfo');
|
||||
},
|
||||
created() {
|
||||
// this.queryStudentProfile()
|
||||
},
|
||||
methods: {
|
||||
goback() {
|
||||
uni.navigateBack(-1);
|
||||
},
|
||||
// 获取个人档案
|
||||
queryStudentProfile() {
|
||||
uni.showLoading({
|
||||
title: "加载中"
|
||||
})
|
||||
api.queryStudentProfile().then((res) => {
|
||||
uni.hideLoading();
|
||||
if (res.Result == 1) {
|
||||
let data = res.Data;
|
||||
console.log("datas====",data);
|
||||
// 意向职业
|
||||
this.intentionJobList = data.IntentionJobList;
|
||||
// 意向专业
|
||||
this.intentionSpecialtyList = data.IntentionSpecialtyList;
|
||||
// 意向院校
|
||||
this.intentionUniversityList = data.IntentionUniversityList;
|
||||
// 兴趣测评
|
||||
this.interestCodeList = data.InterestCodeList;
|
||||
this.interestRecommendSpecialty = data.InterestRecommendSpecialty;
|
||||
this.interestResult = data.InterestResult;
|
||||
// 学科信心测评
|
||||
this.customerGroup1 = data.CustomerGroup1;
|
||||
this.customerGroup2 = data.CustomerGroup2;
|
||||
this.customerResult = data.CustomerResult;
|
||||
// 工作价值
|
||||
this.workValueHight = data.WorkValueHight;
|
||||
this.workValueResult = data.WorkValueResult;
|
||||
// 多元智能
|
||||
this.multHight = data.MultHight;
|
||||
this.multResult = data.MultResult;
|
||||
|
||||
// 人格测评
|
||||
this.personGroupList1 = data.PersonGroupList1;
|
||||
this.personGroupList2 = data.PersonGroupList2;
|
||||
this.personGroupList3 = data.PersonGroupList3;
|
||||
this.personGroupList4 = data.PersonGroupList4;
|
||||
this.personResult = data.PersonResult;
|
||||
|
||||
// 个人选科报告
|
||||
|
||||
this.viewScores = data.ViewScores;
|
||||
this.scoreMatch = data.ScoreMatch;
|
||||
this.subjectMatch = data.SubjectMatch;
|
||||
this.specialtyUniversityMatch = data.SpecialtyUniversityMatch;
|
||||
this.groupDataList = data.GroupDataList;
|
||||
this.examSoreInfo = data.ExamSoreInfo;
|
||||
this.subjectMatching = data.SubjectMatching;
|
||||
this.groupMatching = data.GroupMatching;
|
||||
this.specialtyMatching = data.SpecialtyMatching;
|
||||
if (data.RecommendGroups != null && data.RecommendGroups != '') {
|
||||
this.recommendGroups = data.RecommendGroups.split(",").join("、");
|
||||
} else {
|
||||
this.recommendGroups = "无"
|
||||
}
|
||||
if (data.SelectGroup != null) {
|
||||
this.suggestGroupName = data.SelectGroup.SuggestGroupName;
|
||||
this.suggestReason = data.SelectGroup.SuggestReason;
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
// 取消意向
|
||||
cancleIntention(index, type, id) {
|
||||
uni.showLoading({
|
||||
title: "取消中"
|
||||
})
|
||||
api.doIntention(type, id, 1).then((res) => {
|
||||
uni.hideLoading();
|
||||
if (res.Result == 1) {
|
||||
this.queryStudentProfile()
|
||||
// if(type == 2){
|
||||
// this.intentionJobList.splice(index, 1);
|
||||
// }else if(type == 3){
|
||||
// this.intentionUniversityList.splice(index, 1);
|
||||
// }else {
|
||||
// this.intentionSpecialtyList.splice(index, 1);
|
||||
// }
|
||||
uni.showToast({
|
||||
title: "取消成功",
|
||||
icon: "success"
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss">
|
||||
$image-oss-url: "https://51xuanxiao.oss-cn-hangzhou.aliyuncs.com/Resource/xcx_sygh";
|
||||
|
||||
page {
|
||||
background: url('#{$image-oss-url}/17.png') no-repeat;
|
||||
background-size: contain;
|
||||
background-color: #EEF1F8;
|
||||
overflow-y:scroll;
|
||||
}
|
||||
</style>
|
||||
<style lang="scss" scoped>
|
||||
.head-bar {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
font-size: 36rpx;
|
||||
font-weight: 600;
|
||||
height: 60rpx;
|
||||
line-height: 60rpx;
|
||||
|
||||
.go-back {
|
||||
position: absolute;
|
||||
left: 10rpx;
|
||||
top: 0;
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABUklEQVRoQ+3ZOwrCQBCA4UlyCVsrQauQdPYewcNYWXoHK1s9gYeYdIKlracYWYggkgiTnccuaB3D/+1sYEMKyPxXZN4Pf0DMBOu6XpZluQOANRGduq7bc+/nNoE+/gwAq3c0IrJ72H/grtDQ9UPxAPBAxDn3/uaAkfjQvUXES9IA6fiANZuARrwZQCveBKAZrw7QjlcFWMSrAaziVQCW8eIA63hRgEe8GMArXgTgGR8N8I6PAqQQPxmQSvxkQNM0VwDYfJ3dJ53nuef/7+vZx+l+9W8pxE+aQNu2CyK6ZwsI4VlvoQDI/iFOCcF+iD/3fgqTiAKkMIlogDdCBOCJEAN4IUQBHghxgDVCBWCJUANYIVQBFgh1gDbCBKCJMANoIUwBGghzwA/EExFn3HdkF8AYIpvPrO9VDu8TVVUdiKghomNWH7q5W2Xserct9Af0K/AChQ/cMY9OGScAAAAASUVORK5CYII=") center no-repeat;
|
||||
background-size: 38rpx 38rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.document {
|
||||
padding-bottom: 60rpx;
|
||||
|
||||
.person-info {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 664rpx;
|
||||
height: 174rpx;
|
||||
padding: 0 20rpx;
|
||||
margin: 65rpx auto 20rpx;
|
||||
border: 3px solid #FFFFFF;
|
||||
background: #EDF5FE;
|
||||
border-radius: 12px;
|
||||
|
||||
.img-wrap {
|
||||
overflow: hidden;
|
||||
width: 112rpx;
|
||||
height: 112rpx;
|
||||
border-radius: 50%;
|
||||
margin-right: 20rpx;
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.txt-wrap {
|
||||
.top {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
margin-bottom: 10rpx;
|
||||
|
||||
.name {
|
||||
color: #000000;
|
||||
margin-right: 20rpx;
|
||||
font-size: 36rpx;
|
||||
}
|
||||
|
||||
.grades {
|
||||
color: #666;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.bottom {
|
||||
color: #666;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.section {
|
||||
width: 670rpx;
|
||||
padding: 30rpx 20rpx 40rpx;
|
||||
background: #FFFFFF;
|
||||
margin: 0 auto 24rpx;
|
||||
border-radius: 12rpx;
|
||||
|
||||
.head {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
.left-txt {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 32rpx;
|
||||
color: #000;
|
||||
font-weight: 500;
|
||||
|
||||
.icon-1 {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
margin-right: 10rpx;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABqUlEQVR4AexXQU7DMBBcW+09B0AcywvIE8oP+AF9Qg+AuFGugFTxAvoEfhB+0PKC5gxIcK7UmpkKqjSEdB1ZJIdEHtVxdmcn663tWFFc0dBFB5duDjgN9i/cB+xOFdSiEtDpyEBEeqK8jJFIRM6AnU0lAITHayYjk9VKTsrgnAwFF34pAr3yphKwoXCSvt+b5zIg8MvGXtHxE6Ag9DVZCzi8cj0UzgCFc10ETEH8TTzC89JCtFYS2sKnB9tCPsZiYdPO4ibGnCZweMTA6A/8CMBjdWPRFvIxVrcr871z12cGxqCkMX7+r0FEhGyNKaDK24VSGlsqCcVWhYcZqOIXzKcV0GagERlIUdK1wb7emqM6Ybke+wDZEm5eeR9uLkR+fNe9xXqc+IAClkvp532wufAIxvXdi68RRciX8sUMDvmtlmMY9mveGeD8v92ZGQr3JguOYRpU58CsRG8BmP8pTjo8ov8CdtZpllzT9xaAIHxLHmCKoIm5ZeMtYMs7wE0roBEZqPT/DTD9pEiZgSf2asLELhbygOBc1bgloxu2FbHh+/FT8KHL2F8AAAD//4kh6/oAAAAGSURBVAMAtjRliSH3kwIAAAAASUVORK5CYII=") no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.icon-2 {
|
||||
width: 27rpx;
|
||||
height: 32rpx;
|
||||
margin-right: 10rpx;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAgCAYAAADjaQM7AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAH4SURBVEiJ1dfBa9NgGMfx75sWUxglRdCRophTdxAlTHpz2DGvQ8GT8yjMqwevsp62y8Sz/QP0KszjYIGO7SBjAUFY8VDX0aJisSsTgyavB9vNicmbdkvR3zHv8+bD+7wvb4gAWNq0LdAWpKQEWCQS6Yrymp07o2vbySFH0fSM9nQUEIAmpSyNAgLQQFgjxEaXgTFDNzF0cygsHadIT2UpmncpmnNk0tnD57W2w2p9mY7XioWJxY1JGVVg6Cb3Llcw9HxozWp9mdetF0osso1xIICb1iPGxwonw66cm1VC/dyZeHIy7Or52VgQgKHnlQdH0cZ4q+qncHZ6OExPZcOGQtPxmsNhnt/l24/uQJiqPrKNbz6txIY6XpPd/a3hsWqjEnt11UZFWROJeX6X52/nlXsBcMm4pqxJzdw3y1EFB98/U2s76Kks42MTx8Z297d49a5Mx2tSNOfIZfLU2k7ou5TX1e/5BRbIpLN8ONg5didevzDP1MUHVBvPWN/7e0tjXcT9eH439BCs71XoeC0+ft0JnT8Qporq9P7bH8//Bvtzz14KgZsEFAS8P8R8P5h+POU6SUD99DDpJgktbkw+BG6kgXpSyFHkLRAlTQgcEHZPTzRiadO2pNTWAAukC3w5bURKYQtBTkD/lym1EATythDkThvrke5P22GeWTkOvPwAAAAASUVORK5CYII=") no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.icon-3 {
|
||||
width: 31rpx;
|
||||
height: 32rpx;
|
||||
margin-right: 10rpx;
|
||||
//background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAgCAYAAADqgqNBAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAMMSURBVEiJ7ZZPSJNhHMe/z97X+W7TfLNWQxPfylLDYAqSSqEdhLl5MDwUnewQiL4XDwXRwTp0CyyS6Fb3Dl0U6qQpvovAKRFOpHQSOHGo7zT1nfvz66CTbW66iXiI/W7P8/y+v8/7+/PwvAxHsE6nTeLA9TJCB4DhEAs/eFf/2ZNpHF2mAllpaeNIN2TQGe/Vnr/tEXhjBR/hJuTR1qZMY7GMwE57L4g9u3iqYrrafLMiuj++NLI4vz5jYcCrNw2DPccK73TaJJ64TzrGWazmBlHKLxcSff78/b04vjQiRij8Ld02HAqXlZY2AuszcCZLY3GrZso5Jaby3QiuqV8XBjQtuCkgwu703xoYPjI8VZkBYCO0Dn9gBWJuIYx8fpwu3TYkhR9WZveqC+4V1966srAGladr4mKk04Z90x6dZoEzVjSXtAuJYN+WF+4VF4oMpY/6GwZZgd78xL3igm/LGxenJO+ypbmkXTvoNsRlflCZo/ZL/YkZ9Yf28sZHQ3Tv8fe7vrKCqrNlYlUySco2MCC9aY7N3On9EjILxbVPq99Ovpjosnq35ifqLM0oMpWmkiVtA+t02iSOdEPpTHPURhYG4d9eVnOZoGrhzQvnjMV8naX5MFncbQjpwtVc/cPyXgNnkuzSfYuey02ZcayV5l+FwBkEI58nXiq4pqssrDlcBEDP5QpXxOt5c2vTIIR5PhLCfIALiLHTm4n5A8vwB5Yz0mxHAiCQyucEcz6EdNuN7lVXtNxNACYBqASSGDERDJMAAIKVGKkMzANABGAFMLxzlOAbEyfRFwD4gP71vq+SFQfJo7YmAOgas3d0K/a5mLMh2WnvBXaGVFYc1Om0ScDOTZEVx1DUt1uxz3WN2TsAQB61NcmKgxJZGb9qx2lZeBaehWfhWfj/B2e7v1DvCSQBAAOTCOQBgN0nUtxbg0kgqMRITeoLIPYs6pskjidC1MNkxTFRZCq1FujPnFC+gE/zwre14OEJJAq8SSsUzIsnBV8LrmqMmIUnwvNZdapv1j8lnRScQB4Cev4BQmp+U4L3kQsAAAAASUVORK5CYII=") no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.icon-4 {
|
||||
width: 32rpx;
|
||||
height: 31rpx;
|
||||
margin-right: 10rpx;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAfCAYAAACGVs+MAAADWElEQVR4AbRWO2wTQRB9ewln0yBDg5AoHKQ0FCRRGiQKYkGFgxRLoUTYBTWmIHEX3DlpYiihsBElkRwpcSqQI6FIaSISCppI2AUSoiEWTUIS3TKz5zvrfvadZUY3t7OzszNvZm93T8MgVMsnUC9UiJuKtxZXUSskB3EVHQAH12MNCpYl5qBJSJGHLmvgMVJGeaID0OPPADEJD5EuFlvyqPsoogFQGcp8oE8p5qIuRTQAZvaJQABAEjqeIAKFB9Av+27QbJQqhAfQP3sLQqQqhAOgtliPtbdCd9ss6i98PtSugSV5AfDEjYU5bC7kwft7s9CgdW0CIoHwRNtz5Avqi8SFivLFPjkRtZRdRyYADmoeLBKgiZpWg9BWwftbYAYDk+AqZJUv9qmjCT1+hK1CAxsF5VczPxjNOlgGDhVposQMNDQ4toYYKohWXgyNdLmqQYLWC0Ohuas3Ubk1j+TFyyH9iUn6BmQbQ6DJS9dQm36M7PVpMJCwLgmAeBXWOMguMRpXwXm8fXaM9V/fWAzDVQ3pUhWQ+/2suawzV274mi2N37fLXjz8hNbxka+dU0kx06UiVYDUp39TENhGAHGGzdQCGrefYmn8nsOKQeXH7igdZ15u7Si590uug2OSkQkgU27jQSlFfaoGvV1P+/zEzuolZWuBYGCViXllzVnnDj4ouc+rivRyBhyTDE0AJKgnXcpR6wsitfvWA6Iy8cgufe5gDQyU5vd6KLiKYds4AbCaQQh4loMzdIOwvvZycwfbv7+jJ7FP9u0y8gJgA4l33LiZQUx9fo39Pz/tIdYVDz/a/UAhwKc/gEAvUGVO7b5B9ceeWpLM3nul6zHFHDIM3/PGH4CQE+Ys/zevde7rGsYaK45q+Ft3tCPibkdyNP4AJIZ2PMMiQ/DNaPXs1h+A71+vPWcwQciQAMwfhuFXgG9c07cjAW8F9Av/IXgn5mjcUwUvgI5tqEaCzgvZ9x6BRedowUVeAKdnHiPXHO62YCCF2VKKjtUpJfNBwyOBLGkbnhA7DbwA+IyWxnOnmd1jcDmkS2N4WKLsO3qW+S5hUEE3q5RF6/zvzFKNFwCrZ1fKMIwMzKwoqOQym4HV9c1GPsxA0stTNJKjK36duE1/XAw0B/ZJA+7nHwAAAP//fvvjBQAAAAZJREFUAwCMpRtDiL0m1gAAAABJRU5ErkJggg==") no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.icon-6 {
|
||||
width: 32rpx;
|
||||
height: 31rpx;
|
||||
margin-right: 10rpx;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAfCAYAAACGVs+MAAACGklEQVR4AeyW0XHaQBCG/2VSgCuIzx04HZgOQgdxB9Fk8ox5zmTkDuIOkg6gA9yBDypIAR7W351sYEDCaCzkF+9o7w7dsv+/e8stAy/DVy/PH1DvWecJeyD5WFJQ/3IpeQkBsdB7SUgE3gs8434Q6CsD93q0IUV3m/O+NfRAwO8kG9rPOJMGE+3IiQnYjRXLayvi/wp3Na7mzXhCAgk8riP28vMfyb5rR1oQsBvJLir1vbPUtqysIOoMzm135uX5XLJvqpEjCRipjBOcxkqXhTIZca7aFlJtI/sRM0HAuWEdcDVedkcQ8FtAX6IJOD0TwjvILKhsQxUloTbk/T8h2CXwKUtmxobnFQJ+RxERrbi1A8D+lxWNK4wB4LME4MyKRTqaL1bEeyHsEbG/Co6pDhHA8fI6GeEQsOwQx0pr6sFTN7vSswBO+qFXBs4624bnrYNTEwEisdHmm6uSdQJnWj8A+JQCQ8MVJC/RseRUuyCpo6SOAJHYaBNR/vkQVaM/suBTgCk2JzONdrUbdQRIfYzJuorIDoEnszdpHQH+IaUiS5G3j6gtmzoC+EjAp40ckPw0EMh7vQwfBFIGcsX3ku99kBkELN12u01l37T7NwRukwEXDr/7BU1kYVb0qhdWxJSB7kNr45EjaGPevW0jAa7h4L9oMl1oGXYb2TqSWgKApwbzoE80mS5UPvffoban1BKAHh1RSXVqeQIAAP//TF3sLQAAAAZJREFUAwCBRGeYQHx5OgAAAABJRU5ErkJggg==") no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.icon-7 {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
margin-right: 10rpx;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAMmSURBVFiFrZfPTxNBFMc/0xaxISGLhgMEY1UuxBgK6RGT9iBX9eTR9catBWrire3ZxtabN8pfIPEIMW30SkxJ5KZxjUm9GNiYSKmA42Ha7rbsrxa+SdPJzNv3/c6bmTdvBANCrqET4ikQB+pAQRSpDeqnAxGYOEOMCBtA0mG4NqwQXwEyQ4wwOQS6rzdJhTMKooxxKQLkGjqCHIJYUIeACZQ55bUoYw4lQK7zCCgNSOwkpCCKlAMLGCjcQSExEDxz2x9dATJLDshfGvF51BCsipfUewS0Z129YLiDwkSQsouItI9WMPKoBgkdpufhqgbHJjT24PMWHBpBPGhISkCq0yFklkNA8yVeSsNy3t1mtwLbhUBCRNFa+ogv+UQM9LcwHff2mtDhdhLepIJGoyvAG/3kjTp8ranQT9yEO0n1A7gWg5UqlBeg6ZsCAghI6L3kH8vwbrXXZqeg7J5sWCKW0qo/AEKeo/fTVnu3cp7cPradt32XUfsmDIwOKyCq9c5+22dGOwUr7FENFuOwiPWbdBMgXS6OKRt50wy2sRq2HDMTsxZ4FJh1FuIegeNgm6iLcWDMx6YtRL6gKp8T9xZgn3FUU8fRDTPAXeC6LWpHhosxECaJVCLcBTRNddw6WM45240CN4C5HIy0U8qJCb9qzvYWNCQl71Owu2m1Ezo8cBAxBsxmYC5v9X3xvIHtiAu5zjfPi2ilaiUagAMD9rdUIopqcO8h3LKNHxnwfkFFwQ2fgJZq+guIakqEXyrukH9Iea9/n4AQwqdsappQWuhNNE74XlEz9yMHOLWaQq6zEbgCmoip5ZieV5EBONiDVsU75Ha0UBHoCrhoQTKOOoJByffphh8gJMoYnJGCIR8XfwLa/QT2esmBWm9RmiUJ5HB+fLhjBpULnPAb+NH+74Uqz5y+Gaosn2yL6Nx+LcAADhxsBVucsCrKGK4PE5lBI0IayOBXNXUQBqb4iwAaXOGs3ykGkoJ4RcXS4oOBhLSfZoBJhBygo1KugaAiipy70wd7nLo9WiQGIR731/wyg8YIsf7+oQR0nWZJIkgjSQJ1/rFpD+mg+A9dEv37gzwmcAAAAABJRU5ErkJggg==") no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.icon-5 {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
margin-right: 10rpx;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAKSSURBVFiF7ZdNSBRxGMZ/s7Pp6n44SplEwUBGeSjWPhErBmI7FQ2UFFi0EXTNoIsn7VLQxfZWEhh0KiIvnjqkh8AOsbtgFB1qIy1py7RWzY216fDfcdd1x51dZe3gA8uwzDvP87zvfz6eP/zHUNeSqw8wgBgQLNGMAnQAg2muSDEXx9SDLmPPSY/hrJSMNEEfoNm4VgN6gEmnSzJ2n/AY7XcbTI4lcFqxuLwO9JubCFyvI/wkwatHiWAingoCD4BLOeUKYlKnAK12m5N9bT78uofqWpmf4ylLt5YGTLjrZI5cUWi9XMO757OEnyZa3r/4bZ5WgYtAhyShNB6t5sA5H42HqwrR2jdgwiFLNAXcNAXcO5EIzyVSvbdbRm+562Sl+bSXvWe8KFts0xVvYBEMmmWn3A0oF+43UL+joiQaAAfi5ooh1rHscJB5zPQya0eASGlLsHJogB/EBNYU6wbWDawbsDQwPTHPzI/5VRGZS/wt2kBoLJokdHyU/s5vfHmdLEn4U3iOx9fi9LZ9BvEZXwKrN+EdYCiVNK6ODEwHRwam2eqv5FB7DbuOVSNvkCxFU38M3j6b4eXDX4y/SU4BQ0AofbRtACCKCB43AG0smuwai8ZVz0aZ/Wd9bG+t2pxT//XD8Oxwf+d3fWZi/iOi4xAwtYwGIKKSgYhRaoFajXRelCtEVGvrqTfO32vo7o6prnRNIQ4F6MrSZTLrj93spyK+ojFE6CwkaprvyaOHTia5Zv9i2JvKcjC7jeThH0Sk5gWoZMJJvuIg9kOLRv6mJhFNaYUIdDJ7g1wCqyXSyD9iswG9iAYWoCI6zzdCc9OSvfnIPd9ViqgV/FgvUdEjXimCLO7avKHKHmxVVncTW378A9QT5wUjCfL+AAAAAElFTkSuQmCC") no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.icon-8 {
|
||||
width: 27rpx;
|
||||
height: 32rpx;
|
||||
margin-right: 10rpx;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAgCAYAAADjaQM7AAADJUlEQVR4AeRW4VnbMBB98gRhgzAB9gRUHwOUTFAyAWECYILABEkngAX62UxgZ4J4AzKB1fdkK7ZjSGmpf3GfLtKdzvfuTifHET5KaT5Fml8hLVJyTn5tmPJmiV/5gvuTY+7+DOZBihVgtmTO+AYgBiDHYspugcgsIZuXze17oMfBUkYrB8AVPkYTVO4OMMw8j3FA74MpQhhG23uipPTMLO7odL7nyBAAGYAdapoCJmWGPcC3wZSRjxCBSsDNYeNT8gznZ/e4SNZ7lmxjS5uED6zJGixxH3AIluY8A9PNaE0AgiTBiRwNWWdb4ZK2c585PAnwya/4MwSDuaU+jMw/HKQwK6A0p6Og0BxdE2TpS6dM69JqY0rdlRZ9MDkBmBkacvc0nLDFeeDFPkL4gIx0K+5taTMFqnvAWdikgKiqfnIqyRzmVjZ9MJgf3Amj5IMZBYHroC/5gGaqoEaYAlDEJe3EO84ZAtmkZAM9NqJs4wMwXOKQbFJ3n2+QpGAmK5p07WIGIWdUH4wIBfYUnbdgOuD6oobt9kx0BjapG6RyLzR4JofBLM0yCATuVqApo3ZdL7PWufYEXAdQS+FXLW/jGUU6cjewMTs1nlFuhvnOhUoPqDspNOMoGG3MkpEeBkG9hoCSB616bOM5LPUKNDLXnb1dW8aOtrPk2ZgtXvz7TuVpz0Zn2THsLfXC1hsEaO35dmnBKsR4mybsqjvAsPXNlg3yStb8hHSz9IH4YIoV0oK64pW2aqIuEEhNZrqg/ZS59+6YcEeOmLVb+EDqV5uuAXXQPgYUmazOLOLtB+QAo1FVPUa+ASpGOBqKd5yxaVjGOquJV4324/gqAyLWfDEahnfsbphVpqXOrNBiJF4TaH8XCeZmgDtFZEbI0PnyhUQiIu/IJapqE5RjzcxsLNdDv18BzCZqz3KY/P/THJTR6W9813GvddGRP7Xsg+l/SNcALuF1OIGNTzjffAqh83AfTBs22UFfSJol/xsXgHmgn96xDMHwV6Qy86zpuHKsgLOsxAlsnMCeUe77+giYopNTRovwpSWnp3Qqx/xWpOOLRJlkOFKR3wAAAP//prmx5wAAAAZJREFUAwAwoC6lMoqQ5AAAAABJRU5ErkJggg==") no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.icon-9 {
|
||||
width: 26rpx;
|
||||
height: 32rpx;
|
||||
margin-right: 10rpx;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAgCAYAAAAMq2gFAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAHESURBVEiJ3ZcxctpAFIa/X5MZ4845gcUNnBNk0nhUkgqTCt8gnAB0AuwbyI0hVXCnSRNuYN8gOoKrgBu9FEjMSsgWxIhk/Fc7b7Xvf//u27dPAgi+2RCjD/jsFwkiirsKlZGM9kxQhBh5mZJmYfQ99r9dVfC9A5AAcDCid2WDwUzGIO4pce3BxHwTY0HHtacpn3980cy1nd9ax/P47to2FFWRAMQ9JTIGu+lw/AZTs4LDC+mlBeXvt8XbS4Z/l3XBxPyqZMjn8nFVtuXYKutMjF2HLomJcW3oz2Aj65rC20uG/4hIjDDaBg9NEiVxV2FW566bIzLCfBj3FAFJcZpHg8fXEiWZc85vrQOgtKAqkfHhaUEbiOqICpXB4ErGHcByuToTp0OaLZ6Ijo4ZCk4wQqeCXAYTuylJ+Og2PYULu1zwfn6p9VYEE/MRPwEf41Pc0zwnji/UzgOJuwopIVv7q1JR65j7YGp5lBicCU5WITEE5svfXLda3DhqR8HU+mye35n7sO1WgjJVecQm7teB1GC3C7tStR5vSwJ/UVSVMkg9TgVfd1m38R7VwTzGLzYVz8CjdIgNIfFQ/WV7NUQkOMxvyx8J8rz3lpEgKQAAAABJRU5ErkJggg==") no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.icon-10 {
|
||||
width: 27rpx;
|
||||
height: 32rpx;
|
||||
margin-right: 10rpx;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAfCAYAAAAWRbZDAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAL6SURBVEiJvZY/TBNxFMc/r9dKQ69QjG0RNDmQBBbiDUJqXBCcaRyMiWEyYXBSF4yJDAQTBwdxYlIXQsJmd8HEBHVgKGHRmEATA+Gf4QTqn5T25wAt0N5xUMDv+N6993nv/d798hPKlFEbMrScZioRQ0QuK+gQRUiJGppdXB2wixHXpKFQCJ/P0DRMUVxWgonCRAg5xWT/ZGpSlmUV272u1YKR96vd0iyUeitISgnT2SzJ1MpKsrE2PCdg4CcElMKMcNjUNF6gMIEQnt12RWEpSIqQVEpNe4Tk80cXrI6Y3/J6vYZSOQPAA6bevpJ0m5IUqrFRle6xNE28mke8Z3ziL/YHdQ893TXEb1SlAlcmG/K5FKQKHyksEZJZMgNeJxDA+mbO8VwAWIaF5QwKSe0178u5PSZTw2cUzmxyrIlgQCt8k3j3k/6hReJdVQw+PF+wD4+uMjz6g8EHtcRvVO8Uv63ZxZUGu5ouRcNrgFmA7QUdVQId6alrc8V2lVM39faPSSVYAobXLrhMpFECE9l3DJ6Tg7nrULCRxBrXbn9jeHT1WDDXMU583iQxvg7A8OgP6iK+smGunW2kczQ3VvDq2UWux3QWljOnB+vuqub1s4u0tVby8kk9PfGasmGOY+y8qgO7/1Jefb0RmhsqaGutPDlYMKCVgPJysrvpv66+bWcb6SwLSxnW07l99vqIj7qoj410li+zf20TtjRWFG6jra2tlCvs/tN5pmZ+2yabHGvi7uPvfHWAdcZ0hp7U2/psYT3xs7S1/imxBwMawYDGvTvn+Dpb6ge4csDi2MI6YzqdMd0xyM1/JNhIYo2pmV+sp7OHStLS6KevN1IebGrmFxOfNw8FAlhY2iof5nTAx5Xj6k98OnxnxWprraQuWnph28L6XyweaYzFclp/W1hfb4TrZWxbAXbVPtYWVhf1EY+Wd/8dpNO9G/1+C0DU9lNdLtWG3wMdwYDnWC8sO80vZ1Kw845UWNJ7yzDHP6TfiGCeKGmvFJZCDfwDa27tlQaAF3UAAAAASUVORK5CYII=") no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.right-txt {
|
||||
font-size: 28rpx;
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
.report-wrap {
|
||||
padding: 40rpx 0 0;
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 35rpx;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.item {
|
||||
.label {
|
||||
color: #999999;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.value {
|
||||
color: #333;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.course-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
padding: 40rpx 0 15rpx;
|
||||
|
||||
.item {
|
||||
width: 320rpx;
|
||||
background: #F8F9FB;
|
||||
border-radius: 12rpx;
|
||||
overflow: hidden;
|
||||
margin-bottom: 20rpx;
|
||||
|
||||
.img-wrap {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
width: 320rpx;
|
||||
height: 184rpx;
|
||||
|
||||
image {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.title {
|
||||
padding: 10rpx 20rpx 0;
|
||||
height: 76rpx;
|
||||
color: #333333;
|
||||
font-size: 28rpx;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
/*! autoprefixer: ignore next */
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
|
||||
.count {
|
||||
margin-top: 10rpx;
|
||||
font-size: 24rpx;
|
||||
color: #999999;
|
||||
padding: 0 20rpx 20rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.text-wrap {
|
||||
padding: 40rpx 0 15rpx;
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
margin-bottom: 25rpx;
|
||||
|
||||
.label {
|
||||
font-size: 28rpx;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.value {
|
||||
width: 500rpx;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
|
||||
&.w450 {
|
||||
width: 450rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.long-value {
|
||||
width: 450rpx;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
/*! autoprefixer: ignore next */
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.list {
|
||||
padding: 40rpx 0 15rpx;
|
||||
|
||||
.item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 25rpx;
|
||||
|
||||
.name {
|
||||
color: #1677ff;
|
||||
font-size: 28rpx;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
.cancel-btn {
|
||||
width: 92rpx;
|
||||
height: 48rpx;
|
||||
line-height: 48rpx;
|
||||
text-align: center;
|
||||
background: #FCF6EC;
|
||||
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
||||
border: 2rpx solid #FAECD8;
|
||||
font-size: 26rpx;
|
||||
color: #E6A23C;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.empty {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 40rpx 0 25rpx;
|
||||
|
||||
.icon {
|
||||
width: 128rpx;
|
||||
height: 128rpx;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAATlBMVEUAAABLac1KaMtNbM5Lac1IaMxGZMVPY89JZstNW9ZKaMxJZs1LaMtLaM1Jac1KaM1KaMtKatBKZ8xKaMxKaMpHZMhLaNFKac5LaM1MZ84Bwi/qAAAAGnRSTlMAM4AZmR8IEHAFeFBAJzhgSBNoWGAMLIqVOe7t0vgAAAVXSURBVHja7ZmJrqMgFIYFyiKLUpf2zvu/6Hix5UhprVAaMxO/m5umafQ/nFWwOjg4ODg4ODg4+M8h1b6wvtoXinm1Ky221Z4YjHd1AZUYY7GbBURhh9S7lALqMKD2MIGZ9i5Pq51o8ITYYfWBBfv2wu6rfYBR1OiJBhH2KhWxi/8XksDoQeAFsm3IUxc4S2XhXkCVwE+QUbq7tTMksGjKqXNQj2kb9iRUFvflXKAFXkVq9iQQrFh/A/mubyiZV8hNs3CLoLHXSnnfqwyIRz82Lb7RRwsuu3yhXqyIWnmLQ1N9AX0P8opDmb6ZoIs/TLIOOxR/E6Y5EB93wJY/1Reo8tScUnO5XIwxZKwrjxFzRbLPpoh9pg/lXBODAszZ28BvxrIPOt3vCmgF9KFbR4OeQL0JdjY3v9z0w2OEDRKrjuQjE/SnmYiCEKDgdgStQAILPqjGZS/h0unD8tcw9dKCoVe6MTxn1i8rwiX1Tf+C3nBhPm2A1lL2QUVASjO0AQZ9OxrWGTAXADqvH6HtFpB4WNPsDmzB/xu41HBliGJ5DpDzdWYt+S6RBcwFgQfDuuNZDtBv628Mf6ZQvioc1l2OAwR7lwDG6YUGTfwu3D+Q0janOyHoJybFAANXo9CbInEq+gwY0RrkMUJn74LhIZ4mOQLWOyCBWUbh4IiCQwxSIkA3t4AoCyjEwCFSH1WUjwBFidBZMRzLMtUDwk+BC0rFTwSoPHDIRpivAYaSGf0gYVFKb4X4rCUoGeLXTJdjrU/OwZwUgDpYPJcQGGtJOQhFmMbFp52F+by5BuARX+TkIGThcB8HXKQ+KjdyMT1QBrU3wOsnnFQwhWeGTw1wtzASpySAM7iMAcrdQmOc1gKIwAUN6Oa7SbJdf3aYavNzAJLQkXJq7QPWuB2RzKkCKEPvyoRjIi5vDptDxzL7gIF7pY0gJrzDjM9cgpKhk7wG929HwRXEN9IRJcO5Fn75CdBlwsr79KhRKtrLJ761aZfb2sH3YpooL66wIUrSJ8El1iVBcgysPJ3AAJ2+EaGBOSqtE+j+ejqdflwmCbjbVlT46C7c14Q66OVpwjlAIN65RpLE4NIu3JujrTtTK35OMz/uQI1mHNj14VaCwzg4o3WUuJ48rfEJTaok7EPdDBBFsxZ3eQKu4g9UdFulQR8aF3Lf144n/qjueloge4RqqGhaJdI9HLkPMMh5vPLZ7wDu//iNocnYjsP4aBFbZIHgUSVY1cmbOKjrxVkdgxpMA8F7KMrus6GHM0I9SXfYpXsQd/UnPCvsoYckQgX2iE7djmmRnpTB4wG4s8hDFgUsWeZ7KfyS6xPxaemRPpEfHZVyK/ErfsDtsrXRQelSX5V8OQhcf6ZG27WwcIDUy4fqj1+WMdpY1QlwhhgGpRtDyZvDcgK7kEJQEb6Lqs9RWzSkhgECDzWl4MKfdIIN3ogLBfWKWdAvbEH8VrIex5HVkbOgdRWEd9jR8ncVXF4fXAvn7usNRJXXhx0TDIoQjgb8zRencGThaBvCgoIdcMKJeD60xYDolbJa9UOHAYGqrwImAAXl0aA3mGDlC3VIz0zI1lMMajv8QKdMAfcmTFBGtVKDEKIbhr7Z/lZuPUNbOEf7EsxWu8J7cHEm9S/sKe6n9fW3GEubrMjYyPl5gmzkPMH5yFhsTyP5ZuFJFjTzmWxZTsxmkzQ/k+KcuTODvRUvpE3df2QFq9flOQFo/j8ox/B6RZ+UhEbruFG/NuAce4/mfcKXmA0h+FgdiBbD601JmOWElThAEu5bhimwsBHRtNXHjQj4fismQSsuCwyj8ffPf8AwOjg4OPjX+AveIUqXZPVRsgAAAABJRU5ErkJggg==") no-repeat;
|
||||
background-size: 100%;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
|
||||
text {
|
||||
font-size: 24rpx;
|
||||
color: #A4B3E5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.footer {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding-top: 10rpx;
|
||||
|
||||
.btn {
|
||||
width: 400rpx;
|
||||
height: 80rpx;
|
||||
text-align: center;
|
||||
line-height: 80rpx;
|
||||
background: #1677ff;
|
||||
font-size: 28rpx;
|
||||
color: #fff;
|
||||
border-radius: 60rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
656
packageB/pages/userCenter/smartTarget.vue
Normal file
656
packageB/pages/userCenter/smartTarget.vue
Normal file
@@ -0,0 +1,656 @@
|
||||
<template>
|
||||
<view class="index-wrap">
|
||||
<view class="head-bar" :style="{'margin-top': barHeight + 5 + 'px'}">
|
||||
<view class="go-back" @click="goBack"></view>
|
||||
<text>smart目标制定</text>
|
||||
</view>
|
||||
<view class="content">
|
||||
<view class="banner-wrap"></view>
|
||||
<view class="desc">
|
||||
SMART法则是目标设定和任务管理的一种结构化方法， 用于设定和分析目标的可行性，其核心是通过五个关键原则实现目标的科学设定与执行:
|
||||
</view>
|
||||
<view class="smart-item s-code">
|
||||
<view class="code">
|
||||
S
|
||||
</view>
|
||||
<view class="info">
|
||||
<view class="title">
|
||||
目标具体性
|
||||
</view>
|
||||
<view class="txt">
|
||||
在大学四年内，掌握英语教学法、教育心理学等专业知识，具备独立设计和实施英语课程的教学能力。
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="smart-item m-code">
|
||||
<view class="code">
|
||||
M
|
||||
</view>
|
||||
<view class="info">
|
||||
<view class="title">
|
||||
目标可测量性
|
||||
</view>
|
||||
<view class="txt">
|
||||
通过参加英语教师资格认证考试，获得相关证书；每年至少发表一篇英语教学方面的论文或参加一次学术研讨会。
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="smart-item a-code">
|
||||
<view class="code">
|
||||
A
|
||||
</view>
|
||||
<view class="info">
|
||||
<view class="title">
|
||||
目标可实现性
|
||||
</view>
|
||||
<view class="txt">
|
||||
参加培训课程、阅读专业书籍、进行教学实践等。确保每周投入一定的时间进行学习和实践。
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="smart-item r-code">
|
||||
<view class="code">
|
||||
R
|
||||
</view>
|
||||
<view class="info">
|
||||
<view class="title">
|
||||
目标相关性
|
||||
</view>
|
||||
<view class="txt">
|
||||
考虑自己的英语水平和教学经验，目标符合个人能力和职业发展规划。同时，关注英语教育行业的动态和趋势，确保目标具有前瞻性。
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="smart-item t-code">
|
||||
<view class="code">
|
||||
T
|
||||
</view>
|
||||
<view class="info">
|
||||
<view class="title">
|
||||
目标时限性
|
||||
</view>
|
||||
<view class="txt">
|
||||
一年内完成英语教师资格认证考试的学习准备，两年内积累一定的教学经验，三年内发表第一篇教学论文等。
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="target-content">
|
||||
<view class="target-tabbar">
|
||||
<view class="item" :class="checkedTargetCode ==item.EncodeId?'on':''" v-for="(item,index) in targetList" :key="index" @click="changeTarget(item)">
|
||||
<text v-text="tabs[index]"></text>
|
||||
<view class="del-btn" @click="delTarget(item)"></view>
|
||||
</view>
|
||||
<view class="add-btn" :class="checkedTargetCode ==-1?'on':''" v-if="targetList.length < 5" @click="addTarget">
|
||||
+ 新增目标
|
||||
</view>
|
||||
</view>
|
||||
<view class="form-wrap" >
|
||||
<view class="form-item">
|
||||
<view class="label">
|
||||
目标描述
|
||||
</view>
|
||||
<view class="input-wrap">
|
||||
<textarea v-model="targetForm.TargetDesc"
|
||||
placeholder="如:在未来三年内成功考取国内知名大学计算机专业的硕士研究生，并在研究生期间发表至少一篇高水平学术论文"></textarea>
|
||||
</view>
|
||||
</view>
|
||||
<view class="form-item">
|
||||
<view class="label">
|
||||
目标类型
|
||||
</view>
|
||||
<view class="check-wrap">
|
||||
<view class="checked-item" @click="targetForm.TargetType = 1">
|
||||
<view class="icon" :class="targetForm.TargetType == 1?'on':''"></view>
|
||||
<text class="text">就业型</text>
|
||||
</view>
|
||||
<view class="checked-item" @click="targetForm.TargetType = 2">
|
||||
<view class="icon" :class="targetForm.TargetType == 2?'on':''"></view>
|
||||
<text class="text">创业型</text>
|
||||
</view>
|
||||
<view class="checked-item" @click="targetForm.TargetType = 3">
|
||||
<view class="icon" :class="targetForm.TargetType == 3?'on':''"></view>
|
||||
<text class="text">国内升学型</text>
|
||||
</view>
|
||||
<view class="checked-item" @click="targetForm.TargetType = 4">
|
||||
<view class="icon" :class="targetForm.TargetType == 4?'on':''"></view>
|
||||
<text class="text">国外升学型</text>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<view class="form-item">
|
||||
<view class="label">
|
||||
具体性
|
||||
</view>
|
||||
<view class="input-wrap">
|
||||
<textarea v-model="targetForm.Targetspecificity" placeholder="该目标足够具体明确吗?请说明"></textarea>
|
||||
</view>
|
||||
</view>
|
||||
<view class="form-item">
|
||||
<view class="label">
|
||||
可测量性
|
||||
</view>
|
||||
<view class="input-wrap">
|
||||
<textarea v-model="targetForm.Measurability" placeholder="该目标的结果如何评估，是否可量化?请说明"></textarea>
|
||||
</view>
|
||||
</view>
|
||||
<view class="form-item">
|
||||
<view class="label">
|
||||
可实现性
|
||||
</view>
|
||||
<view class="input-wrap">
|
||||
<textarea v-model="targetForm.Realizability" placeholder="该目标是否考虑自身的条件和外部环境，真的可以实现吗?请说明"></textarea>
|
||||
</view>
|
||||
</view>
|
||||
<view class="form-item">
|
||||
<view class="label">
|
||||
相关性
|
||||
</view>
|
||||
<view class="input-wrap">
|
||||
<textarea v-model="targetForm.Correlation" placeholder="该目标符合你自己的兴趣、价值观与未来的人生规划吗?请说明"></textarea>
|
||||
</view>
|
||||
</view>
|
||||
<view class="form-item">
|
||||
<view class="label">
|
||||
时限性
|
||||
</view>
|
||||
<view class="input-wrap">
|
||||
<textarea v-model="targetForm.Timeliness" placeholder="该目标是否有明确的时间规划?请说明"></textarea>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tip">
|
||||
注：如果分析不下去，说明目标不可行，需要优化或
|
||||
重新设定目标
|
||||
</view>
|
||||
<view class="btn-wrap">
|
||||
<view class="commit-btn" @click="saveTarget">
|
||||
确认提交
|
||||
</view>
|
||||
<view @click="goPlan" class="nav-btn">
|
||||
前往制定学习计划
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import api from "@/apiB/studentProfile.js"
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
barHeight: wx.getWindowInfo().statusBarHeight,
|
||||
tabs:['目标一 ', '目标二 ', '目标三 ', '目标四 ', '目标五 '],
|
||||
targetList: [],////目标列表
|
||||
checkedTargetCode: "",//// 目标码
|
||||
newTargetParams: {
|
||||
Id: 0,
|
||||
TargetDesc: "",
|
||||
TargetType: "",
|
||||
Targetspecificity: "",
|
||||
Measurability: "",
|
||||
Realizability: "",
|
||||
Correlation: "",
|
||||
Timeliness: "",
|
||||
},//新增目标字段
|
||||
targetForm: {},//当前选中的目标
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.querySmartTargets();
|
||||
},
|
||||
methods: {
|
||||
goPlan(){
|
||||
if(this.targetList.length==0){
|
||||
uni.showToast({
|
||||
title: "请先新增目标",
|
||||
icon: "none"
|
||||
})
|
||||
return;
|
||||
}
|
||||
uni.navigateTo({
|
||||
url:"/packageB/pages/userCenter/learningPlan"
|
||||
})
|
||||
},
|
||||
goBack(){
|
||||
uni.navigateBack(-1);
|
||||
},
|
||||
// 添加目标
|
||||
addTarget(){
|
||||
this.targetForm = {
|
||||
Id: 0,
|
||||
TargetDesc: "",
|
||||
TargetType: "",
|
||||
Targetspecificity: "",
|
||||
Measurability: "",
|
||||
Realizability: "",
|
||||
Correlation: "",
|
||||
Timeliness: "",
|
||||
};
|
||||
this.checkedTargetCode = -1;
|
||||
},
|
||||
// 保存目标
|
||||
async saveTarget(){
|
||||
const res = await api.saveSmartTarget(this.targetForm);
|
||||
if (res.Result == 1) {
|
||||
uni.showToast({
|
||||
title: "保存成功",
|
||||
icon: "success"
|
||||
})
|
||||
this.querySmartTargets();
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.Message,
|
||||
icon: "none"
|
||||
})
|
||||
}
|
||||
},
|
||||
// 切换目标标签
|
||||
changeTarget(ITEM){
|
||||
if(ITEM.EncodeId == this.checkedTargetCode){
|
||||
return;
|
||||
}
|
||||
this.checkedTargetCode = ITEM.EncodeId;
|
||||
this.targetForm = this.targetList.filter(item=>item.EncodeId == ITEM.EncodeId)[0];
|
||||
},
|
||||
// 删除目标
|
||||
async delTarget(ITEM){
|
||||
await new Promise((resolve,reject)=>{
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '是否确认删除该目标',
|
||||
confirmText: '确定',
|
||||
cancelText: '取消',
|
||||
success: (res)=> {
|
||||
if (res.confirm) {
|
||||
resolve();
|
||||
} else if (res.cancel) {
|
||||
console.log('用户点击取消');
|
||||
}
|
||||
}
|
||||
});
|
||||
})
|
||||
const res = await api.deleteSmartTarg(ITEM.EncodeId);
|
||||
if (res.Result == 1) {
|
||||
uni.showToast({
|
||||
title: '删除成功',
|
||||
icon: 'success'
|
||||
});
|
||||
this.checkedTargetCode="";
|
||||
this.targetForm={
|
||||
Id: 0,
|
||||
TargetDesc: "",
|
||||
TargetType: "",
|
||||
Targetspecificity: "",
|
||||
Measurability: "",
|
||||
Realizability: "",
|
||||
Correlation: "",
|
||||
Timeliness: "",
|
||||
};
|
||||
this.querySmartTargets();
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.Message,
|
||||
icon: "none"
|
||||
})
|
||||
}
|
||||
},
|
||||
// 获取
|
||||
async querySmartTargets() {
|
||||
const res = await api.querySmartTargets();
|
||||
if (res.Result == 1) {
|
||||
this.targetList = res.Data;
|
||||
if(res.Data.length > 0){
|
||||
if(this.checkedTargetCode == ""){
|
||||
this.checkedTargetCode = res.Data[0].EncodeId;
|
||||
this.targetForm = res.Data[0];
|
||||
}else if(this.checkedTargetCode == -1){
|
||||
this.checkedTargetCode = res.Data[res.Data.length-1].EncodeId;
|
||||
this.targetForm = res.Data[res.Data.length-1];
|
||||
}else {
|
||||
this.targetForm = this.targetList.filter(item=>item.EncodeId == this.checkedTargetCode)[0];
|
||||
}
|
||||
}
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.Message,
|
||||
icon: "none"
|
||||
})
|
||||
}
|
||||
},
|
||||
//确认表单
|
||||
async commitForm() {
|
||||
if (!this.isCommit) {
|
||||
return;
|
||||
}
|
||||
uni.showLoading({
|
||||
title: "保存中..."
|
||||
})
|
||||
let mobileCode = this.code;
|
||||
const data = {
|
||||
SchoolName: this.schoolName,
|
||||
EduLevel: this.eduLevel,
|
||||
SpecialtyName: this.specialtyName,
|
||||
Phone: this.mobile,
|
||||
StartYear: this.startYear
|
||||
}
|
||||
const res = await api1.saveUserBasisInfo(mobileCode, data);
|
||||
uni.hideLoading();
|
||||
if (res.Result == 1) {
|
||||
uni.navigateBack()
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.Message,
|
||||
icon: "none"
|
||||
})
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss">
|
||||
$image-oss-url: "https://51xuanxiao.oss-cn-hangzhou.aliyuncs.com/Resource/xcx_sygh";
|
||||
|
||||
page {
|
||||
background: #fff url("#{$image-oss-url}/17.png") no-repeat;
|
||||
background-size: contain;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
</style>
|
||||
<style lang="scss" scoped>
|
||||
$image-oss-url: "https://51xuanxiao.oss-cn-hangzhou.aliyuncs.com/Resource/xcx_sygh";
|
||||
|
||||
.head-bar {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
font-size: 36rpx;
|
||||
font-weight: 600;
|
||||
height: 60rpx;
|
||||
line-height: 60rpx;
|
||||
|
||||
.go-back {
|
||||
position: absolute;
|
||||
left: 10rpx;
|
||||
top: 0;
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABUklEQVRoQ+3ZOwrCQBCA4UlyCVsrQauQdPYewcNYWXoHK1s9gYeYdIKlracYWYggkgiTnccuaB3D/+1sYEMKyPxXZN4Pf0DMBOu6XpZluQOANRGduq7bc+/nNoE+/gwAq3c0IrJ72H/grtDQ9UPxAPBAxDn3/uaAkfjQvUXES9IA6fiANZuARrwZQCveBKAZrw7QjlcFWMSrAaziVQCW8eIA63hRgEe8GMArXgTgGR8N8I6PAqQQPxmQSvxkQNM0VwDYfJ3dJ53nuef/7+vZx+l+9W8pxE+aQNu2CyK6ZwsI4VlvoQDI/iFOCcF+iD/3fgqTiAKkMIlogDdCBOCJEAN4IUQBHghxgDVCBWCJUANYIVQBFgh1gDbCBKCJMANoIUwBGghzwA/EExFn3HdkF8AYIpvPrO9VDu8TVVUdiKghomNWH7q5W2Xserct9Af0K/AChQ/cMY9OGScAAAAASUVORK5CYII=") center no-repeat;
|
||||
background-size: 38rpx 38rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.index-wrap {
|
||||
.content {
|
||||
padding-top: 60rpx;
|
||||
padding-bottom: 60rpx;
|
||||
|
||||
.banner-wrap {
|
||||
width: 750rpx;
|
||||
height: 423rpx;
|
||||
background: url("#{$image-oss-url}/gaoxiao/academicEvaluation/smart-banner.png");
|
||||
background-size: 100%;
|
||||
margin-bottom: 50rpx;
|
||||
}
|
||||
|
||||
.desc {
|
||||
margin-bottom: 40rpx;
|
||||
font-size: 28rpx;
|
||||
line-height: 48rpx;
|
||||
color: #666666;
|
||||
padding: 0 30rpx;
|
||||
}
|
||||
|
||||
.smart-item {
|
||||
padding: 0 30rpx 0 55rpx;
|
||||
position: relative;
|
||||
margin-bottom: 25rpx;
|
||||
|
||||
.code {
|
||||
position: absolute;
|
||||
left: 30rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 86rpx;
|
||||
height: 110rpx;
|
||||
padding-right: 20rpx;
|
||||
text-align: center;
|
||||
line-height: 110rpx;
|
||||
font-size: 50rpx;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.info {
|
||||
width: 530rpx;
|
||||
padding: 30rpx 30rpx 30rpx 106rpx;
|
||||
background-color: #ffedef;
|
||||
border-radius: 10rpx;
|
||||
|
||||
.title {
|
||||
font-size: 28rpx;
|
||||
font-weight: 600;
|
||||
color: #333333;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.txt {
|
||||
font-size: 28rpx;
|
||||
line-height: 40rpx;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
|
||||
&.s-code {
|
||||
.code {
|
||||
background: url("#{$image-oss-url}/gaoxiao/academicEvaluation/smart-s.png") no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.info {
|
||||
background: #ffedef;
|
||||
}
|
||||
}
|
||||
|
||||
&.m-code {
|
||||
.code {
|
||||
background: url("#{$image-oss-url}/gaoxiao/academicEvaluation/smart-m.png") no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.info {
|
||||
background: #fff4e5;
|
||||
}
|
||||
}
|
||||
|
||||
&.a-code {
|
||||
.code {
|
||||
background: url("#{$image-oss-url}/gaoxiao/academicEvaluation/smart-a.png") no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.info {
|
||||
background: #e9f8e0;
|
||||
}
|
||||
}
|
||||
|
||||
&.r-code {
|
||||
.code {
|
||||
background: url("#{$image-oss-url}/gaoxiao/academicEvaluation/smart-r.png") no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.info {
|
||||
background: #edf3ff;
|
||||
}
|
||||
}
|
||||
|
||||
&.t-code {
|
||||
.code {
|
||||
background: url("#{$image-oss-url}/gaoxiao/academicEvaluation/smart-t.png") no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.info {
|
||||
background: #fcedff;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.target-content {
|
||||
padding: 0 30rpx;
|
||||
|
||||
.target-tabbar {
|
||||
border-top: 2rpx solid #eee;
|
||||
padding-top: 50rpx;
|
||||
margin-bottom: 50rpx;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.item {
|
||||
position: relative;
|
||||
width: 205rpx;
|
||||
height: 64rpx;
|
||||
line-height: 64rpx;
|
||||
text-align: center;
|
||||
border-radius: 34rpx;
|
||||
border: solid 2rpx #eeeeee;
|
||||
font-size: 28rpx;
|
||||
color: #999999;
|
||||
margin-right: 15rpx;
|
||||
margin-bottom: 15rpx;
|
||||
|
||||
&.on {
|
||||
color: #1676FF;
|
||||
border-color: #1676FF;
|
||||
}
|
||||
|
||||
.del-btn {
|
||||
position: absolute;
|
||||
right: 10rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
z-index: 8;
|
||||
background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAolJREFUaEPtWG1SwjAQTYI4HkIc+KXcgp5EehLxJOBJ4BboLzvgIRyQRFNaplPS7NukjMNM+xOym/f242UTKa78k1eOX3QE/juDXQa6DERGoCuhyABGm0MZ+Hi4fTFCTO1uRut0/PWzit6ZcLAe3g3H2XdG7UMSWA/6UynlvOroz2imlXpDNqAA1P9f399MpFJ2v6EQInva7EY+HySB90F/KaScOJxkUojF42b3ygXpWm8jLg+HeX0vo9TIFyiSQO5Y689GkMasTK+XhmajCXhersak4+1+EZUBa1yQWBZpdfkLykbRWzOXQwS8tSMzUDq3JJTWz0YI54bFuswolVDZ8EUdjXyJCyZQGviiVpLw9QZlb7ROOCrHJpCXlEOZXE1elVwq6lZxQiQ6iADYF3ZZ3ht5WfhKz5jV03afhKhZMAEGCS+uotzSEPCsJm7aAGxupzmqNNEyikSHas6aj6B6d+GIKqG6Q5QEdboiAQuWUZ/zYo6xBx71QecF5aSVHjgddMchDAFfmrRCopUSYkS+HtRoEtEEAPB2prejcdMXRSKKADmp2tNVqcQ1Jp+pEjBDtapCCPjyMgJMs/mpjQyCdRJBGeCAPzU5da84LmSTYBMAwNt7s3OihIdARjmxCMSALzMBHnZwJmACgNrY29GMuiMDYzXrnIAIIOAFYyQGmxrqCZJA2+CZTZ2T8D2teAlA4AOUgz1+eLLrJYA0HPcOW9dxSpmoCw9dQkf9dj6pIE2LTJRNgUL8kwQsAKdyMJqWIuG41cEXHohASaLyLkS+WVKgz0qpeHeyv1NSXLWFCVTVg3q44oKPWc8mELPZJWw7ApeIKsdnlwFOtC6xtsvAJaLK8Xn1GfgFGlSeQAhcb/UAAAAASUVORK5CYII=") center no-repeat;
|
||||
background-size: 60%;
|
||||
}
|
||||
}
|
||||
|
||||
.add-btn {
|
||||
width: 155rpx;
|
||||
height: 64rpx;
|
||||
text-align: center;
|
||||
line-height: 64rpx;
|
||||
font-size: 28rpx;
|
||||
color: #1676FF;
|
||||
border-radius: 34rpx;
|
||||
border: solid 2rpx #fff;
|
||||
&.on {
|
||||
border-color: #1676FF;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.form-wrap {
|
||||
.form-item {
|
||||
.label {
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
.check-wrap {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
.checked-item {
|
||||
width: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 30rpx;
|
||||
.icon {
|
||||
width: 20rpx;
|
||||
height: 20rpx;
|
||||
border-radius: 6rpx;
|
||||
margin-right: 10rpx;
|
||||
border: solid 2rpx #787a7c;
|
||||
&.on {
|
||||
width: 24rpx;
|
||||
height: 24rpx;
|
||||
border: none;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAtFBMVEUZifoZifoZifoZifoZifoZifoZifoZifoZifoZifoZifoZifoZifoZifoZifoZifoZifqezf3S6P5Tp/ur1P3///+o0/2m0f3j8f43mPuhz/3p9P8tk/pJovvd7f652/2gzv3v9/+Fwfy62/3r9f81l/spkfrX6/6y2P2Wyf3w9/8di/qx1/2VyP30+f8lj/rg7/6Qxv18vPz3+/89nPtEn/vt9v/+//8wlfvf7v5GoPsAAABXZ1/lAAAAEHRSTlMABm7H8xvP0Adt+fjRb8v03bb1CgAAAAFiS0dEOzkO9GwAAAAHdElNRQfpChsLJB43hRvxAAAAw0lEQVQoz3WS13LCMBRErxu2aV4Slh5IwDih9/r/HxbBUASW90EzOkczmltExLIdF1pcx7ZExcshlZyn3hs44AcSwphQHLNwJG8WBUmzysenOtOiStZMok42mgbRItsd3MRXt3fn3+TPlV9Fnxzc/iXjIR4i+SX/LpcROW7iKTDpklNgRs6H0AUWS3K1JjdbvAokDapsdngXSPbkQePPOo6n+KwXlNVEN7vtGYOyJfBNvBiYl8H3LmtilcqRTqNySa3PP/+nJn7xFbPrAAAAAElFTkSuQmCC") no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
}
|
||||
.text {
|
||||
font-size: 28rpx;
|
||||
color: #787a7c;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.input-wrap {
|
||||
margin-bottom: 40rpx;
|
||||
|
||||
textarea {
|
||||
width: 650rpx;
|
||||
height: 120rpx;
|
||||
padding: 20rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 6rpx;
|
||||
border: solid 2rpx #eeeeee;
|
||||
resize: none;
|
||||
font-size: 28rpx;
|
||||
line-height: 40rpx;
|
||||
|
||||
&::-webkit-input-placeholder {
|
||||
color: #999999;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tip {
|
||||
font-size: 28rpx;
|
||||
line-height: 40rpx;
|
||||
color: #1676FF;
|
||||
margin-bottom: 50rpx;
|
||||
}
|
||||
|
||||
.btn-wrap {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding-bottom: 50rpx;
|
||||
|
||||
.commit-btn {
|
||||
width: 335rpx;
|
||||
height: 80rpx;
|
||||
background-color: #1676FF;
|
||||
border-radius: 40rpx;
|
||||
font-size: 28rpx;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
line-height: 80rpx;
|
||||
}
|
||||
|
||||
.nav-btn {
|
||||
width: 331rpx;
|
||||
height: 76rpx;
|
||||
font-size: 28rpx;
|
||||
text-align: center;
|
||||
line-height: 76rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 40rpx;
|
||||
color: #1676FF;
|
||||
border: solid 2rpx #1676FF;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user