77 lines
1.4 KiB
Vue
77 lines
1.4 KiB
Vue
<!--回答框-->
|
||
<template>
|
||
<div id="answer-item">
|
||
<div>
|
||
<div class="row">
|
||
<div class="item">
|
||
<div>回答：
|
||
<span>{{answer. reply}}</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="item" @click="clickButtonTo">
|
||
<div style="cursor: pointer;">附件：
|
||
<span style="color: #409EFF" >{{answer.appendixName}}</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row" style="float: left; ">
|
||
<div class="item">
|
||
<div>{{answer.answerer}}
|
||
<span>{{answer.replyTime}}</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
name: "questionItemInfo",
|
||
props:['answer'],
|
||
data(){
|
||
return{
|
||
}
|
||
},
|
||
methods:{
|
||
//点击预览
|
||
clickButtonTo() {
|
||
const attId = this.answer.appendixId
|
||
this.$preview(attId)
|
||
},
|
||
},
|
||
watch:{
|
||
answer: {
|
||
immediate: true,
|
||
deep: true,
|
||
handler(val) {
|
||
this.answer = val
|
||
}
|
||
}
|
||
}
|
||
};
|
||
</script>
|
||
|
||
<style lang="less" scoped>
|
||
#answer-item{
|
||
width: 100%;
|
||
min-width: 130px;
|
||
padding: 15px 5px;
|
||
.row {
|
||
line-height: 1.8;
|
||
}
|
||
.item {
|
||
display: inline-block;
|
||
}
|
||
.footer-box{
|
||
height: 200px;
|
||
width: 100%;
|
||
position: absolute;
|
||
bottom: 0;
|
||
border-top: 1px solid #cccccc;
|
||
}
|
||
}
|
||
</style>
|