127 lines
2.6 KiB
Vue
127 lines
2.6 KiB
Vue
<template>
|
||
<view class="feedback">
|
||
<view class="feedback-box">
|
||
<view class="feedback-title">人工服务</view>
|
||
<view class="feedback-itme">
|
||
<view class="manual" @click="makePhone">
|
||
<view class="service-phone">拨打官方客服电话：{{ tel400 }}</view>
|
||
<view class="manual-time">{{ wkTime }}</view>
|
||
</view>
|
||
<view class="suggestions" @click="writeComments">意见反馈</view>
|
||
</view>
|
||
</view>
|
||
<view class="feedback-box">
|
||
<view class="feedback-title">常见服务</view>
|
||
<view class="feedback-itme">
|
||
<view class="u-line-2" v-for="item in helpList" :key="item.id" @click="viewAnswer(item)">{{ item.question }}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
helpList: [],
|
||
wkTime: '',
|
||
tel400: '',
|
||
}
|
||
},
|
||
onLoad() {
|
||
this.getHelpList();
|
||
},
|
||
methods: {
|
||
makePhone() {
|
||
uni.makePhoneCall({
|
||
phoneNumber: this.tel400,
|
||
});
|
||
},
|
||
viewAnswer(item) {
|
||
this.$store.commit('setQuestion', item);
|
||
this.$u.route('pageE/setting/question');
|
||
},
|
||
getHelpList() {
|
||
this.$u.api.getSettingHelpList().then(res => {
|
||
this.helpList = res.data.QA;
|
||
this.tel400 = res.data.tel400;
|
||
this.wkTime = res.data.wkTime;
|
||
})
|
||
},
|
||
writeComments() {
|
||
uni.navigateTo({
|
||
url: '/pageE/more/WriteComments'
|
||
});
|
||
}
|
||
}
|
||
};
|
||
</script>
|
||
<style lang="scss" scoped>
|
||
.feedback {
|
||
min-height: calc(100vh - var(--window-top));
|
||
background: #ECECEC;
|
||
padding: 20rpx 30rpx;
|
||
.feedback-box {
|
||
width: 689rpx;
|
||
background: rgba(255,255,255,1);
|
||
border-radius: 10rpx;
|
||
margin-bottom: 20rpx;
|
||
padding: 30rpx;
|
||
.feedback-title {
|
||
position: relative;
|
||
font-size: 30rpx;
|
||
font-weight: 500;
|
||
color: rgba(51,51,51,1);
|
||
// margin-bottom: 30rpx;
|
||
padding-left: 20rpx;
|
||
&::after {
|
||
position: absolute;
|
||
content: '';
|
||
width: 6rpx;
|
||
height: 30rpx;
|
||
background: rgba(255,120,15,1);
|
||
top: 50%;
|
||
left: 0;
|
||
transform: translate(0, -50%);
|
||
}
|
||
}
|
||
.feedback-itme {
|
||
> view {
|
||
position: relative;
|
||
font-size: 26rpx;
|
||
color: rgba(51,51,51,1);
|
||
line-height: 42rpx;
|
||
&:not(:last-child) {
|
||
padding: 20rpx 0;
|
||
&::after {
|
||
position: absolute;
|
||
content: '';
|
||
width: 630rpx;
|
||
height: 2rpx;
|
||
background: rgba(236,236,236,1);
|
||
bottom: 0;
|
||
left: 50%;
|
||
transform: translate(-50%, 0);
|
||
}
|
||
}
|
||
&:last-child {
|
||
padding-top: 20rpx;
|
||
}
|
||
}
|
||
.manual {
|
||
.service-phone {
|
||
|
||
}
|
||
.manual-time {
|
||
font-size: 22rpx;
|
||
color: rgba(153,153,153,1);
|
||
}
|
||
}
|
||
.suggestions {
|
||
font-size: 26rpx;
|
||
font-weight: 500;
|
||
color: rgba(102,102,102,1);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
</style> |