<template>
	<view class="ayuu">



		<view class="cpfapryu">
			<view class="indhuyr">
				<view class="indjbrr"></view>
				<text>解决方案</text>
			</view>
			<view style="padding: 10rpx;">
				<view class="res-title">专家解决意见</view>
				<view class='res-content' v-if="content">{{content}}</view>
				<view class='res-none' v-else>专家暂时还未给出意见</view>
			</view>
			<view class="cpfapryukan">
				<view class="f-item" v-for="(item,index) in result" :key="index">
					<text>{{item.name}}</text>
					<view class="items" v-for="(items,indexs) in item.value" :key="indexs">
						<text>{{items.name}}</text>
						<text>{{items.res}}</text>
					</view>
				</view>

			</view>


		</view>





	</view>
</template>
<style>
	page {
		background: #FAFAFA;
	}
</style>
<script>
	export default {
		data() {
			return {
				id: 0,
				result: [],
				content: '',
			}
		},
		onLoad(e) {
			this.id = e.id || 0
			this.getInfo()
		},
		methods: {
			getInfo() {
				this.$post({
					data: {
						do: 'GetExamination',
						data: {
							id: this.id,
							pay_type: uni.getStorageSync('') // 支付类型1=普通用户,2=会员用户
						}
					}
				}).then(res => {
					this.result = res.data.res;
					this.content = res.data.content;

				})
			}
		}


	}
</script>
<style>
	.f-item {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		margin-bottom: 30rpx;
	}

	.items {
		display: flex;
		width: 100%;
		border: 1rpx solid #ebebeb;
		margin-top: 20rpx;
	}

	.items>text {
		padding: 10rpx 0;
		width: 50%;
		text-align: center;
	}

	.res-title {
		font-size: 28rpx;
		margin: 20rpx 0;

	}

	.res-content {
		font-size: 27rpx;
		color: #000;
		padding: 30rpx 10rpx;
		border-radius: 10rpx;
		font-weight: bold;
		font-weight: bold;
		border: 1px dotted #d6d6d6;
	}

	.res-none {
		font-size: 27rpx;
		background-color: #d6d6d6e6;
		color: #fff;
		padding: 45rpx 0;
		border-radius: 10rpx;
		font-weight: bold;
		text-align: center;
	}
</style>
<style lang="scss" scoped>




</style>
