Skip to content

B
beyond-clouds-front
Commit ba0fd0e1 by 高浩杰
Options

Merge branch 'master' of coding.yundingshuyuan.com:pigbigbig/beyond-clouds-front into yoona

parents 528cdfd0 16f4c3e6
Showing with 735 additions and 193 deletions
components/common/message/src/main.vue
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
return { return {
visible:false, visible:false,
message:'', message:'',
duration:3000, duration:1000,
type:'info', type:'info',
iconClass:'', iconClass:'',
customClass:'', customClass:'',
......
components/pc/answerCard.vue
<template> <template>
<div class="answer-card__wrap" :style="{width: this.cardType === '1' ? '938px' : '816px'}"> <div class="answer-card__wrap" v-if="showCard">
<div class="answer-card" @click="$router.push('/answer/detail/'+questionId)"> <div class="answer-card" @click="$router.push('/answer/detail/'+questionId)">
<div class="answer-card__left" v-if="!solved"> <div class="answer-card__left" v-if="!solved">
<div> <div>
...@@ -36,19 +36,35 @@ ...@@ -36,19 +36,35 @@
</div> </div>
</div> </div>
</div> </div>
<div class="answer-card__abs" v-if="isMy">
<div class="container__abs">
<div class="deleteButton" @click="dataDeleteItem(questionId)">
<yun-icon name="delete" size="12px" pb="3px"></yun-icon>
</div>
<nuxt-link :to="{path:'/answer/release',query:{id:questionId}}" tag="div" class="editButton">
<yun-icon name="edit" size="12px"></yun-icon>
</nuxt-link>
</div>
</div>
</div> </div>
</template> </template>
<script> <script>
import {dateConvert} from "../../action/utils/dataConvert"; import {dateConvert} from "../../action/utils/dataConvert";
import config from '../../action/config'
export default { export default {
name: "answerCard", name: "answerCard",
props:{ props:{
cardType: String, //cardType: String,
info:{ info:{
type:Object, type:Object,
default: () => ({}) default: () => ({})
},
isMy:{
type:Boolean,
default:false
} }
}, },
data() { data() {
...@@ -62,6 +78,7 @@ ...@@ -62,6 +78,7 @@
tags:[], tags:[],
userNick:'', userNick:'',
viewNumber:'', viewNumber:'',
showCard:true,
} }
}, },
...@@ -84,22 +101,117 @@ ...@@ -84,22 +101,117 @@
this.viewNumber = info.viewNumber; this.viewNumber = info.viewNumber;
} }
}, },
showAlert(id){
this.$alert('确认删除？', '', {
confirmButtonText: '确定',
callback: action => {
this.dataDeleteItem(id)
}
});
},
dataDeleteItem(id){
this.$axios.$delete(config.api.delete.Question.delete+id).then((response)=>{
if(response.code===0){
this.showCard=false;
this.$message({
type:'success',
message:'项目删除成功!'
})
}else{
this.$message({
type:'warning',
message:'项目删除失败!'
})
}
})
},
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss">
.answer-card__wrap{ .answer-card__wrap{
background-color: #fff; background-color: #fff;
position:relative;
.answer-card__abs{
position: absolute;
top:0;
right:0;
width:200*$length;
height:100%;
background-color: transparent;
overflow: hidden;
.container__abs{
position: absolute;
top:-100*$length;
right:-100*$length;
width:200*$length;
height:200*$length;
border-radius: 50%;
background-color: rgba(34,34,34,.4);
transform: rotateZ(90deg);
transition: 1s all;
opacity: 0;
.deleteButton{
position: absolute;
bottom:60*$length;
left:30*$length;
width:30*$length;
height:30*$length;
border-radius: 50%;
background-color:#ff4949;
@extend %cursorPointer;
@extend %flex-row-center;
@extend %animate-transition;
&:hover{
filter:brightness(1.1);
transform: scale(1.03);
}
i{
color:#fff;
}
}
.editButton{
position: absolute;
bottom:30*$length;
left:60*$length;
width:30*$length;
height:30*$length;
border-radius: 50%;
background-color: #13ce66;
@extend %cursorPointer;
@extend %flex-row-center;
@extend %animate-transition;
&:hover{
filter:brightness(1.1);
transform: scale(1.03);
}
i{
color:#fff;
}
}
}
}
.answer-card{ .answer-card{
box-sizing: border-box; box-sizing: border-box;
margin: 0 24*$length; //margin: 0 24*$length;
padding: 24*$length 0; padding: 24*$length 24*$length;
width: 100%;
border-bottom: 1px dashed #EFEFEF; border-bottom: 1px dashed #EFEFEF;
@extend %flex-row-spb; @extend %flex-row-spb;
align-items: flex-start; align-items: flex-start;
justify-content: flex-start; justify-content: flex-start;
@extend %cursorPointer; @extend %cursorPointer;
.answer-card__left{ .answer-card__left{
flex-shrink:0; flex-shrink:0;
margin-top: 3*$length; margin-top: 3*$length;
...@@ -197,5 +309,13 @@ ...@@ -197,5 +309,13 @@
} }
} }
} }
&:hover{
.answer-card__abs{
.container__abs{
transform: rotateZ(0deg);
opacity: 1;
}
}
}
} }
</style> </style>
components/pc/comment/commentCard1.vue
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<transition name="fade" > <transition name="fade" >
<div class="comment-card__wrap"> <div class="comment-card__wrap">
<div class="comment-card1"> <div class="comment-card1" v-if="type!=='dynamic'">
<div class="comment-card1__l"> <div class="comment-card1__l">
<yun-avatar :src="info.userAvatar"></yun-avatar> <yun-avatar :src="info.userAvatar"></yun-avatar>
<p class="abs1" v-if="info.replyStatus===1||solved===true">已采纳</p> <p class="abs1" v-if="info.replyStatus===1||solved===true">已采纳</p>
...@@ -24,7 +24,41 @@ ...@@ -24,7 +24,41 @@
</p> </p>
</div> </div>
<transition name="fade" > <transition name="fade" >
<textarea v-model="commentContent" v-if="showCommentInput" name="" id="" cols="30" rows="10" class="release-area"></textarea> <textarea v-model="commentContent" v-if="showCommentInput" name="" id="card11" cols="30" rows="10" class="release-area"></textarea>
</transition>
<transition name="fade" >
<div class="button-box" v-if="showCommentInput">
<p @click="dataPostComment1">评论</p>
</div>
</transition>
<card2 @listenCommentReget2="dataGetComment" :type="type" :id="id" v-for="(val,index) in commentList" :key="val.commentId" :info="val"></card2>
<p class="comment-more" @click="clickToGetMore" v-if="currentPage<pages">查看更多</p>
</div>
</div>
<div class="comment-card1-dynamic" v-if="type==='dynamic'">
<div class="comment-card1__l">
<yun-avatar :src="info.userAvatar"></yun-avatar>
<p class="abs1" v-if="info.replyStatus===1||solved===true">已采纳</p>
<p class="abs2" @click="dataPostToSolve" v-if="info.replyStatus===0&&questionUser===$store.state.userProfile.userId">采纳</p>
</div>
<div class="comment-card1__r">
<div class="header">
<h6>{{info.userNick}}</h6>
<p>{{floor}}楼</p>
</div>
<p class="comment-box" v-if="type!=='question'">{{info.comment}}</p>
<p class="comment-box" v-if="type==='question'">{{info.reply}}</p>
<div class="footer">
<h6>{{dateConvert2}}</h6>
<p>
<span @click="showCommentInput=!showCommentInput">回复</span>
<span>赞{{likeNum}}</span>
<span @click="dataDeleteComment" v-if="this.info.userId ===$store.state.userProfile.userId">删除</span>
</p>
</div>
<transition name="fade" >
<textarea v-model="commentContent" v-if="showCommentInput" name="" id="card12" cols="30" rows="10" class="release-area"></textarea>
</transition> </transition>
<transition name="fade" > <transition name="fade" >
<div class="button-box" v-if="showCommentInput"> <div class="button-box" v-if="showCommentInput">
...@@ -131,6 +165,11 @@ ...@@ -131,6 +165,11 @@
url = config.api.post.ProjectComment.release+this.id.toString()+'/comment'; url = config.api.post.ProjectComment.release+this.id.toString()+'/comment';
postData.parentId = this.info.commentId; postData.parentId = this.info.commentId;
} }
if(this.type === 'dynamic'){
url = config.api.post.PostComment.release+this.id.toString()+'/comment';
postData.parentId = this.info.commentId;
}
if(this.type === 'question'){ if(this.type === 'question'){
url = config.api.post.QuestionReplyComment.release+this.info.replyId.toString()+'/comment'; url = config.api.post.QuestionReplyComment.release+this.info.replyId.toString()+'/comment';
} }
...@@ -173,6 +212,11 @@ ...@@ -173,6 +212,11 @@
params.parentId = this.info.commentId; params.parentId = this.info.commentId;
} }
if(this.type === 'dynamic'){
url = config.api.get.PostComment.list+this.id.toString()+'/comments';
params.parent_id = this.info.commentId;
}
if(this.type === 'question'){ if(this.type === 'question'){
url = config.api.get.QuestionReplyComment.list+this.info.replyId+'/comments'; url = config.api.get.QuestionReplyComment.list+this.info.replyId+'/comments';
} }
...@@ -208,6 +252,9 @@ ...@@ -208,6 +252,9 @@
if(this.type === 'project'){ if(this.type === 'project'){
url = config.api.delete.ProjectComment.delete+this.info.commentId url = config.api.delete.ProjectComment.delete+this.info.commentId
} }
if(this.type === 'dynamic'){
url = config.api.delete.PostComment.delete+this.info.commentId
}
if(this.type === 'question'){ if(this.type === 'question'){
url = config.api.delete.QuestionReply.delete+this.info.replyId; url = config.api.delete.QuestionReply.delete+this.info.replyId;
} }
...@@ -273,7 +320,6 @@ ...@@ -273,7 +320,6 @@
@extend %flex-row-spb; @extend %flex-row-spb;
align-items: flex-start; align-items: flex-start;
background-color: #fff; background-color: #fff;
.comment-card1__l{ .comment-card1__l{
width:48*$length; width:48*$length;
position:relative; position:relative;
...@@ -334,6 +380,74 @@ ...@@ -334,6 +380,74 @@
} }
} }
.comment-card1-dynamic{
box-sizing:content-box;
padding:21*$length 24*$length 24*$length;
width:768*$length;
border-bottom:1px dashed #EFEFEF;
@extend %flex-row-spb;
align-items: flex-start;
background-color: #fff;
.comment-card1__l{
width:48*$length;
position:relative;
.abs1{
@extend %cursorPointer;
position: absolute;
top:58*$length;
left:5*$length;
@include fontStyle(12,19,500,#75D098,left);
}
.abs2{
@extend %cursorPointer;
position: absolute;
top:58*$length;
left:10*$length;
@include fontStyle(12,19,500,#909399,left);
}
}
.comment-card1__r{
width:700*$length;
.header{
@extend %flex-row-spb;
h6{
@include fontStyle(14,19,500,#666,left)
}
p{
@include fontStyle(12,16,500,#999,left)
}
}
.comment-box{
margin-top:15*$length;
@include fontStyle(14,24,500,#333,left);
height:auto;
}
.footer{
margin:12*$length 0;
@extend %flex-row-spb;
h6{
@include fontStyle(12,16,500,#999,start)
}
p{
@include fontStyle(12,16,500,#999,start);
span{
margin-left:20*$length;
@extend %cursorPointer;
@extend %animate-transition;
&:hover{
color:#00AAE6;
}
}
}
}
}
}
.release-area{ .release-area{
width:100%; width:100%;
padding:14*$length 16*$length; padding:14*$length 16*$length;
......
components/pc/comment/commentCard2.vue
<template> <template>
<transition name="fade" > <div>
<div class="comment-card2" v-if="type!=='dynamic'">
<div class="comment-card2">
<div class="comment-card2__l"> <div class="comment-card2__l">
<yun-avatar :src="info.userAvatar"></yun-avatar> <yun-avatar :src="info.userAvatar"></yun-avatar>
</div> </div>
...@@ -21,7 +20,7 @@ ...@@ -21,7 +20,7 @@
</p> </p>
</div> </div>
<transition name="fade" > <transition name="fade" >
<textarea v-model="commentContent" v-if="showCommentInput" name="" id="" cols="30" rows="10" class="release-area"></textarea> <textarea v-model="commentContent" v-if="showCommentInput" name="" id="card21" cols="30" rows="10" class="release-area"></textarea>
</transition> </transition>
<transition name="fade" > <transition name="fade" >
<div class="button-box" v-if="showCommentInput"> <div class="button-box" v-if="showCommentInput">
...@@ -34,7 +33,40 @@ ...@@ -34,7 +33,40 @@
</div> </div>
</div> </div>
<div class="comment-card2-dynamic" v-if="type==='dynamic'">
<div class="comment-card2__l">
<yun-avatar :src="info.userAvatar"></yun-avatar>
</div>
<div class="comment-card2__r">
<div class="header">
<h6>{{info.userNick}}</h6>
<p>{{floor}}楼</p>
</div>
<p class="comment-box">{{info.comment}}</p>
<div class="footer">
<h6>{{dateConvert2}}</h6>
<p>
<span @click="showCommentInput=!showCommentInput">回复</span>
<span>赞{{likeNum}}</span>
<span @click="dataDeleteComment" v-if="this.info.userId ===$store.state.userProfile.userId">删除</span>
</p>
</div>
<transition name="fade" >
<textarea v-model="commentContent" v-if="showCommentInput" name="" cols="30" rows="10" class="release-area"></textarea>
</transition>
<transition name="fade" >
<div class="button-box" v-if="showCommentInput">
<p @click="dataPostComment2">评论</p>
</div>
</transition> </transition>
<card3 @listenCommentReget3="dataGetComment" :type="type" :id="id" v-for="(val,index) in commentList" :key="val.commentId" :info="val"></card3>
<p class="comment-more" @click="clickToGetMore" v-if="currentPage<pages">查看更多</p>
</div>
</div>
</div>
</template> </template>
...@@ -122,6 +154,10 @@ ...@@ -122,6 +154,10 @@
url = config.api.post.ProjectComment.release+this.id.toString()+'/comment'; url = config.api.post.ProjectComment.release+this.id.toString()+'/comment';
postData.parentId = this.info.commentId; postData.parentId = this.info.commentId;
} }
if(this.type === 'dynamic'){
url = config.api.post.PostComment.release+this.id.toString()+'/comment';
postData.parentId = this.info.commentId;
}
if(this.type === 'question'){ if(this.type === 'question'){
url = config.api.post.QuestionReplyComment.release+this.info.replyId.toString()+'/comment'; url = config.api.post.QuestionReplyComment.release+this.info.replyId.toString()+'/comment';
postData.parentId = this.info.commentId; postData.parentId = this.info.commentId;
...@@ -166,6 +202,11 @@ ...@@ -166,6 +202,11 @@
params.parentId = this.info.commentId; params.parentId = this.info.commentId;
} }
if(this.type === 'dynamic'){
url = config.api.get.PostComment.list+this.id.toString()+'/comments';
params.parent_id = this.info.commentId;
}
if(this.type === 'question'){ if(this.type === 'question'){
url = config.api.get.QuestionReplyComment.list+this.info.replyId+'/comments'; url = config.api.get.QuestionReplyComment.list+this.info.replyId+'/comments';
params.parentId = this.info.commentId; params.parentId = this.info.commentId;
...@@ -204,6 +245,9 @@ ...@@ -204,6 +245,9 @@
if(this.type === 'project'){ if(this.type === 'project'){
url = config.api.delete.ProjectComment.delete+this.info.commentId.toString() url = config.api.delete.ProjectComment.delete+this.info.commentId.toString()
} }
if(this.type === 'dynamic'){
url = config.api.delete.PostComment.delete+this.info.commentId
}
if(this.type === 'question'){ if(this.type === 'question'){
url = config.api.delete.QuestionReplyComment.delete+ this.info.commentId.toString(); url = config.api.delete.QuestionReplyComment.delete+ this.info.commentId.toString();
} }
...@@ -294,6 +338,62 @@ ...@@ -294,6 +338,62 @@
} }
} }
} }
.comment-card2-dynamic{
margin-left:-30*$length;
box-sizing:content-box;
padding:20*$length;
width:700*$length;
border-bottom:1px dashed #e5e5e5;
@extend %flex-row-spb;
align-items: flex-start;
border-radius: 4*$length;
background-color: #F4F8FA;
.comment-card2__l{
width:48*$length;
}
.comment-card2__r{
width:630*$length;
.header{
@extend %flex-row-spb;
h6{
@include fontStyle(14,19,500,#666,left)
}
p{
@include fontStyle(12,16,500,#999,left)
}
}
.comment-box{
margin-top:15*$length;
@include fontStyle(14,24,500,#333,left);
height:auto;
}
.footer{
margin:12*$length 0;
@extend %flex-row-spb;
h6{
@include fontStyle(12,16,500,#999,start)
}
p{
@include fontStyle(12,16,500,#999,start);
span{
margin-left:20*$length;
@extend %cursorPointer;
@extend %animate-transition;
&:hover{
color:#00AAE6;
}
}
}
}
}
}
.release-area{ .release-area{
width:100%; width:100%;
padding:14*$length 16*$length; padding:14*$length 16*$length;
......
components/pc/comment/commentCard3.vue
<template> <template>
<transition name="fade" > <div>
<div class="comment-card3" v-if="type!=='dynamic'">
<div class="comment-card3__l">
<yun-avatar :src="info.userAvatar"></yun-avatar>
</div>
<div class="comment-card3__r">
<div class="header">
<h6>{{info.userNick}}</h6>
<p>{{floor}}楼</p>
</div>
<p class="comment-box" >{{info.comment}}</p>
<div class="footer">
<h6>{{dateConvert2}}</h6>
<p>
<!--<span>回复</span>-->
<span>赞{{likeNum}}</span>
<span @click="dataDeleteComment" v-if="this.info.userId ===$store.state.userProfile.userId">删除</span>
</p>
</div>
</div>
<div class="comment-card3"> </div>
<div class="comment-card3-dynamic" v-if="type==='dynamic'">
<div class="comment-card3__l"> <div class="comment-card3__l">
<yun-avatar :src="info.userAvatar"></yun-avatar> <yun-avatar :src="info.userAvatar"></yun-avatar>
</div> </div>
...@@ -23,7 +44,8 @@ ...@@ -23,7 +44,8 @@
</div> </div>
</div> </div>
</transition> </div>
</template> </template>
...@@ -85,6 +107,9 @@ ...@@ -85,6 +107,9 @@
if(this.type === 'question'){ if(this.type === 'question'){
url = config.api.delete.QuestionReplyComment.delete+ this.info.commentId.toString(); url = config.api.delete.QuestionReplyComment.delete+ this.info.commentId.toString();
} }
if(this.type === 'dynamic'){
url = config.api.delete.PostComment.delete+this.info.commentId.toString();
}
this.$axios.$delete(url).then((response)=>{ this.$axios.$delete(url).then((response)=>{
if(response.code===0){ if(response.code===0){
...@@ -167,7 +192,59 @@ ...@@ -167,7 +192,59 @@
} }
} }
} }
.comment-card3-dynamic{
margin-left:-16*$length;
box-sizing:content-box;
padding:10*$length 0 10*$length 16*$length;
width:630*$length;
border-bottom:1px dashed #e5e5e5;
border-left:1px solid #E5E5E5;
@extend %flex-row-spb;
align-items: flex-start;
.comment-card3__l{
width:48*$length;
}
.comment-card3__r{
width:560*$length;
.header{
@extend %flex-row-spb;
h6{
@include fontStyle(14,19,500,#666,left)
}
p{
@include fontStyle(12,16,500,#999,left)
}
}
.comment-box{
margin-top:15*$length;
@include fontStyle(14,24,500,#333,left);
height:auto;
}
.footer{
margin:12*$length 0;
@extend %flex-row-spb;
h6{
@include fontStyle(12,16,500,#999,start)
}
p{
@include fontStyle(12,16,500,#999,start);
span{
margin-left:20*$length;
@extend %cursorPointer;
@extend %animate-transition;
&:hover{
color:#00AAE6;
}
}
}
}
}
}
.release-area{ .release-area{
width:100%; width:100%;
padding:14*$length 16*$length; padding:14*$length 16*$length;
......
components/pc/comment/commentCon.vue
<template> <template>
<div> <div>
<div class="article-comment"> <div class="article-comment" :style="type==='dynamic'?{width:'816px'}:''">
<textarea v-model="commentContent" name="" id="" cols="30" rows="10" class="release-area"></textarea> <textarea v-model="commentContent" name="" id="" cols="30" rows="10" class="release-area"></textarea>
<div class="button-box"> <div class="button-box">
<p @click="dataPostComment" v-if="type!=='question'">评论</p> <p @click="dataPostComment" v-if="type!=='question'">评论</p>
...@@ -20,8 +20,8 @@ ...@@ -20,8 +20,8 @@
</div> </div>
</div> </div>
<card :questionUser="questionUser" @listenCommentReget1="dataGetComment" :type="type" :id="id" v-for="(val,index) in commentList" :key="val.commentId||val.replyId" :info="val"></card> <card :questionUser="questionUser" @listenCommentReget1="dataGetComment" :type="type" :id="id" v-for="(val,index) in commentList" :key="val.commentId||val.replyId" :info="val"></card>
<p class="comment-more" @click="clickToGetMore" v-if="currentPage<pages">查看更多</p> <p class="comment-more" @click="clickToGetMore" v-if="currentPage<pages" :style="type==='dynamic'?{width:'816px'}:''">查看更多</p>
<p class="comment-more" v-if="commentList.length===0">暂无评论</p> <p class="comment-more" v-if="commentList.length===0" :style="type==='dynamic'?{width:'816px'}:''">暂无评论</p>
</div> </div>
</template> </template>
...@@ -97,6 +97,10 @@ ...@@ -97,6 +97,10 @@
url = config.api.post.ProjectComment.release+this.id.toString()+'/comment'; url = config.api.post.ProjectComment.release+this.id.toString()+'/comment';
postData.comment = this.commentContent; postData.comment = this.commentContent;
} }
if(this.type === 'dynamic'){
url = config.api.post.PostComment.release+this.id.toString()+'/comment';
postData.comment = this.commentContent;
}
if(this.type === 'question'){ if(this.type === 'question'){
url = config.api.post.QuestionReply.release+this.id.toString()+'/reply'; url = config.api.post.QuestionReply.release+this.id.toString()+'/reply';
...@@ -131,6 +135,9 @@ ...@@ -131,6 +135,9 @@
if(this.type === 'project'){ if(this.type === 'project'){
url = config.api.get.ProjectComment.list+this.id.toString()+'/comments' url = config.api.get.ProjectComment.list+this.id.toString()+'/comments'
} }
if(this.type === 'dynamic'){
url = config.api.get.PostComment.list+this.id.toString()+'/comments'
}
if(this.type === 'question'){ if(this.type === 'question'){
url = config.api.get.QuestionReply.list+this.id.toString()+'/replies' url = config.api.get.QuestionReply.list+this.id.toString()+'/replies'
} }
...@@ -172,7 +179,7 @@ ...@@ -172,7 +179,7 @@
<style lang="scss"> <style lang="scss">
.article-comment{ .article-comment{
width:938*$length; width:100%;
padding:18*$length 24*$length; padding:18*$length 24*$length;
box-sizing: border-box; box-sizing: border-box;
background-color: #fff; background-color: #fff;
...@@ -181,7 +188,8 @@ ...@@ -181,7 +188,8 @@
margin-top: 16*$length; margin-top: 16*$length;
.release-area{ .release-area{
width:890*$length; width:100%;
margin:0 auto;
padding:14*$length 16*$length; padding:14*$length 16*$length;
background-color: #F4F8FA; background-color: #F4F8FA;
border:1px solid #EFEFEF; border:1px solid #EFEFEF;
......
components/pc/fanCard.vue
<template> <template>
<div class="fan-card__warp" v-if="id&&showCard"> <div class="fan-card__warp" v-if="id&&showCard">
<div class="fan-card"> <div class="fan-card" @click="$router.push('/u/'+id+'/project')">
<div class="fan-card__left"> <div class="fan-card__left">
<div class="left__head-portrait"> <div class="left__head-portrait">
<yun-avatar :src="userAvatar"></yun-avatar> <yun-avatar :src="info.userAvatar"></yun-avatar>
</div> </div>
<div class="left__content"> <div class="left__content">
<div class="content-name"> <div class="content-name">
<span>{{nickName}}</span> <span>{{info.userNick}}</span>
<yun-icon name="sex_man" size="12px" color="#00AAE6" pb="6px" v-if="gender===1"></yun-icon> <yun-icon name="sex_man" size="12px" color="#00AAE6" pb="6px" v-if="gender===1"></yun-icon>
<yun-icon name="sex_woman" size="12px" color="#00AAE6" pb="6px" v-if="gender===2"></yun-icon> <yun-icon name="sex_woman" size="12px" color="#00AAE6" pb="6px" v-if="gender===2"></yun-icon>
</div> </div>
...@@ -16,11 +16,11 @@ ...@@ -16,11 +16,11 @@
<span>人气 <span class="label-number">{{statistics.visitedNum}}</span> · 粉丝 <span class="label-number">{{statistics.fansNum}}</span> · 关注 <span class="label-number">{{statistics.followedNum}}</span></span> <span>人气 <span class="label-number">{{statistics.visitedNum}}</span> · 粉丝 <span class="label-number">{{statistics.fansNum}}</span> · 关注 <span class="label-number">{{statistics.followedNum}}</span></span>
</div> </div>
<div class="content-label__right"> <div class="content-label__right">
<span>项目 <span class="label-number">{{statistics.projectNum}}</span> · 博客 <span>{{statistics.blogNum}}</span> · 回答 <span class="label-number">{{statistics.questionNum}}</span> · 动态 <span class="label-number">12</span></span> <span>项目 <span class="label-number">{{statistics.projectNum}}</span> · 博客 <span>{{statistics.blogNum}}</span> · 回答 <span class="label-number">{{statistics.questionNum}}</span> · 动态 <span class="label-number">{{statistics.postNum}}</span></span>
</div> </div>
</div> </div>
<p class="content-main"> <p class="content-main">
{{signature}} {{info.signature}}
</p> </p>
</div> </div>
</div> </div>
...@@ -31,10 +31,10 @@ ...@@ -31,10 +31,10 @@
<ul > <ul >
<li >添加备注</li> <li >添加备注</li>
<li v-if="cardType==='fans'">移除粉丝</li> <li v-if="cardType==='fans'">移除粉丝</li>
<li v-if="cardType==='fans'" @click="dataPostToFollow">添加关注</li> <li v-if="cardType==='fans'" @click.stop="dataPostToFollow">添加关注</li>
<li v-if="cardType==='follow'" @click="dataPostToCancelFollow">取消关注</li> <li v-if="cardType==='follow'" @click.stop="dataPostToCancelFollow">取消关注</li>
<li v-if="cardType==='follow'||cardType==='fans'" @click="dataPostToBlack">加入黑名单</li> <li v-if="cardType==='follow'||cardType==='fans'" @click.stop="dataPostToBlack">加入黑名单</li>
<li v-if="cardType==='blackList'" @click="dataPostToCancelBlack">移出黑名单</li> <li v-if="cardType==='blackList'" @click.stop="dataPostToCancelBlack">移出黑名单</li>
</ul> </ul>
</div> </div>
</transition> </transition>
...@@ -65,30 +65,15 @@ export default { ...@@ -65,30 +65,15 @@ export default {
}, },
props:{ props:{
id:String, info:Object,
cardType:String cardType:String
}, },
created(){ created(){
if(this.id){ this.id = this.info.userId;
this.dataGetUserInfo(); this.statistics = this.info.statistics || {};
}
}, },
methods:{ methods:{
dataGetUserInfo(){
this.$axios.$get(config.api.get.User.otherInfo+this.id+'/baseinfo').then((response) => {
if(response.code===0){
let data = response.data;
this.nickName=data.nickName;
this.gender= data.gender;
this.signature = data.signature;
this.userAvatar = data.userAvatar;
this.statistics = data.statistics;
}
})
},
dataPostToFollow(){ dataPostToFollow(){
this.$axios.$post(config.api.post.User.follow+this.id+'/follower').then((response)=>{ this.$axios.$post(config.api.post.User.follow+this.id+'/follower').then((response)=>{
if(response.code===0){ if(response.code===0){
......
components/pc/projectCard.vue
...@@ -208,72 +208,6 @@ ...@@ -208,72 +208,6 @@
<style lang="scss"> <style lang="scss">
.project-card__wrap{ .project-card__wrap{
background-color: #fff;
position:relative;
.project-card__abs{
position: absolute;
top:0;
right:0;
width:200*$length;
height:100%;
background-color: transparent;
overflow: hidden;
.container__abs{
position: absolute;
top:-100*$length;
right:-100*$length;
width:200*$length;
height:200*$length;
border-radius: 50%;
background-color: rgba(34,34,34,.4);
transform: rotateZ(90deg);
transition: 1s all;
opacity: 0;
.deleteButton{
position: absolute;
bottom:60*$length;
left:30*$length;
width:30*$length;
height:30*$length;
border-radius: 50%;
background-color:#ff4949;
@extend %cursorPointer;
@extend %flex-row-center;
@extend %animate-transition;
&:hover{
filter:brightness(1.1);
transform: scale(1.03);
}
i{
color:#fff;
}
}
.editButton{
position: absolute;
bottom:30*$length;
left:60*$length;
width:30*$length;
height:30*$length;
border-radius: 50%;
background-color: #13ce66;
@extend %cursorPointer;
@extend %flex-row-center;
@extend %animate-transition;
&:hover{
filter:brightness(1.1);
transform: scale(1.03);
}
i{
color:#fff;
}
}
}
}
.project-card{ .project-card{
position:relative; position:relative;
...@@ -425,6 +359,74 @@ ...@@ -425,6 +359,74 @@
} }
background-color: #fff;
position:relative;
.project-card__abs{
position: absolute;
top:0;
right:0;
width:200*$length;
height:100%;
background-color: transparent;
overflow: hidden;
.container__abs{
position: absolute;
top:-100*$length;
right:-100*$length;
width:200*$length;
height:200*$length;
border-radius: 50%;
background-color: rgba(34,34,34,.4);
transform: rotateZ(90deg);
transition: 1s all;
opacity: 0;
.deleteButton{
position: absolute;
bottom:60*$length;
left:30*$length;
width:30*$length;
height:30*$length;
border-radius: 50%;
background-color:#ff4949;
@extend %cursorPointer;
@extend %flex-row-center;
@extend %animate-transition;
&:hover{
filter:brightness(1.1);
transform: scale(1.03);
}
i{
color:#fff;
}
}
.editButton{
position: absolute;
bottom:30*$length;
left:60*$length;
width:30*$length;
height:30*$length;
border-radius: 50%;
background-color: #13ce66;
@extend %cursorPointer;
@extend %flex-row-center;
@extend %animate-transition;
&:hover{
filter:brightness(1.1);
transform: scale(1.03);
}
i{
color:#fff;
}
}
}
}
&:hover{ &:hover{
.project-card__abs{ .project-card__abs{
.container__abs{ .container__abs{
......
components/pc/socialContactCard.vue
...@@ -77,25 +77,28 @@ ...@@ -77,25 +77,28 @@
<div class="card-footer"> <div class="card-footer">
<div class="footer-item"> <div class="footer-item1">
<yun-icon name="star" size="12px" color="#ccc" hover-color="#F8A06F"></yun-icon> <yun-icon name="star" size="12px" ></yun-icon>
<p>收藏</p> <p class="star">收藏</p>
</div> </div>
<div class="footer-item"> <div class="footer-item2">
<yun-icon name="share" size="12px" color="#ccc" hover-color="#00AAE6"></yun-icon> <yun-icon name="share" size="12px" ></yun-icon>
<p>转发</p> <p class="share">转发</p>
</div> </div>
<div class="footer-item" > <div class="footer-item3" @click="showCommentCon=!showCommentCon">
<yun-icon name="comment" size="12px" color="#ccc" hover-color="#75D098"></yun-icon> <yun-icon name="comment" size="12px" ></yun-icon>
<p>评论</p> <p class="comment">评论</p>
</div> </div>
<div class="footer-item"> <div class="footer-item4">
<yun-icon name="like1" size="12px" color="#ccc" hover-color="#FF7474"></yun-icon> <yun-icon name="like1" size="12px" ></yun-icon>
<p>收藏</p> <p class="like1"> 收藏</p>
</div> </div>
</div> </div>
</div> </div>
<transition name="fade" >
<comment-con v-if="showCommentCon" :id="postId" type="dynamic"></comment-con>
</transition>
</div> </div>
</transition> </transition>
</template> </template>
...@@ -103,15 +106,15 @@ ...@@ -103,15 +106,15 @@
<script> <script>
import Banner from './banner'; import Banner from './banner';
import Dropdown from '../../components/pc/dropdown' import Dropdown from './dropdown'
import {dateConvert} from "../../action/utils/dataConvert"; import {dateConvert} from "../../action/utils/dataConvert";
import config from '../../action/config'; import config from '../../action/config';
import {globalBus} from '../common/globalBus' import {globalBus} from '../common/globalBus'
import CommentCon from './comment/commentCon';
export default { export default {
name:'socialContactCard', name:'socialContactCard',
components:{ components:{
Banner,Dropdown Banner,Dropdown,CommentCon
}, },
props:{ props:{
...@@ -123,7 +126,6 @@ ...@@ -123,7 +126,6 @@
type:String, type:String,
default:'' default:''
} }
}, },
data(){ data(){
...@@ -151,7 +153,8 @@ ...@@ -151,7 +153,8 @@
userNick:'', userNick:'',
userAvatar:'', userAvatar:'',
followedAuthor:false, followedAuthor:false,
followLoading:false followLoading:false,
showCommentCon:false,
} }
}, },
...@@ -519,14 +522,94 @@ ...@@ -519,14 +522,94 @@
padding:14*$length 0; padding:14*$length 0;
border-top: 1px dashed #EFEFEF; border-top: 1px dashed #EFEFEF;
@extend %flex-row-spb; @extend %flex-row-spb;
.footer-item{ .footer-item1{
@extend %cursorPointer;
width:25%;
@extend %flex-row-center;
&:hover{
i{
color:#F8A06F
}
p{
color:#F8A06F
}
}
p{
margin-left:8*$length;
@include fontStyle(12,16,500,#666,center);
}
i{
color:#ccc;
padding-bottom: 3px;
}
}
.footer-item2{
@extend %cursorPointer;
width:25%;
@extend %flex-row-center;
&:hover{
i{
color:#00AAE6
}
p{
color:#00AAE6
}
}
p{
margin-left:8*$length;
@include fontStyle(12,16,500,#666,center);
}
i{
color:#ccc;
padding-bottom: 3px;
}
}
.footer-item3{
@extend %cursorPointer;
width:25%;
@extend %flex-row-center;
&:hover{
i{
color:#75D098
}
p{
color:#75D098
}
}
p{
margin-left:8*$length;
@include fontStyle(12,16,500,#666,center);
}
i{
color:#ccc;
padding-bottom: 3px;
}
}
.footer-item4{
@extend %cursorPointer; @extend %cursorPointer;
width:25%; width:25%;
@extend %flex-row-center; @extend %flex-row-center;
&:hover{
i{
color:#FF7474
}
p{
color:#FF7474
}
}
p{ p{
margin-left:8*$length; margin-left:8*$length;
@include fontStyle(12,16,500,#666,center); @include fontStyle(12,16,500,#666,center);
} }
i{
color:#ccc;
padding-bottom: 3px;
}
} }
} }
} }
......
components/pc/userCard.vue
...@@ -11,10 +11,10 @@ ...@@ -11,10 +11,10 @@
<nuxt-link tag="div" v-if="from==='my'" class="button" to="/personal-center/account/info">修改资料</nuxt-link> <nuxt-link tag="div" v-if="from==='my'" class="button" to="/personal-center/account/info">修改资料</nuxt-link>
<div v-if="from!=='my'&&isFollow" class="follow1" @click="dataPostToCancelFollow"> <div v-if="from!=='my'&&followedUser" class="follow1" @click="dataPostToCancelFollow">
<yun-icon name="loading" v-if="followLoading"></yun-icon><yun-icon v-if="!followLoading" name="right"></yun-icon>已关注 <yun-icon name="loading" v-if="followLoading"></yun-icon><yun-icon v-if="!followLoading" name="right"></yun-icon>已关注
</div> </div>
<div v-if="from!=='my'&&!isFollow" class="follow2" @click="dataPostToFollow"> <div v-if="from!=='my'&&!followedUser" class="follow2" @click="dataPostToFollow">
<yun-icon name="loading" v-if="followLoading"></yun-icon><span v-if="!followLoading">+</span>关注 <yun-icon name="loading" v-if="followLoading"></yun-icon><span v-if="!followLoading">+</span>关注
</div> </div>
<div class="footer"> <div class="footer">
...@@ -72,7 +72,8 @@ ...@@ -72,7 +72,8 @@
follow:7, follow:7,
fans:7, fans:7,
statistics:{}, statistics:{},
followLoading:false followLoading:false,
followedUser:false,
} }
}, },
props:{ props:{
...@@ -84,20 +85,13 @@ ...@@ -84,20 +85,13 @@
from:{ from:{
type:String, type:String,
default:'', default:'',
},
isFollow:{
type:Boolean,
default:false
} }
}, },
created(){ created(){
if(this.userId){ if(this.userId){
this.dataGetUserInfo(); this.dataGetUserInfo();
} }
console.log(this.isFollow);
}, },
methods:{ methods:{
dataGetUserInfo(){ dataGetUserInfo(){
...@@ -109,8 +103,9 @@ ...@@ -109,8 +103,9 @@
this.gender= data.gender; this.gender= data.gender;
this.signature = data.signature; this.signature = data.signature;
this.userAvatar = data.userAvatar; this.userAvatar = data.userAvatar;
this.statistics = data.statistics; this.statistics = data.statistics || {};
this.followLoading=false; this.followLoading=false;
this.followedUser = data.followedUser;
} }
}) })
}, },
...@@ -131,14 +126,14 @@ ...@@ -131,14 +126,14 @@
}) })
} }
this.followLoading=false; this.followLoading=false;
this.followedUser = true;
}) })
}, },
dataPostToCancelFollow(){ dataPostToCancelFollow(){
this.followLoading=true; this.followLoading=true;
this.$axios.$delete(config.api.delete.User.follow+this.userId+'/follower').then((response)=>{ this.$axios.$delete(config.api.delete.User.unfollow+this.userId+'/follower').then((response)=>{
if(response.code===0){ if(response.code===0){
this.$message({ this.$message({
type:'success', type:'success',
...@@ -151,6 +146,7 @@ ...@@ -151,6 +146,7 @@
}) })
} }
this.followLoading=false; this.followLoading=false;
this.followedUser = false;
}) })
}, },
......
pages/answer/release/index.vue
...@@ -65,6 +65,37 @@ ...@@ -65,6 +65,37 @@
import SelectCard from "../../../components/pc/select/selectCard"; import SelectCard from "../../../components/pc/select/selectCard";
import config from "../../../action/config"; import config from "../../../action/config";
export default { export default {
async asyncData({$axios, query}) {
if (query.hasOwnProperty('id')) {
const response = await $axios.$get(config.api.get.Question.detail + query.id);
console.log(response);
return {
response:response,
}
}
},
mounted(){
if (this.$route.query.id) {
this.content=this.response.data.content;
this.questionTitle=this.response.data.questionTitle;
//this.$refs.questionTitle.$refs.select.value=this.response.data.questionTitle;
this.blogClass=this.response.data.categoryId;
this.$refs.blogClass.$refs.select.value=this.response.data.category;
let tags = [];
this.tagList = new Set();
this.response.data.tags.forEach(item => {
let obj = {
tag: item.tagName,
tagId: item.tagId
};
tags.push(obj);
this.tagList.add(item.tagId);
});
this.$refs.tagIds.result = tags;
}
},
components: {SelectCard, CardContainer}, components: {SelectCard, CardContainer},
data() { data() {
return { return {
...@@ -99,10 +130,9 @@ ...@@ -99,10 +130,9 @@
}, },
zIndex: 100, zIndex: 100,
value: '', value: '',
tagList:'', tagList: new Set(),
i:0, i:0,
blogClass:'', blogClass:'',
questionDetail:'', questionDetail:'',
questionTitle:'', questionTitle:'',
lastSaveTime: new Date(), lastSaveTime: new Date(),
...@@ -113,28 +143,26 @@ ...@@ -113,28 +143,26 @@
methods: { methods: {
handleClass(value) { handleClass(value) {
this.blogClass = value.tag; this.blogClass = value.tag;
if(value.tag=="web"){ if (value.tag === "web") {
this.blogClass=1 this.blogClass = 1;
}else if(value.tag=="java"){ } else if (value.tag === "java") {
this.blogClass=2 this.blogClass = 2
}else if(value.tag=="javascript"){ } else if (value.tag === "javascript") {
this.blogClass=3 this.blogClass = 3
} }
console.log(this.blogClass);
}, },
// 获得得标签数组 // 获得得标签数组
handleTagList(tagList) { handleTagList(tagList) {
this.tagIds=tagList; this.tagList = new Set();
//console.log(this.tagIds); tagList.forEach(item => {
//console.log(this.tagIds.length); this.tagList.add(item.tagId)
for(this.i;this.i<this.tagIds.length;this.i++){ });
this.tagList+=this.tagIds[this.i].tag+" "
}
console.log(this.tagList)
}, },
//参数判断 //参数判断
dataPostQuestion(){ dataPostQuestion(){
console.log(this.tagList);
console.log(Array.from(this.tagList));
console.log(this.questionTitle.slice(this.questionTitle.length-1,this.questionTitle.length)); console.log(this.questionTitle.slice(this.questionTitle.length-1,this.questionTitle.length));
if(this.questionTitle==='' if(this.questionTitle===''
){ ){
...@@ -153,7 +181,7 @@ ...@@ -153,7 +181,7 @@
}); });
return false; return false;
} }
if(this.tagList===''){ if(Array.from(this.tagList).length===0){
//this.$refs.tagIds.focus(); //this.$refs.tagIds.focus();
this.$refs.tagIds.handleShow(); this.$refs.tagIds.handleShow();
this.$refs.tagIds.$refs.tag.focus(); this.$refs.tagIds.$refs.tag.focus();
...@@ -177,16 +205,14 @@ ...@@ -177,16 +205,14 @@
postQuestion(){ postQuestion(){
this.$axios.$post(config.api.post.Question.release,{ if (this.$route.query.id) {
this.$axios.$put(config.api.put.Question.revise+this.$route.query.id,{
categoryId: this.blogClass, categoryId: this.blogClass,
questionAbstract: "无",//摘要 questionAbstract: "无",//摘要
//questionDetail: this.questionDetail,
content: this.content,//内容 content: this.content,//内容
contentHtml: this.questionDetail,// 内容的html contentHtml: this.questionDetail,// 内容的html
questionTitle: this.questionTitle, questionTitle: this.questionTitle,
tagIds: [//标签id tagIds: Array.from(this.tagList),
this.tagList
],
topicIds: [//话题id topicIds: [//话题id
"无话题id" "无话题id"
] ]
...@@ -195,7 +221,7 @@ ...@@ -195,7 +221,7 @@
//处理response //处理response
if(response.code===0){ if(response.code===0){
this.$message({ this.$message({
message:"提交成功", message:"修改成功",
type:'success' type:'success'
}); });
/* setTimeout(() => { /* setTimeout(() => {
...@@ -210,6 +236,40 @@ ...@@ -210,6 +236,40 @@
}) })
} }
}) })
}else {
this.$axios.$post(config.api.post.Question.release, {
categoryId: this.blogClass,
questionAbstract: "无",//摘要
//questionDetail: this.questionDetail,
content: this.content,//内容
contentHtml: this.questionDetail,// 内容的html
questionTitle: this.questionTitle,
tagIds: Array.from(this.tagList),
topicIds: [//话题id
"无话题id"
]
}).then((response) => {
//处理response
if (response.code === 0) {
this.$message({
message: "提交成功",
type: 'success'
});
/* setTimeout(() => {
this.$router.push('/personal-center/home/blog')
}, 500);*/
this.$router.push('/personal-center/home/answer?type=my')
} else {
this.$message({
message: response.msg,
type: 'warning'
})
}
})
}
}, },
......
pages/blog/detail/_id.vue
...@@ -139,7 +139,6 @@ ...@@ -139,7 +139,6 @@
}, },
created(){ created(){
console.log(this.articleDetail)
globalBus.$emit(config.event.listenDetailInfo,this.articleDetail.blogTitle,'blog') globalBus.$emit(config.event.listenDetailInfo,this.articleDetail.blogTitle,'blog')
}, },
......
pages/blog/release/index.vue
...@@ -326,7 +326,7 @@ export default { ...@@ -326,7 +326,7 @@ export default {
}); });
return false; return false;
} }
if (this.tagList.size === '') { if (Array.from(this.tagList).length===0) {
this.$refs.tagIds.handleShow(); this.$refs.tagIds.handleShow();
this.$refs.tagIds.$refs.tag.focus(); this.$refs.tagIds.$refs.tag.focus();
this.$message({ this.$message({
......
pages/personal-center/account/info.vue
...@@ -90,7 +90,7 @@ ...@@ -90,7 +90,7 @@
signature:null, signature:null,
wxNumber:null, wxNumber:null,
birthday:null, birthday:null,
addFile:{}, addFile:null,
isEdit:false, isEdit:false,
isEdit2:false, isEdit2:false,
} }
......
pages/personal-center/home/answer.vue
<template> <template>
<div> <div>
<card-container key="container3" style="margin-top: 16px" :title="rightConTitle" label="换一换"> <card-container key="container3" style="margin-top: 16px" :title="rightConTitle" label="换一换">
<answer-card v-if="rightList.length>0" v-for="(val,index) in rightList" :key="val.questionId" :info="val"></answer-card> <answer-card v-if="rightList.length>0" :isMy="true" v-for="(val,index) in rightList" :key="val.questionId" :info="val"></answer-card>
<empty-card v-if="rightList.length===0" height="556px"></empty-card> <empty-card v-if="rightList.length===0" height="556px"></empty-card>
</card-container> </card-container>
...@@ -9,7 +9,6 @@ ...@@ -9,7 +9,6 @@
</div> </div>
</template> </template>
<script> <script>
import ProjectCard from '../../../components/pc/projectCard'; import ProjectCard from '../../../components/pc/projectCard';
import AnswerCard from '../../../components/pc/answerCard'; import AnswerCard from '../../../components/pc/answerCard';
...@@ -19,6 +18,7 @@ ...@@ -19,6 +18,7 @@
import EmptyCard from "../../../components/pc/emptyCard"; import EmptyCard from "../../../components/pc/emptyCard";
export default { export default {
name:'answer', name:'answer',
data(){ data(){
return{ return{
......
pages/personal-center/home/dynamic.vue
<template> <template>
<div > <div>
<release-card style="margin-top: 16px" @listenReleaseState="dataGetDynamic(1)"></release-card> <release-card style="margin-top: 16px" @listenReleaseState="dataGetDynamic(1)"></release-card>
<social-card pageType="my" @listenSocialCardState="dataGetDynamic(1)" v-for="(val,index) in rightList" :key="val.postId" :info="val"></social-card> <social-card pageType="my" @listenSocialCardState="dataGetDynamic(1)" v-for="(val,index) in rightList" :key="val.postId" :info="val"></social-card>
<empty-card v-if="rightList.length===0" height="556px"></empty-card>
<pagination key="container5" style="margin:20px auto;" :pages="pages" v-on:listenPageChange="changePage"></pagination> <pagination key="container5" style="margin:20px auto;" :pages="pages" v-on:listenPageChange="changePage"></pagination>
</div> </div>
</template> </template>
......
pages/personal-center/person/black-list.vue
<template> <template>
<div style="min-height:556px"> <div style="min-height:556px">
<fan-card cardType="blackList" v-for="(val,index) in dataList" :key="val.blackedId" :id="val.blackedId"></fan-card> <fan-card cardType="blackList" v-for="(val,index) in dataList" :key="val.userId" :info="val"></fan-card>
<empty-card v-if="dataList.length===0" height="556px"></empty-card> <empty-card v-if="dataList.length===0" height="556px"></empty-card>
<pagination style="margin: 0 auto;" :pages="pages" v-on:listenPageChange="changePage"></pagination> <pagination style="margin: 0 auto;" :pages="pages" v-on:listenPageChange="changePage"></pagination>
......
pages/personal-center/person/following.vue
<template> <template>
<div style="min-height:556px"> <div style="min-height:556px">
<fan-card cardType="follow" v-for="(val,index) in dataList" :key="val.followedId" :id="val.followedId"></fan-card> <fan-card cardType="follow" v-for="(val,index) in dataList" :key="val.userId" :info="val"></fan-card>
<empty-card v-if="dataList.length===0" height="556px"></empty-card> <empty-card v-if="dataList.length===0" height="556px"></empty-card>
<pagination style="margin: 0 auto;" :pages="pages" v-on:listenPageChange="changePage"></pagination> <pagination style="margin: 0 auto;" :pages="pages" v-on:listenPageChange="changePage"></pagination>
......
pages/project/release/index.vue
...@@ -167,20 +167,20 @@ export default { ...@@ -167,20 +167,20 @@ export default {
}, },
mounted() { mounted() {
if (this.$route.query.id) { if (this.$route.query.id) {
this.imgSrc = this.response.data.cover, this.imgSrc = this.response.data.cover;
this.language = this.response.data.devLang, this.language = this.response.data.devLang;
this.$refs.language.$refs.select.value = this.response.data.devLang, this.$refs.language.$refs.select.value = this.response.data.devLang;
this.docLink = this.response.data.docLink, this.docLink = this.response.data.docLink;
this.homeLink = this.response.data.homeLink, this.homeLink = this.response.data.homeLink;
this.content = this.response.data.devLang,//内容 this.content = this.response.data.devLang;//内容
this.license = this.response.data.license, this.license = this.response.data.license;
this.$refs.license.$refs.select.value = this.response.data.license, this.$refs.license.$refs.select.value = this.response.data.license;
this.projectDescription = this.response.data.projectDescription, this.projectDescription = this.response.data.projectDescription;
this.name = this.response.data.projectName; this.name = this.response.data.projectName;
this.projectClass = this.response.data.projectType, this.projectClass = this.response.data.projectType;
this.$refs.projectClass.$refs.select.value = this.response.data.projectType, this.$refs.projectClass.$refs.select.value = this.response.data.projectType;
this.system = this.response.data.runtimePlatform, this.system = this.response.data.runtimePlatform;
this.$refs.system.$refs.select.value = this.response.data.runtimePlatform, this.$refs.system.$refs.select.value = this.response.data.runtimePlatform;
this.addressLink = this.response.data.sourceLink this.addressLink = this.response.data.sourceLink
} }
}, },
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment