mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-12 04:16:45 +08:00
调整几个详细页面
This commit is contained in:
@@ -4,43 +4,15 @@
|
||||
<portal-header current="qa" :goSearch="4"></portal-header>
|
||||
</div>
|
||||
<div class="portal-content xcontent">
|
||||
<el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb-nav">
|
||||
<el-breadcrumb-item :to="{ path: '/qa' }">问答列表</el-breadcrumb-item>
|
||||
<el-breadcrumb-item>问答详情</el-breadcrumb-item>
|
||||
</el-breadcrumb>
|
||||
<div class="xrow" style="display: flex;justify-content: space-between;">
|
||||
<div style="flex: 1;" class="xcol content-div">
|
||||
<el-row v-if="noData">
|
||||
<!-- <el-card :body-style="{ padding: '0px' }" class="detail">
|
||||
|
||||
<div class="label"
|
||||
style="display: flex;margin: 9px 0 14px 0;justify-content: space-between;align-items: center;font-size: 12px;">
|
||||
{{ detailData.sysCreateBy }}提问了问题
|
||||
<time-show :time="detailData.sysCreateTime"></time-show>
|
||||
</div>
|
||||
<div class="title">
|
||||
<span class="qa-basic" :class="detailData.isResolve ? 'qa-solve' : 'qa-unSolve'">
|
||||
{{ detailData.isResolve === true ? '【已解决】' : detailData.isResolve === false ? '【待解决】' : '' }}
|
||||
</span>
|
||||
{{ detailData.title }}
|
||||
</div>
|
||||
<div class="content">
|
||||
<div style="word-break:break-all;">{{ detailData.content }}</div>
|
||||
<div v-if="detailData.images" style="margin: 10px 0px;">
|
||||
<el-image :src="fileUrl + detailData.images" fit="scaleDown" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="btn-div">
|
||||
<div class="write-btn" @click="answerShow = true">
|
||||
<el-button type="text" icon="el-icon-edit">写回答</el-button>
|
||||
</div>
|
||||
<span class="answer-total">共计{{ detailData.answers }}条回答</span>
|
||||
<interactBar v-if="detailData.id" :type="4" :comments="false" :data="detailData" :views="false">
|
||||
</interactBar>
|
||||
</div>
|
||||
</el-card> -->
|
||||
<div v-if="noData">
|
||||
<div class="qust-detail">
|
||||
<div class="xpage-detail-crumbs">
|
||||
<router-link to="/case"><span class="crumbs-first">问答列表</span></router-link>
|
||||
<span class="crumbs-line">/</span>
|
||||
<span class="crumbs-last">问答详情</span>
|
||||
</div>
|
||||
<div class="qust-hear">
|
||||
{{ detailData.sysCreateBy }}提问了问题
|
||||
<time-show :time="detailData.sysCreateTime"></time-show>
|
||||
@@ -60,24 +32,11 @@
|
||||
</div>
|
||||
<div class="content-inter">
|
||||
<interactBar v-if="detailData.id" :type="4" :comments="false" :data="detailData" :views="false"> </interactBar>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div> -->
|
||||
<!-- <el-card :body-style="{ padding: '0px' }" style="padding: 20px;">
|
||||
<div>
|
||||
<el-input type="textarea" rows="5" placeholder="写下您的答案(800字以内),可以@提问者哦~" minlength="1" maxlength="800"
|
||||
v-model="content"></el-input>
|
||||
</div>
|
||||
<div style="padding-top: 10px;">
|
||||
<el-button type="primary" :disabled="!checked" class="dian-btn" @click="publishAnswer">发布</el-button>
|
||||
<el-checkbox style="margin-left:20px" v-model="checked"></el-checkbox><span
|
||||
style="font-size:14px;color:#787878;margin-left:10px">我已阅读并遵守<span
|
||||
style="color:#588afc;cursor: pointer;" @click="qaFormCheckedShow = true">平台内容发布要求</span></span>
|
||||
</div>
|
||||
</el-card> -->
|
||||
<!-- </div> -->
|
||||
|
||||
<el-card class="box-card" v-if="answerList.length == 0 && !answerShow" :body-style="{ padding: '0px' }">
|
||||
<div>
|
||||
<div style="height:50px;margin-top: 50px;">
|
||||
@@ -97,7 +56,7 @@
|
||||
</el-card> -->
|
||||
|
||||
|
||||
|
||||
|
||||
<el-card :body-style="{ padding: '0px' }" class="answer-reply-box">
|
||||
<div class="wrt-answer">
|
||||
<div class="answer-tit">
|
||||
@@ -225,7 +184,7 @@
|
||||
<div class="comment-body">
|
||||
<div class="comment-info" @mouseover="showButtons(row.id)" @mouseout="hideButtons()">
|
||||
<div class="comment-content">
|
||||
<span style="color: #303133" v-html="displayAll(row)"></span>
|
||||
<span style="color: #303133" v-html="displayAll(row)"></span>
|
||||
<span v-if="row.content.length > 170" @click="changeIsAll(row)">
|
||||
{{ row.isAll ? '收起' : '全文' }}
|
||||
</span>
|
||||
@@ -271,13 +230,13 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-row>
|
||||
</div>
|
||||
<div v-else>
|
||||
<el-empty :image-size="200"></el-empty>
|
||||
</div>
|
||||
</div>
|
||||
<div style="width: 410px;margin-left: 26px;">
|
||||
<!-- <el-row> -->
|
||||
|
||||
<div class="qa-ranking">
|
||||
<div class="portal-model-btn" @click="$refs.addQuestion.askQuestionDialog = true">
|
||||
<svg-icon style="margin-right: 0;font-size: 24px;" icon-class="question-mark"></svg-icon>
|
||||
@@ -428,7 +387,7 @@ export default {
|
||||
let key = 'qa';
|
||||
apiPlace.detail(key).then(res=>{
|
||||
console.log(res)
|
||||
let lmj = JSON.parse(res.result.content)
|
||||
let lmj = JSON.parse(res.result.content)
|
||||
this.resonimg = lmj[0]
|
||||
console.log(this.resonimg.image)
|
||||
})
|
||||
@@ -688,7 +647,7 @@ export default {
|
||||
this.loadAnswer();
|
||||
this.content = "";
|
||||
let event = {
|
||||
key: "AnswerQuestion",//后台的事件key
|
||||
key: "AnswerQuestion",//后台的事件key
|
||||
title: "回答问题",//事件的标题
|
||||
parameters:"",//用户自定义参数 name:value,name:value
|
||||
content: '回答了问题',//事件的内容
|
||||
@@ -944,6 +903,7 @@ export default {
|
||||
color: #666666;
|
||||
font-weight: 400;
|
||||
margin-bottom: 20px;
|
||||
margin-top:20px;
|
||||
}
|
||||
.qust-title{
|
||||
font-size: 16px;
|
||||
|
||||
Reference in New Issue
Block a user