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

我的回答-回答

Browse Source
This commit is contained in:
zhaofang
2022-11-10 13:48:37 +08:00
parent c2d28bea3b
commit 2aa0baf1eb
2 changed files with 218 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
pages/my/myAnswers.vue
View File

@@ -34,9 +34,6 @@
<view class="uni-list" style="margin-top: 10upx;">
<view class="article-one" v-for="(item, qidx) of qaList.list" :key="qidx" >
<view class="artical-box">
<!-- <view class="authors">
<author-info v-if="item.avatar!=''" :avatar="item.avatar" :name="item.name" :info="item.orgInfo"></author-info>
</view> -->
<view>
<view class="artical-box-top" @click="toDetail(item)">
<view style="
@@ -61,8 +58,6 @@
<view><text style="">我的回答：</text>{{ item.answercontent }}</view>
</view>
<view class="articl-box-time">
<!-- 这里原本只显示一个时间，pc端两个时间都显示 -->
<!-- <view>问题时间：{{ item.sysCreateTimeQ }}</view> -->
<view style="padding-top: 12px;">回复时间：{{ item.sysCreateTimeA }}</view>
<view class="rowbtn-right">
<view class="rowbtn rowbtn-primary" @click="editItem(item)">
@@ -74,8 +69,6 @@
</view>
</view>
</view>
<!-- <interact-bar :comments="false" :answers="true" :data="item"></interact-bar> -->
</view>
</view>
</view>

228
pages/my/myQa.vue
View File

