79 lines
1.3 KiB
Vue
79 lines
1.3 KiB
Vue
<!--问题的描述-->
|
||
<template>
|
||
<div id="questions-item">
|
||
<div>
|
||
<el-button class="dybtn" size="mini" type="primary" @click.stop="subscribe">订阅</el-button>
|
||
</div>
|
||
<div>
|
||
<div class="row">
|
||
<div class="item">
|
||
<div>提问：
|
||
<span>{{question.problemDescription}}</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="item">
|
||
<div>{{answer.answerer}}
|
||
<span>{{question.questionTime}}</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
name: "questions-item",
|
||
props: ['question'],
|
||
computed: {
|
||
},
|
||
data(){
|
||
return{
|
||
userName: this.$store.getters.userInfo.userName,
|
||
}
|
||
},
|
||
methods:{
|
||
subscribe(){
|
||
this.$http.postData('lawss/Subscription/insertSubscription',{
|
||
askId: this.question.id,
|
||
usId: this.$store.getters.userInfo.userId,
|
||
},{
|
||
_this: this
|
||
}, res => {
|
||
console.log(res);
|
||
})
|
||
},
|
||
},
|
||
watch:{
|
||
question: {
|
||
immediate: true,
|
||
deep: true,
|
||
handler(val){
|
||
}
|
||
}
|
||
}
|
||
};
|
||
</script>
|
||
|
||
<style lang="less" scoped>
|
||
#questions-item{
|
||
width: 100%;
|
||
min-width: 130px;
|
||
padding:10px 0;
|
||
.dybtn{
|
||
float: right;
|
||
}
|
||
.row {
|
||
line-height: 1.8;
|
||
}
|
||
.item {
|
||
display: inline-block;
|
||
}
|
||
}
|
||
/deep/ .el-button--mini {
|
||
padding: 5px;
|
||
}
|
||
</style>
|