You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
112 lines
2.5 KiB
112 lines
2.5 KiB
<template>
|
|
<v-page>
|
|
<v-header :title="$t('common.c35')"></v-header>
|
|
<view style="background-color: #ffffff;height: 100%;">
|
|
<view class="scrollview">
|
|
<scroll-view scroll-y="true" style="height: 65vh;">
|
|
<view class="userfeedbox_flex">
|
|
<view v-for="(item,index) in list" :key="index" class="userfeedbox_list">
|
|
<view style="margin-bottom: 40rpx;" v-if="item.contents">
|
|
<view class="userfeedbox_email">{{ item.email }}：</view>
|
|
<view style="word-break: break-all;width: 620rpx;">{{ item.contents }}</view>
|
|
</view>
|
|
|
|
<view class="userfeedbox_process_note" v-if="item.process_note">
|
|
<view style="font-size: 18px;font-weight: bold;color: #a1a1a1;">{{$t('common.service')}}：</view>
|
|
<view>{{ item.process_note }}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|
|
<view style="margin: 0px 10px;">
|
|
<v-input class="p-sm m-t-sm" style="border: 1px solid #d6d6d6;border-radius: 20rpx;" v-model="text">
|
|
<template #right>
|
|
<view @click="onsend" class="sendview">{{$t('common.c36')}}</view>
|
|
</template>
|
|
</v-input>
|
|
</view>
|
|
</view>
|
|
</v-page>
|
|
</template>
|
|
|
|
<script>
|
|
import Wallet from "@/api/wallet";
|
|
export default {
|
|
data() {
|
|
return {
|
|
text:"",
|
|
list:[],
|
|
}
|
|
},
|
|
mounted(){
|
|
this.advices()
|
|
},
|
|
methods: {
|
|
advices(){
|
|
Wallet.advices({}).then(res => {
|
|
this.list = res.data.data;
|
|
});
|
|
},
|
|
onsend(){
|
|
Wallet.addAdvice({contents:this.text}).then(data => {
|
|
this.text = "";
|
|
this.advices();
|
|
this.$toast(this.$t('common.sendSuccess'))
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="less">
|
|
.sendview{
|
|
color: #000;
|
|
width: 50px;
|
|
height: 35px;
|
|
display: flex;
|
|
margin-left: 10px;
|
|
border-radius: 5px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background-image: linear-gradient(to right, #6d9ef9, #1f5df4);
|
|
}
|
|
.scrollview{
|
|
margin-top: 20px;
|
|
margin: 20px 10px;
|
|
padding: 20px 20px;
|
|
border-radius: 10px;
|
|
border: 1px solid #d6d6d6;
|
|
}
|
|
.viewtext{
|
|
max-width: 100%;
|
|
padding: 10rpx;
|
|
border-radius: 0px 5px 5px 0px;
|
|
box-sizing: border-box;
|
|
background-color: #1f5df4;
|
|
}
|
|
.userfeedbox_flex{
|
|
gap: 10px;
|
|
width: 100%;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
.userfeedbox_list{
|
|
gap: 5px;
|
|
display: flex;
|
|
flex: 1 0 auto;
|
|
max-width: 100%;
|
|
flex-wrap: wrap;
|
|
border-bottom: 1px solid #515151;
|
|
}
|
|
.userfeedbox_email{
|
|
color: #a1a1a1;
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
}
|
|
.userfeedbox_process_note{
|
|
width: 620rpx;
|
|
padding-bottom: 20px;
|
|
word-break: break-all;
|
|
}
|
|
</style>
|