@@ -56,6 +56,66 @@
</view>
</view>
<view class="my-answer-list" v-show="active ==2">
<view class="uni-list">
<view class="article-one" style="border-bottom: 20upx solid #F9F9F9;" v-for="(item, qidx) of answerList.list" :key="qidx" >
<view class="artical-box">
<view>
<view class="artical-box-top" @click="toanDetail(item)">
<view style="
word-break:break-all;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;-webkit-line-clamp: 1;
font-size: 36upx;
font-weight: 600;
">
<text class="qa-basic qa-solve" v-if="item.isResolve">【已解决】</text>
<text class="qa-basic qa-unSolve" v-else >【待解决】</text>
{{item.title}}
</view>
<view class="articl-box-cont">
<view>
<text style="color: #333333;font-weight: 600;font-size: 28upx;">我的回答：</text>
<text style="color: #818181;font-size: 28upx;">{{ item.answercontent }}</text>
</view>
</view>
<view class="articl-box-time">
<view style="padding-top: 10upx;">{{ item.sysCreateTimeA }}</view>
<view class="rowbtn-right" style="display: flex;">
<view class="rowbtn rowbtn-primary" @click.stop="editItem(item)">
<image class="btn-img" src="../../static/images/icon/edit.png" size="24"></image><text class="btn-text">编辑</text>
</view>
<view class="rowbtn rowbtn-info" style="margin-left: 20upx;" @click.stop="delItem(item)">
<image class="btn-img" src="../../static/images/icon/del.png" size="24"></image><text class="btn-text">删除</text>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
<u-popup :show="inputShow" @close="closeInput" @open="openInput">
<view>
<view style="display: flex;">
<view style="flex: 1;padding: 15upx;">
<u--textarea :height="150" v-model="inputValue" :plaholder="'回复'" count></u--textarea>
</view>
<view style="width:160upx;text-align: center;padding-top: 10px;line-height: 80upx;">
<view>
<u-button type="primary" @click="publishReply" text="发布" style="width: 100upx;height: 80upx;margin-top: 80upx;"></u-button>
</view>
</view>
</view>
<view>
</view>
</view>
</u-popup>
<uni-load-more :status="loadStatus"></uni-load-more>
</view>
</template>
@@ -72,9 +132,11 @@
},
data() {
return {
inputShow:false,
loadStatus:'more',
active:1,
keyword:'',
inputValue: '',
uCoinRecord:[],
uinfo: {
uCurrency: 0 ,// 用户累计U币
@@ -85,6 +147,13 @@
pageSize:10,
list:[],
count:0,
},
reply: {},
answerList:{
pageIndex:1,
pageSize:10,
list:[],
count:0,
}
}
},
@@ -92,20 +161,88 @@
this.onReachBottom();
},
async onReachBottom() {
if (this.putList.list.length < this.putList.count) {
this.loadStatus = 'loading'; //more,loading,noMore
this.putList.pageIndex++;
await this.findData(false);
this.loadStatus = 'more';
} else {
this.loadStatus = 'noMore';
}
if(this.active == 1) {
if (this.putList.list.length < this.putList.count) {
this.loadStatus = 'loading'; //more,loading,noMore
this.putList.pageIndex++;
await this.findData(false);
this.loadStatus = 'more';
} else {
this.loadStatus = 'noMore';
}
} else {
if (this.answerList.list.length < this.answerList.count) {
this.loadStatus = 'loading'; //more,loading,noMore
this.answerList.pageIndex++;
await this.findAnData(false);
this.loadStatus = 'more';
} else {
this.loadStatus = 'noMore';
}
}
},
mounted() {
this.findData(true)
this.findData(true);
this.findAnData(true);
},
methods:{
publishReply() {
const $this=this;
let {answerid,content,sysCreateAid,favorites,praises,shares}=this.reply;
apiQa
.updateAnswer({id:answerid,sysCreateAid,content:$this.inputValue})
.then(res => {
if (res.status == 200) {
$this.$refs.articleToast.show({message:'修改成功',type:'success'});
$this.closeInput();
$this.findAnData(true);
} else {
$this.$refs.articleToast.show({message:'修改失败',type:'error'});
}
})
},
openInput() {
this.inputShow = true;
},
closeInput() {
this.inputShow = false;
},
delItem(item) {
const $this=this
uni.showModal({
title: '提示',
content: '您确定要删除此回答吗？',
success: function (res) {
if (res.confirm) {
apiQa
.delAnswer(item.answerid)
.then(res => {
if (res.status == 200) {
$this.$refs.articleToast.show({message:'删除成功',type:'success'});
$this.findAnData(true);
} else {
$this.$refs.articleToast.show({message:'删除失败，请稍后再试',type:'error'});
}
})
}
}
});
},
editItem(item){
this.reply = item;
this.inputValue = item.answercontent;
this.inputShow=true
},
toanDetail(item) {
uni.navigateTo({
url: '/pages/resource/qaDetail?id=' + item.answerqid
});
},
toDetail(item) {
console.log(item,'item')
uni.navigateTo({
url: '/pages/resource/qaDetail?id=' + item.id
});
@@ -137,7 +274,42 @@
}
});
},
findData(flag) {
findAnData(flag) {// 回答
uni.showLoading({ title: '加载中...' });
if (flag) {
this.answerList.list = [];
}
// const { pageIndex, pageSize, keyWord,isResolve } = this.qaList;
let params = {
pageIndex:this.answerList.pageIndex,
pageSize:this.answerList.pageSize,
isResolve:this.answerList.isResolve,
};
if (this.answerList.keyWord) {
params.keyWord = this.answerList.keyWord;
}
let $this=this;
apiQa.queryAnswer(params).then(async res => {
if (res.status == 200) {
this.answerList.count = res.result.count;
let userIds = [];
res.result.list.forEach(item => {
item.avatar='';
item.name='',
item.orgInfo='';
item.sex = null;
userIds.push(item.sysCreateAid);
$this.answerList.list.push(item);
});
this.loadUserInfos(res.result.list, userIds);
}else{
//加载数据列表错误
this.$refs.messager.show({message:'加载数据失败：'+res.message,type:'error'});
}
setTimeout(function(){uni.hideLoading();},100);
});
},
findData(flag) {// 提问
//是否重置列表
if (flag) {
this.putList.list = [];
@@ -158,6 +330,10 @@
this.putList.count = rs.result.count;
let userIds = [];
rs.result.list.forEach(item => {
item.avatar='';
item.name='',
item.orgInfo='';
item.sex = null;
this.putList.list.push(item);
userIds.push(item.sysCreateAid);
});
@@ -311,5 +487,37 @@
color: #999999;
}
}
.artical-box {
// margin-top: 20upx;
color: #151515;
padding: 36rpx 0 26rpx 0;
background-color: #ffffff;
.artical-box-top {
font-weight: 500;
font-size: 30rpx;
// line-height: 60rpx;
// margin-top: 10rpx;
}
.articl-box-cont {
font-size: 28rpx;
// line-height: 50rpx;
color: #454545;
margin-top: 30upx;
// margin: 0upx 10upx;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;-webkit-line-clamp: 2;
word-break:break-all;
}
.articl-box-time {
margin-top: 10upx;
font-size: 26rpx;
color: #999999;
// padding: 20rpx 0;
display: flex;
justify-content: space-between;
}
}
}
</style>