miniProgram/subpages/constitutionDiagnosis/constitutionDiagnosis.wxml

<view style="width: 100vw;height: 100vh; background: #CCEDF5;">
	<scroll-view scroll-y="true"
		style="height: 100vh;background: #CCEDF5;min-height: 100vh;overflow-x: hidden;overflow-y: auto;"
		scroll-into-view="{{mInputId}}">

		<view class="container">
			<image src="/subpages/images/testc_banner.png" style="display: block;width: 100vw;" mode="widthFix"></image>
			<wxs module="jstools" src="/subpages/wxs/includes.wxs"></wxs>
			<!-- 基本信息 -->
			<view class="section-top">
				<text
					class="tips">{{"本测试表由山东省中医药大学中医专家组(具有中医针灸师、中医芳香疗法指导师、医院临床检验科资质的主任医师们)提出。中医学依据气、血、水的平衡状态，将人分为六种体质。要改善身体的“不调”，最重要的就是先了解自己的体质。有人也可能是不同体质混合的“复合型”，而且人的体质日常是变化的，因此应根据每天变化的身体状态进行相应调理的养生疗法。我们根据人体部位分了八个方面，请从下面选项里选出和自己相符的项，提交后，系统会进行判断，并显示您的体质、分析和建议。"}}</text>
			</view>

			<view class='title_1'>一、身体综合(多选)</view>
			<view class="section" id="bodySynthesis">
				<van-checkbox-group value="{{ bodySynthesis }}" data-item="{{bodySynthesisOptions}}"  bind:change="bindBodySynthesis">
					<van-checkbox wx:for="{{bodySynthesisOptions}}" wx:key="index" shape="square"
						checked-color="#0ABCA4" name="{{item.value}}" custom-class="custom-radio-class" use-icon-slot>
						<view class="radio-view">
							<text class="radio-title"
								style="{{  jstools.includes(bodySynthesis,item.value) ? activeColor : normalColor }}">{{item.label}}</text>
							<image class="radio-icon" slot="icon"
								src="{{ jstools.includes(bodySynthesis,item.value) ? activeIcon : normalIcon }}" />
						</view>
					</van-checkbox>
				</van-checkbox-group>
			</view>

			<view class='title_1'>二、面部五官(多选)</view>
			<view class="section" id="facialFeatures">
				<van-checkbox-group value="{{ facialFeatures }}" bind:change="bindFacialFeatures" data-item="{{facialFeaturesOptions}}" >
					<van-checkbox wx:for="{{facialFeaturesOptions}}" wx:key="index" shape="square"
						checked-color="#0ABCA4" name="{{item.value}}" custom-class="custom-radio-class" use-icon-slot>
						<view class="radio-view">
							<text class="radio-title"
								style="{{  jstools.includes(facialFeatures,item.value) ? activeColor : normalColor }}">{{item.label}}</text>
							<image class="radio-icon" slot="icon"
								src="{{ jstools.includes(facialFeatures,item.value) ? activeIcon : normalIcon }}" />
						</view>
					</van-checkbox>
				</van-checkbox-group>
			</view>

			<view class='title_1'>三、皮肤毛发(多选)</view>
			<view class="section" id="skinHair">
				<van-checkbox-group value="{{ skinHair }}" bind:change="bindSkinHair" data-item="{{skinHairOptions}}">
					<van-checkbox wx:for="{{skinHairOptions}}" wx:key="index" shape="square" checked-color="#0ABCA4"
						name="{{item.value}}" custom-class="custom-radio-class" use-icon-slot>
						<view class="radio-view">
							<text class="radio-title"
								style="{{  jstools.includes(skinHair,item.value) ? activeColor : normalColor }}">{{item.label}}</text>
							<image class="radio-icon" slot="icon"
								src="{{ jstools.includes(skinHair,item.value) ? activeIcon : normalIcon }}" />
						</view>
					</van-checkbox>
				</van-checkbox-group>
			</view>

			<view class='title_1'>四、情绪方面(多选)</view>
			<view class="section" id="emotion">
				<van-checkbox-group value="{{ emotion }}" bind:change="bindEmotion" data-item="{{emotionOptions}}">
					<van-checkbox wx:for="{{emotionOptions}}" wx:key="index" shape="square" checked-color="#0ABCA4"
						name="{{item.value}}" custom-class="custom-radio-class" use-icon-slot>
						<view class="radio-view">
							<text class="radio-title"
								style="{{  jstools.includes(emotion,item.value) ? activeColor : normalColor }}">{{item.label}}</text>
							<image class="radio-icon" slot="icon"
								src="{{ jstools.includes(emotion,item.value) ? activeIcon : normalIcon }}" />
						</view>
					</van-checkbox>
				</van-checkbox-group>
			</view>

			<view class='title_1'>五、月经方面(多选)</view>
			<view class="section" id="menstruation">
				<van-checkbox-group value="{{ menstruation }}" bind:change="bindMenstruation"  data-item="{{menstruationOptions}}">
					<van-checkbox wx:for="{{menstruationOptions}}" wx:key="index" shape="square" checked-color="#0ABCA4"
						name="{{item.value}}" custom-class="custom-radio-class" use-icon-slot>
						<view class="radio-view">
							<text class="radio-title"
								style="{{  jstools.includes(menstruation,item.value) ? activeColor : normalColor }}">{{item.label}}</text>
							<image class="radio-icon" slot="icon"
								src="{{ jstools.includes(menstruation,item.value) ? activeIcon : normalIcon }}" />
						</view>
					</van-checkbox>
				</van-checkbox-group>
			</view>

			<view class='title_1'>六、性格方面(多选)</view>
			<view class="section" id="character">
				<van-checkbox-group value="{{ character }}" bind:change="bindCharacter" data-item="{{characterOptions}}">
					<van-checkbox wx:for="{{characterOptions}}" wx:key="index" shape="square" checked-color="#0ABCA4"
						name="{{item.value}}" custom-class="custom-radio-class" use-icon-slot>
						<view class="radio-view">
							<text class="radio-title"
								style="{{  jstools.includes(character,item.value) ? activeColor : normalColor }}">{{item.label}}</text>
							<image class="radio-icon" slot="icon"
								src="{{ jstools.includes(character,item.value) ? activeIcon : normalIcon }}" />
						</view>
					</van-checkbox>
				</van-checkbox-group>
			</view>

			<view class='title_1'>七、睡眠(多选)</view>
			<view class="section" id="sleep">
				<van-checkbox-group value="{{ sleep }}" bind:change="bindSleep"  data-item="{{sleepOptions}}">
					<van-checkbox wx:for="{{sleepOptions}}" wx:key="index" shape="square" checked-color="#0ABCA4"
						name="{{item.value}}" custom-class="custom-radio-class" use-icon-slot>
						<view class="radio-view">
							<text class="radio-title"
								style="{{  jstools.includes(sleep,item.value) ? activeColor : normalColor }}">{{item.label}}</text>
							<image class="radio-icon" slot="icon"
								src="{{ jstools.includes(sleep,item.value) ? activeIcon : normalIcon }}" />
						</view>
					</van-checkbox>
				</van-checkbox-group>
			</view>

			<view class='title_1'>八、舌头状态(多选)</view>
			<view class="section" id="tongueState">
				<van-checkbox-group value="{{ tongueState }}" bind:change="bindTongueState"  data-item="{{tongueStateOptions}}">
					<van-checkbox wx:for="{{tongueStateOptions}}" wx:key="index" shape="square" checked-color="#0ABCA4"
						name="{{item.value}}" custom-class="custom-radio-class" use-icon-slot>
						<view class="radio-view">
							<text class="radio-title"
								style="{{  jstools.includes(tongueState,item.value) ? activeColor : normalColor }}">{{item.label}}</text>
							<image class="radio-icon" slot="icon"
								src="{{ jstools.includes(tongueState,item.value) ? activeIcon : normalIcon }}" />
						</view>
					</van-checkbox>
				</van-checkbox-group>
			</view>

			<!-- 提交按钮 --><text class="commit-btn" bindtap="submitSurvey">提交问卷</text>
			<!-- <text class="export-btn" bindtap="export">导出</text> -->
			<view style="height: 80rpx;"></view>
			<!-- <view class="bottom-view">
      <text style="font-weight:600">感谢您的参与和支持！</text>
      <text
        style="font-size: 28rpx;margin-top: 30rpx;color: #666666;">通过这份问卷，我们可以更好地了解受访者的睡眠状况及其影响因素，从而为他们提供更有效的改善建议。希望您能如实填写，以便我们为您提供更好的服务。</text>
    </view> -->

			<!-- <van-popup show="{{ promptTextMessageFlag }}" close-on-click-overlay="{{false}}" z-index="10086" overlay
				bind:close="onCloseResultsDialog" custom-style="background-color: transparent;">
				<view class="resultsAreShown-view">

					<view class="resultsAreShown-content">
						<View class="resultsAreShown-content-top">
							<image class="resultsAreShown-content-bg" src="/subpages/bg/ic_test_results_bg.png"></image>
							<text class="resultsAreShown-content-title">体质诊断检测统计</text>
						</View>
						<view class="resultsAreShown-content-h">
							<text class="resultsAreShown-content-desc">诊断结果：</text>
							<text class="resultsAreShown-content-score">{{comScoreStatus}}</text>
						</view>
						<text class="resultsAreShown-content-desc">诊断分布：</text>

						<view class="resultsAreShown-content-score-view">
							<view wx:for="{{ratingResultsList}}" wx:for-item="item" wx:for-index="index"
								wx:key="{{index}}" class="resultsAreShown-content-score-item">
								<image class="resultsAreShown-content-score-icon" src="{{item.icon}}"
									style="{{'opacity: '+ item.opacity}}">
								</image>
								<view class="resultsAreShown-content-score-line"
									style="{{'background-color:'+item.color}}">
								</view>
								<text
									class=" {{item.opacity == 1 ? 'resultsAreShown-content-score-desc.active' : 'resultsAreShown-content-score-desc'}}">{{item.title}}</text>

							</view>
						</view>
						<text class="resultsAreShown-content-tips">{{comScoreDesc}}</text>
					</view>

					<van-icon name="close" size="56rpx" color="#FFFFFF" bindtap="onCloseResultsDialog" />
				</view>

			</van-popup> -->

		</view>
	</scroll-view>

</view>