<!-- packageE/others/skin_result/skin_result.wxml -->
<view id="skin_all_result">
	<view class="m-afresh">
		<view class="m-afresh-btn" catchtap="baclOut">再测一次</view>
	</view>
	<view class="m-result main-bg">
		<view class="m-result-top ">
			<view class="m-r-t-left">
				<image src="{{resultData.report.member.avatar_image}}" alt="" />
				<view class="name">{{ resultData.report.member.nickname }}的测肤报告</view>
			</view>
			<view class="m-r-t-right" catchtap='goShare'>
				<icon class="iconfont icon-fontclass-fenxiang2222"></icon>
				分享图片
			</view>
			<!-- <view class="m-r-t-right">美貌认证</view> -->
		</view>
		<view class="m-result-center">
			<view class="m-result-left">
				<van-circle value="{{ resultData.report.composite_score }}" layer-color="#f8f8f8" color="#fe5a73"
					size="100" stroke-width="8" wx:if="{{!isshow}}" />
				<view class="m-result-l-title">综合评分</view>
				<view class="m-result-pos">
					<!-- <view class="m-result-pos-nums">100</view> -->
					<view class="{{resultData.report.composite_scor == '100'?'m-result-pos-nums':'m-result-pos-num'}}">
						{{resultData.report.composite_score}}</view>
					<view class="m-result-pos-text">分</view>
				</view>
			</view>
			<view class="m-result-right" wx:if="{{resultData.report.reportDetailTop}}">
				<view class="m-r-r-chilid" wx:if="{{resultData.report.reportDetailTop.skinType}}">
					{{ resultData.report.reportDetailTop.skinType.target_name }}
					<view class="r-chilid-text">
						{{ resultData.report.reportDetailTop.skinType.value_desc }}
					</view>
				</view>
				<view class="m-r-r-chilid" wx:if="{{resultData.report.reportDetailTop.skinColor}}">
					{{ resultData.report.reportDetailTop.skinColor.target_name }}
					<view class="r-chilid-text">
						{{ resultData.report.reportDetailTop.skinColor.value_desc }}
					</view>
				</view>
				<view class="m-r-r-chilid" wx:if="{{resultData.report.reportDetailTop.skinAge}}">
					{{ resultData.report.reportDetailTop.skinAge.target_name }}
					<view class="r-chilid-text">
						{{ resultData.report.reportDetailTop.skinAge.value + '岁' }}
					</view>
				</view>
			</view>
		</view>
		<view class="m-result-bottom">
			<view class="m-r-b-l">您已击败{{ resultData.beat }}%的用户</view>
			<view class="m-r-b-r" catchtap="showImga">查看质检图片</view>
		</view>
		<view class="m-result-rank">NO:{{ resultData.report.id }}</view>
	</view>
	<view class="warn-text">提示：本报告由专业第三方AI皮肤分析结果得出，仅供参考！</view>
	<view class="skin-question main-bg">
		<block wx:if="{{resultData.question.length > 0}}">
			<view class="skin-title">主要问题</view>
			<view class="skin-question-chlid">
				<view class="small-btn" wx:for="{{resultData.question}}" wx:key="index">{{ item }}</view>
			</view>
		</block>
		<view class="skin-title" wx:if="{{resultData.report.reportDetail.length > 0}}">程度指数</view>
		<block>
			<view class="skin-index" wx:for="{{resultData.report.reportDetail}}" wx:key='index'>
				<view class="skin-index-list">
					<view class="skin-list-name">{{ item.target_name }}</view>
					<skin-circle style='width:100%' datas="{{item}}"></skin-circle>
				</view>
			</view>
			<view class="skin-all-btn" catchtap='tapAll'>查看完整质检报告</view>
			<!-- <view class="skin-description">
				黑头的形成原因：一、和局部毛囊口扩张有关系，二、
				扩张的毛囊口里面有大量的皮脂淤积，皮脂在遇到空气之后发生氧化，在顶端就会出现黑色的外观。俗称黑头。
			</view> -->
		</block>
	</view>
	<!-- 护肤攻略 -->
	<view class="skin-strategy main-bg" wx:if="{{resultData.article.length > 0}}">
		<view class="skin-title">护肤攻略</view>
		<view class="skin-strategy-list" wx:for="{{resultData.article}}" wx:key="{{item.id}}">
			<view class="skin-strategy-list-top">
				<view class="skin-strategy-list-title" style="">{{ item.title }}</view>
				<view class="skin-strategy-list-btn" catchtap="tapMore" data-item="{{item}}">查看更多
					<van-icon name="arrow" />
				</view>
			</view>
			<view class="skin-strategy-content">{{ item.desc }}</view>
		</view>
	</view>
	<!-- 护肤顾问 -->
	<view class="main-bg skin-counselor" wx:if="{{resultData.adviser.length > 0}}">
		<view class="skin-title">护肤顾问</view>
		<view class="counselor-list" wx:for="{{resultData.adviser}}" wx:key="{{item.uid}}" catchtap="gotoUrl"
			data-item='{{item}}'>
			<image src="{{item.avatar_image}}" alt="" />
			<view class="counselor-list-main">
				<view class="counselor-nickname">
					<view class="counselor-nickname-text">昵称：{{ item.nickname }}</view>
					<icon class="iconfont icon-fontclass-mingpian" wx:if="{{resultData.business_card == 1}}"></icon>
				</view>
				<view class="counselor-name" wx:if="{{item.realname}}">姓名：{{ item.realname}}</view>
			</view>
			<view class="counselor-contact">
				<icon class="iconfont icon-zx_map_tel" catchtap="callPhone" data-item="{{item}}"
					wx:if='{{item.mobile}}'></icon>
				<view class="line" wx:if="{{item.yz_member.wechat && item.mobile}}"></view>
				<icon class="iconfont icon-all_wechat" catchtap="copy" data-item="{{item}}"
					wx:if="{{item.yz_member.wechat}}">
				</icon>
			</view>
		</view>
	</view>
	<!-- 推荐商品 -->
	<view class="skin-goods main-bg">
		<view class="skin-title">推荐商品</view>
		<block wx:if="{{label.length > 0}}">
			<van-tabs active="{{panelIndex}}" bind:change="chooseTabData">
				<block wx:for="{{label}}" wx:key='index'>
					<van-tab title="{{item.label_name}}"></van-tab>
				</block>
			</van-tabs>
		</block>
		<view style="height:30rpx"></view>
		<view class="goods-list" wx:for="{{goodsLis}}" wx:key='ind' catchtap="tapGood" data-kid="{{item.id}}">
			<image src="{{item.thumb}}" alt="" />
			<view class="goods-info">
				<view class="good-title">{{item.title}}</view>
				<view class="good-effect">
					<view class="good-effect-child" wx:for="{{item.label}}" wx:key="index" wx:for-item='list'>
						<block wx:if="{{index != 0}}">|</block>{{list.label_name}}
					</view>
				</view>
				<view class="goods-price">
					<view class="market_price"
						wx:if="{{item.market_price != '0.00' &&  item.market_price != item.price}}">
						{{market_price}}：{{language['money']}}{{item.market_price}}</view>
					<view class="prices">
						{{price}}：
						<view class="prices-color">{{language['money']}}{{item.price}}</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</view>
<qrcode kid="{{id}}" isshow="{{isshow}}" showcarrfootBol="{{showcarrfootBol}}" iPnoneBottomBol="{{iPnoneBottomBol}}"
	bindmyshow='myshow'></qrcode>
<kFoot exshow="{{true}}" wx:if="{{kFootshow}}"></kFoot>
<shopfoot bindtabrshow="tabrshowbtn"></shopfoot>