hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-13 12:56:43 +08:00
Code Issues Packages Projects Releases Wiki Activity

问答详情，头像做了调整

Browse Source
This commit is contained in:
daihh
2022-10-13 14:38:48 +08:00
parent 8fc30e210e
commit e5c2eca5ec
2 changed files with 35 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/Portal/authorInfo.vue
View File

@@ -13,7 +13,7 @@
</div> </div>
</div> </div>
<div v-if="!onlyAvatar" style="padding-left: 14px;padding-top: 6px;font-size: 14px;"> <div v-if="!onlyAvatar" style="padding-left: 14px;padding-top: 6px;font-size: 14px;">
<span style="color: #333333;font-weight: 600;">{{userName}}</span> <span style="color: #333333;font-weight: 600;font-size: 16px;">{{userName}}</span>
<span class="author-text" v-if="userInfo && userInfo!=''">({{userInfo}})</span> <span class="author-text" v-if="userInfo && userInfo!=''">({{userInfo}})</span>
</div> </div>
</div> </div>
@@ -117,12 +117,13 @@ import { userAvatarText } from "@/utils/tools.js";
display: flex; display: flex;
.author-text{ .author-text{
font-size: 12px; font-size: 12px;
color: #666666; color: #999999;
font-weight: 300;
margin-left: 4px; margin-left: 4px;
} }
.uavatar{ .uavatar{
// border: 1px solid #73adfe; // border: 1px solid #73adfe;
width: 28px; width: 28px;
height: 28px; height: 28px;
// background: #d9e9ff; // background: #d9e9ff;
display: flex; display: flex;

55
src/views/portal/qa/Answer.vue
View File

@@ -48,24 +48,24 @@
</div> </div>
</div> </div>
<div v-if="answerList.length > 0"> <div style="background-color: #fff;">
<div :span="24"> <div class="wrt-answer" v-if="answerList.length > 0 || answerShow" style="margin-top: 30px;padding: 0px 40px;">
<div class="answer-tit">
写回答
</div>
<div class="answer-content">
<input minlength="1" maxlength="800" v-model="content" placeholder="写下你的回答吧～" type="text">
<el-button type="primary" @click="publishAnswer">发布</el-button>
</div>
</div>
<div v-if="answerList.length > 0" style="padding: 0px 40px;">
<div>
<el-card :body-style="{ padding: '0px' }" class="answer-reply-box"> <div class="answer" v-for="(item, index) of answerList" :key="item.id" :style="index === answerList.length - 1 ? 'border-bottom:none;' : ''">
<div class="wrt-answer">
<div class="answer-tit">
写回答
</div>
<div class="answer-content">
<input minlength="1" maxlength="800" v-model="content" placeholder="写下你的回答吧～" type="text">
<el-button type="primary" @click="publishAnswer">发布</el-button>
</div>
</div>
<div class="answer" v-for="(item, index) of answerList" :key="item.id"
:style="index === answerList.length - 1 ? 'border-bottom:none;' : ''">
<div class="answer-top"> <div class="answer-top">
<div> <div>
<author :avatar="item.avatar" :name="item.sysCreateBy" :sex="item.sex"></author> <author :avatar="item.avatar" :name="item.sysCreateBy" :info="item.orgInfo" :sex="item.sex"></author>
<div class="sign">{{item.sign}}</div>
</div> </div>
<div> <div>
<span v-if="detailData.isResolve && item.isBest" style="color: #ffb30f">最佳答案</span> <span v-if="detailData.isResolve && item.isBest" style="color: #ffb30f">最佳答案</span>
@@ -86,13 +86,12 @@
<div> <div>
</div> </div>
<div style="margin-right: 10px;"> <div style="margin-right: 10px;">
<interactBar :type="5" :data="item" :shares="false" <interactBar :type="5" :data="item" :favorites="false" :comments="false" :shares="false" :views="false"></interactBar>
:views="false"></interactBar>
</div> </div>
</div> </div>
<div class="answer-boot"> <div class="answer-boot">
<div class="answer-boot-btns"> <div class="answer-boot-btns">
<div v-show="btnsShowRowId == item.id"> <div v-show="btnsShowRowId != item.id">
<a @click="showRowInput(item, {})"> <a @click="showRowInput(item, {})">
<svg-icon icon-class="comment" style="margin-right: 0px;font-size: 16px;"></svg-icon> <svg-icon icon-class="comment" style="margin-right: 0px;font-size: 16px;"></svg-icon>
<span>回复</span> <span>回复</span>
@@ -216,7 +215,7 @@
</div> </div>
</div> </div>
</div> </div>
</el-card> </div>
<div class="pagination-div"> <div class="pagination-div">
<span class="pag-text" @click="loadMore()" v-if="moreState == 1">加载更多</span> <span class="pag-text" @click="loadMore()" v-if="moreState == 1">加载更多</span>
<span class="pag-text-msg" style="font-size:14px;color: #444444;" <span class="pag-text-msg" style="font-size:14px;color: #444444;"
@@ -477,7 +476,7 @@ export default {
let event = { let event = {
key: "ReadQuestion",//后台的事件key 发布文章且审核通过 key: "ReadQuestion",//后台的事件key 发布文章且审核通过
title: "阅读问题",//事件的标题 title: "阅读问题",//事件的标题
parameters:"",//用户自定义参数 name:value,name:value parameters:"author:"+res.result.sysCreateAid,//用户自定义参数 name:value,name:value
content: '阅读了问题',//事件的内容 content: '阅读了问题',//事件的内容
objId: this.qid,//关联的id objId: this.qid,//关联的id
objType: "4",//关联的类型 objType: "4",//关联的类型
@@ -511,6 +510,9 @@ export default {
pageIndex: this.pageIndex pageIndex: this.pageIndex
}).then(res => { }).then(res => {
if (res.status == 200) { if (res.status == 200) {
if(res.result.length>0){
this.answerShow=true;
}
let allList = []; let allList = [];
let ids = []; let ids = [];
let level3ParentIds = []; let level3ParentIds = [];
@@ -595,6 +597,7 @@ export default {
item.avatar = author.avatar; item.avatar = author.avatar;
item.orgInfo = author.orgInfo; item.orgInfo = author.orgInfo;
item.sex = author.sex; item.sex = author.sex;
item.sign=author.sign;
return true; return true;
} else { } else {
return false; return false;
@@ -967,7 +970,11 @@ export default {
border-radius: 50%; border-radius: 50%;
vertical-align: middle; vertical-align: middle;
} }
.sign{
padding:5px 0px 10px 42px;
color:#666666;
font-weight: 400;
}
.zuijia { .zuijia {
width: 106px; width: 106px;
height: 42px; height: 42px;
@@ -985,10 +992,10 @@ export default {
.answer-body { .answer-body {
padding-left: 40px; padding-left: 40px;
.answer-text { .answer-text {
margin: 6px 0 0px; margin: 6px 0 0px;
line-height: 24px; line-height: 24px;
height: 48px;
white-space: pre-wrap; white-space: pre-wrap;
word-break: break-all; word-break: break-all;
@@ -1008,7 +1015,7 @@ export default {
} }
.answer-boot { .answer-boot {
// height: 35px; height: 35px;
line-height: 35px; line-height: 35px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@@ -1090,7 +1097,7 @@ export default {
.comment-btns { .comment-btns {
// padding: 5px 10px 10px 0px; // padding: 5px 10px 10px 0px;
// height: 35px; height: 35px;
line-height: 35px; line-height: 35px;
a { a {