mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-mobile.git
synced 2025-12-10 11:26:47 +08:00
提交
This commit is contained in:
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="my-medal">
|
<view class="my-medal">
|
||||||
<view class="medal-img">
|
<view class="medal-img">
|
||||||
<u-avatar v-if="userInfo.avatar && userInfo.avatar!=''" shape="circle" :size="76" :src="fileBaseUrl + userInfo.avatar" ></u-avatar>
|
<u-avatar style="margin: 0 auto;" v-if="userInfo.avatar && userInfo.avatar!=''" shape="circle" :size="76" :src="fileBaseUrl + userInfo.avatar" ></u-avatar>
|
||||||
<view v-else>
|
<view v-else>
|
||||||
<view v-if="userInfo.sex == null" class="peo"></view>
|
<view v-if="userInfo.sex == null" class="peo"></view>
|
||||||
<view v-else>
|
<view v-else>
|
||||||
@@ -221,9 +221,9 @@
|
|||||||
background-position: 14upx 26upx;
|
background-position: 14upx 26upx;
|
||||||
border-radius: 20upx 20upx 0px 0px;
|
border-radius: 20upx 20upx 0px 0px;
|
||||||
backdrop-filter: blur(32px);
|
backdrop-filter: blur(32px);
|
||||||
margin: 32upx;
|
margin: 70upx 32upx 0 32upx;
|
||||||
margin-top: 70upx;
|
height: 47vh;
|
||||||
|
max-height: 47vh;
|
||||||
padding: 60upx 24upx;
|
padding: 60upx 24upx;
|
||||||
padding-bottom: 140upx;
|
padding-bottom: 140upx;
|
||||||
.medal-title{
|
.medal-title{
|
||||||
@@ -254,23 +254,27 @@
|
|||||||
font-size: 20upx;
|
font-size: 20upx;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
bottom: 20upx;
|
bottom: 20upx;
|
||||||
left:36upx;
|
// left:36upx;
|
||||||
|
left:0;
|
||||||
|
right:0;
|
||||||
transform: scale(.7);
|
transform: scale(.7);
|
||||||
}
|
}
|
||||||
.img-level{
|
.img-level{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
font-size: 12upx;
|
font-size: 12upx;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
left:60upx;
|
// left:60upx;
|
||||||
top: 24upx;
|
top: 24upx;
|
||||||
|
left:0;
|
||||||
|
right:0;
|
||||||
transform: scale(.7);
|
transform: scale(.7);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.medal-list-index:last-child{
|
// .medal-list-index:last-child{
|
||||||
.medal-img-index .img-level{
|
// .medal-img-index .img-level{
|
||||||
left:50upx;
|
// left:50upx;
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -22,7 +22,10 @@
|
|||||||
<view style="display: flex;line-height: 40upx;">
|
<view style="display: flex;line-height: 40upx;">
|
||||||
<author-info :name="detailData.sysCreateBy" :avatar="detailData.avatar" :sex="detailData.sex" :info="detailData.ucode" :showInfo="true"></author-info>
|
<author-info :name="detailData.sysCreateBy" :avatar="detailData.avatar" :sex="detailData.sex" :info="detailData.ucode" :showInfo="true"></author-info>
|
||||||
</view>
|
</view>
|
||||||
<view class="concern">
|
<view class="concern" v-if="hasFollow" @click="cancelFollow()">
|
||||||
|
已关注
|
||||||
|
</view>
|
||||||
|
<view class="concern" v-else @click="addFollow()">
|
||||||
+关注
|
+关注
|
||||||
</view>
|
</view>
|
||||||
<!-- <view class="concern" style="color: #999;">
|
<!-- <view class="concern" style="color: #999;">
|
||||||
@@ -190,6 +193,7 @@ import apiQa from '@/api/modules/qa.js';
|
|||||||
import apiUser from '@/api/system/user.js'
|
import apiUser from '@/api/system/user.js'
|
||||||
import apiPraises from '@/api/modules/praises.js'
|
import apiPraises from '@/api/modules/praises.js'
|
||||||
import apiMessage from '@/api/system/message.js'
|
import apiMessage from '@/api/system/message.js'
|
||||||
|
import apiFollow from "@/api/phase2/userfollow.js"
|
||||||
import { mapGetters } from 'vuex';
|
import { mapGetters } from 'vuex';
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
@@ -221,11 +225,13 @@ export default {
|
|||||||
loading: false,//控制点赞按钮是否可以点击
|
loading: false,//控制点赞按钮是否可以点击
|
||||||
firstIndex:0,
|
firstIndex:0,
|
||||||
type:4,
|
type:4,
|
||||||
|
hasFollow:false,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
onLoad(option) {
|
onLoad(option) {
|
||||||
this.questionId=option.id
|
this.questionId=option.id
|
||||||
this.getData(this.questionId);
|
this.getData(this.questionId);
|
||||||
|
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
...mapGetters(['userInfo']),
|
...mapGetters(['userInfo']),
|
||||||
@@ -262,6 +268,48 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
addFollow(){ //添加关注
|
||||||
|
if(this.detailData.sysCreateAid){
|
||||||
|
if(this.userInfo.aid==this.detailData.sysCreateAid){
|
||||||
|
uni.showToast({icon: 'info',title:"不能对自己操作"})
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
let $this=this;
|
||||||
|
apiFollow.save(this.detailData.sysCreateAid).then(res=>{
|
||||||
|
if(res.status == 200) {
|
||||||
|
$this.hasFollow=true;
|
||||||
|
uni.showToast({icon: 'success',title:"关注成功"})
|
||||||
|
} else {
|
||||||
|
uni.showToast({icon: 'info',title:"关注失败"+res.message})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
cancelFollow(){
|
||||||
|
if(this.detailData.sysCreateAid){
|
||||||
|
if(this.userInfo.aid==this.detailData.sysCreateAid){
|
||||||
|
uni.showToast({icon: 'info',title:"不能对自己操作"})
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
let $this=this;
|
||||||
|
apiFollow.remove(this.detailData.sysCreateAid).then(res=>{
|
||||||
|
if(res.status == 200) {
|
||||||
|
$this.hasFollow=false;
|
||||||
|
uni.showToast({icon: 'success',title:"已取消关注"})
|
||||||
|
}else {
|
||||||
|
uni.showToast({icon: 'info',title:"取消关注失败"+res.message})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
autoCheck(id){
|
||||||
|
apiFollow.checkFllow(id).then(res => {
|
||||||
|
if (res.status == 200) {
|
||||||
|
this.hasFollow = res.result ? true : false;
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
closeAnswerEdit(){
|
closeAnswerEdit(){
|
||||||
this.answerEdit.show=false;
|
this.answerEdit.show=false;
|
||||||
},
|
},
|
||||||
@@ -286,6 +334,7 @@ export default {
|
|||||||
this.answers=res.result.answers;
|
this.answers=res.result.answers;
|
||||||
this.answerList=[]
|
this.answerList=[]
|
||||||
this.getAnswerList(id);
|
this.getAnswerList(id);
|
||||||
|
this.autoCheck(res.result.sysCreateAid);
|
||||||
apiUser.getByIds([res.result.sysCreateAid]).then(rs=>{
|
apiUser.getByIds([res.result.sysCreateAid]).then(rs=>{
|
||||||
setTimeout(function(){ uni.hideLoading() },100);
|
setTimeout(function(){ uni.hideLoading() },100);
|
||||||
if(rs.status==200){
|
if(rs.status==200){
|
||||||
|
|||||||
Reference in New Issue
Block a user