<template>
	<view class="feedback">
		<view class="feedback-box">
			<view class="feedback-title">人工服务</view>
			<view class="feedback-itme">
				<view class="manual">
					<view class="service-phone">拨打官方客服电话：400-100-100</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: {
		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>