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

调整几个详细页面

Browse Source
This commit is contained in:
daihh
2022-09-28 16:51:35 +08:00
parent b031b1f455
commit d0e4a1bdf9
6 changed files with 68 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/assets/styles/portal.scss
View File

@@ -40,7 +40,7 @@ body {
}
.xpage-detail-content{
padding: 54px;
padding: 50px;
background-color: #fff;
}
// 详细页面的面包屑

14
src/components/Portal/comments.vue
View File

@@ -9,7 +9,7 @@
</div>
</div> -->
<div v-if="showTop" class="comments-top">
<div class="comments-top-left portal-title-tow" style="font-size: 18px;"> <span v-if="objType ==3">案例评论</span> <span v-if="objType ==2">文章评论</span>
<div class="comments-top-left portal-title-tow" style="font-size: 18px;"> <span v-if="objType ==3">案例评论</span> <span v-if="objType ==2">文章评论</span>
<el-checkbox v-if="objType ==2" class="btn" v-model="value" type="primary">只看作者</el-checkbox>
<el-checkbox v-if="objType ==3" class="btn" v-model="value" type="primary">{{'只看案主'}}</el-checkbox>
<span v-if="objType ==3" class="anzhu"> @案主</span>
@@ -64,7 +64,7 @@
</div>
</div>
</div>
<!--列表内容-->
<div class="comments-items" v-show="listShow">
<!--一个评论-->
@@ -88,10 +88,10 @@
<interactBar :type="praisesType" :shares="false" :data="com" @addAnswers="showReply(com)" :favorites="false" :views="false" :comments="false" :answers="true"></interactBar>
</div>
<!-- <div class="comment-btns"> -->
<!-- <a><svg-icon icon-class="like"></svg-icon><span>66</span></a> -->
<!-- <div v-show="btnsShowRowId==com.id"> -->
<!-- <a @click="showReply(com)"><svg-icon icon-class="comment" style="margin-right: 0px;font-size: 16px;"></svg-icon><span>回复</span></a> -->
<!--必须当前登录人是一个人-->
<!-- <a v-if="userInfo.aid==com.sysCreateAid" @click="delCommnet(com,comIdx)"><svg-icon icon-class="remove" style="margin-right: 0px;font-size: 16px;"></svg-icon><span>删除</span></a> -->
@@ -843,9 +843,9 @@
margin-top: 5px;
}
.comments{
margin-top: 10px;
margin-top: 20px;
background-color: #FFFFFF;
padding: 5px 15px;
padding: 40px 40px;
.comment-time{
display: flex;
justify-content: space-between;
@@ -883,7 +883,7 @@
}
}
.comments-input{
padding: 20px 15px 10px 15px;
padding: 20px 15px 50px 15px;
}
.comments-items{
padding: 5px 15px;

23
src/views/portal/article/Detail.vue
View File

@@ -7,12 +7,10 @@
<div class="xrow" style="display: flex;justify-content: space-between;">
<div style="flex: 1;" class="xcol content-div">
<el-row v-if="noData" >
<div>
<div v-if="noData" >
<!--文章详细内容-->
<!-- <div v-else>我四娘娘</div> -->
<!-- <el-card :body-style="{ padding: '0px',background: '#f6f7fb' }" class="detail"> -->
<div class="detail">
<div class="detail">
<div class="xpage-detail-crumbs">
<router-link to="/article"><span class="crumbs-first">文章列表</span></router-link>
<span class="crumbs-line">/</span>
@@ -21,13 +19,14 @@
<div class="title">{{articleDetailData.title}}</div>
<div class="label">
<div style="margin-top: 5px;">
<author :avatar="articleDetailData.avatar" :name="articleDetailData.name" :sex="articleDetailData.sex"></author>
<author :avatar="articleDetailData.avatar" :name="articleDetailData.name" :sex="articleDetailData.sex"></author>
{{authorSign}}
</div>
<div style="margin-top: 8px;">
<!-- <time-show :time="articleDetailData.sysCreateTime"></time-show> -->
</div>
<!-- <author :avatar="articleDetailData.avatar" :name="articleDetailData.name" :info="articleDetailData.orgInfo" ></author> -->
<!-- :readonly="true" -->
<!-- :readonly="true" -->
<!-- <interactBar v-if="articleDetailData.id" :type="2" :data="articleDetailData" :comments="false" :praises="false" :views="false"></interactBar> -->
<!-- <div style="padding-top: 5px;padding-left: 5px;"> 作者：{{ articleDetailData.name }}&emsp;&emsp;部门：{{ articleDetailData.orgInfo }}&emsp;&emsp;发布时间：<time-show :time="articleDetailData.sysCreateTime"></time-show> </div> -->
</div>
@@ -40,14 +39,12 @@
<div style="margin-top:10px;">
<interactBar :type="2" :data="articleDetailData" :theme='1' :shares="false" ></interactBar>
</div>
</div>
</div>
<!--评论-->
<!--评论, 修改边距调整-->
<div>
<comments v-if="articleId!=''" @success="success" :obj-type="2" :obj-id="articleId" :toUsers="toUsers" :authorId="articleDetailData.sysCreateAid"></comments>
</div>
</el-row>
</div>
<div v-else>
<el-empty :image-size="200"></el-empty>
</div>
@@ -141,6 +138,7 @@ export default {
load:false,
list:[]
},
authorSign:'',//个性签名
shareShow:false,
toUsers: [],
articleId:'',
@@ -262,6 +260,7 @@ export default {
let ids=[data.sysCreateAid]
apiUser.getByIds(ids).then(res=>{
if(res.status==200){
this.authorSign=res.result[0].sign;
this.articleDetailData=Object.assign(this.articleDetailData,res.result[0])
this.toUsers = [
{name: res.result[0].name, aid:res.result[0].aid ,sex:res.result[0].sex}
@@ -334,7 +333,7 @@ export default {
}
.detail {
background-color: #fff;
padding: 54px;
padding: 50px;
.title {
font-size: 22px;
text-align: center;

45
src/views/portal/case/Detail.vue
View File

@@ -4,21 +4,22 @@
<portal-header current="case" :goSearch="2"></portal-header>
</div>
<div class="portal-content xcontent" style="margin-top: 30px;">
<el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb-nav">
<el-breadcrumb-item :to="{ path: '/case' }">案例列表</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" id="content-div">
<el-row :gutter="10" v-if="noData">
<el-col :span="24">
<el-card :body-style="{ padding: '0px' }" class="detail">
<div :gutter="10" v-if="noData">
<div class="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="title">{{ caseDetail.title }}</div>
<div class="label">
<author :onlyAvatar="true" :avatar="authorInfo.avatar" :sex="authorInfo.sex" ></author>
<span>案主：{{ authorInfo.name }}</span>
<span>工号：{{ authorInfo.code }}</span>
<span>组织：{{ authorInfo.orgInfo }}</span>
<span>组织：{{ authorInfo.orgInfo }} </span>
<span> {{authorInfo.sign}}</span>
<span style="text-align: right;" v-if="caseDetail.sysCreateTime">{{ caseDetail.sysCreateTime.substring(0,10) }}</span>
</div>
<!-- <div class="label">
@@ -41,15 +42,12 @@
<span v-if="caseDetail.caseType2" class="item">{{ caseDetail.caseType2 }}</span> -->
</div>
<div class="case-summary"><span>{{ caseDetail.summary }}</span></div>
</el-card>
<el-card v-if="Internet == 1" :body-style="{ padding: '0px' }" class="jianjie" id="pdfPreview">
<!-- <div class="content">
{{ caseDetail.content }}
</div> -->
</div>
<div v-if="Internet == 1" :body-style="{ padding: '0px' }" class="jianjie" id="pdfPreview">
<pdfPreview v-if="pdfPath" :filePath="pdfPath"></pdfPreview>
</el-card>
</div>
<el-card v-if="Internet == 2" style="background-color:#eee" class="jianjie pdftext" id="pdfPreview">
<div style="margin-top:40px">
<span>十分抱歉，您当前的网络环境不符合观看要求。<br/>
@@ -89,10 +87,10 @@
</div>
<!-- :authorId="articleDetailData.sysCreateAid" -->
<div id="comments-box">
<el-row><comments @success="success" v-if="resolveId != ''" :obj-type="3" :obj-id="resolveId" :authorId="caseDetail.authorId" :toUsers="toUsers"></comments></el-row>
<comments @success="success" v-if="resolveId != ''" :obj-type="3" :obj-id="resolveId" :authorId="caseDetail.authorId" :toUsers="toUsers"></comments>
</div>
</el-col>
</el-row>
</div>
<div v-else>
<el-empty :image-size="200"></el-empty>
</div>
@@ -189,6 +187,7 @@ export default {
resonimg:{},
Internet:3,//1是成功 2是是失败 3是检测中
noData:true,
authorSign:'',//提问人的个性签名
zoomShow:true,
isTopBoxShow:true,
toUsers:[],
@@ -259,7 +258,7 @@ export default {
let key = 'case';
apiPlace.detail(key).then(res=>{
console.log(res)
let lmj = JSON.parse(res.result.content)
let lmj = JSON.parse(res.result.content)
// console.log(lmj)
this.resonimg = lmj[0]
console.log(this.resonimg.image)
@@ -455,10 +454,10 @@ export default {
title:'',
})
}
}
// console.log(this.Positive);
}
})
@@ -488,6 +487,7 @@ export default {
apiUser.getByIds([this.caseDetail.authorId]).then(res => {
if (res.status == 200 && res.result.length>0) {
this.authorInfo = res.result[0];
this.authorInfo.orgInfo=cutFullName(this.authorInfo.orgInfo,1);
this.toUsers = [
@@ -618,11 +618,12 @@ export default {
}
.detail {
background-color: #fff;
padding: 5px 20px 10px 20px;
padding: 50px;
.title {
font-size: 20px;
line-height: 45px;
font-weight: 600;
margin: 10px 0px;
word-break:break-all;
}
.label {

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

@@ -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;

22
src/views/portal/qa/Detail.vue
View File

@@ -1,17 +1,14 @@
<template>
<div id="answer-detail">
<div id="answer-detail">
<div class="qa-banner">
<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>
<el-card :body-style="{ padding: '0px' }" class="detail">
<div class="detail">
<div class="title" >
<span class="qa-basic" :class="detailData.isResolve ? 'qa-solve' : 'qa-unSolve'">
{{ detailData.isResolve === true ? '【已解决】' : detailData.isResolve === false ? '【待解决】' : '' }}
@@ -36,7 +33,7 @@
<span class="answer-total">共计{{detailData.answers}}条回答</span>
<interactBar :type="4" :comments="false" :data="detailData" :views="false"></interactBar>
</div>
</el-card>
</div>
<div v-if="answerShow">
<el-card :body-style="{ padding: '0px' }" style="padding: 20px;">
<div>
@@ -154,7 +151,7 @@
</div>
</div>
</div>
</el-row>
</div>
<div style="width: 410px;">
<!-- <el-row> -->
@@ -186,13 +183,13 @@
</li>
</ul>
</div>
<div class="course-resources">
资源位
<img :src="fileBaseUrl + resonimg.image" alt="">
</div>
</div>
</div>
</div>
<addQuestion ref="addQuestion" @sure="toDetail"></addQuestion>
@@ -249,6 +246,7 @@ export default {
fileBaseUrl: process.env.VUE_APP_FILE_BASE_URL,
qaFormCheckedShow: false,
checked: false,
authorSign:'',//提问人的个性签名
// sex:null,
moreState: 1,
pageIndex: 1,
@@ -298,7 +296,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)
})