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/testb_banner.png" style="display: block;width: 100vw;" mode="widthFix"></image>
      <wxs module="jstools" src="/subpages/wxs/includes.wxs"></wxs>
      <!-- 基本信息 -->
      <view class="section-top">
        <image src="/subpages/images/testb_bg.png" style="display: block;width: 100%;" mode="widthFix"></image>
        <text
          class="tips">您好！非常感谢您在百忙之中填写这份问卷。为了更好地了解您的入住体验，并根据您的建议进行持续完善。我们特此开展此次调查。请您根据自己的实际情况如实回答，所有数据将严格保密，仅用于研究分析。本问卷大约需要5-10分钟时间，请您耐心完成。您的意见对于我们而言至关重要。</text>
      </view>
	  
	  <view class='title_1'>一、身体综合(多选)</view>
	  <view class="section" id="bodySynthesis">
	    <van-checkbox-group value="{{ bodySynthesis }}" 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">
	          <image class="radio-icon" slot="icon"
	            src="{{ jstools.includes(bodySynthesis,item.value) ? activeIcon : normalIcon }}" />
	          <text class="radio-title"
	            style="{{  jstools.includes(bodySynthesis,item.value) ? activeColor : normalColor }}">{{item.label}}</text>
	        </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">
	      <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">
	          <image class="radio-icon" slot="icon"
	            src="{{ jstools.includes(facialFeatures,item.value) ? activeIcon : normalIcon }}" />
	          <text class="radio-title"
	            style="{{  jstools.includes(facialFeatures,item.value) ? activeColor : normalColor }}">{{item.label}}</text>
	        </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">
	      <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">
	          <image class="radio-icon" slot="icon"
	            src="{{ jstools.includes(skinHair,item.value) ? activeIcon : normalIcon }}" />
	          <text class="radio-title"
	            style="{{  jstools.includes(skinHair,item.value) ? activeColor : normalColor }}">{{item.label}}</text>
	        </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">
	      <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">
	          <image class="radio-icon" slot="icon"
	            src="{{ jstools.includes(emotion,item.value) ? activeIcon : normalIcon }}" />
	          <text class="radio-title"
	            style="{{  jstools.includes(emotion,item.value) ? activeColor : normalColor }}">{{item.label}}</text>
	        </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">
	      <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">
	          <image class="radio-icon" slot="icon"
	            src="{{ jstools.includes(menstruation,item.value) ? activeIcon : normalIcon }}" />
	          <text class="radio-title"
	            style="{{  jstools.includes(menstruation,item.value) ? activeColor : normalColor }}">{{item.label}}</text>
	        </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">
	      <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">
	          <image class="radio-icon" slot="icon"
	            src="{{ jstools.includes(character,item.value) ? activeIcon : normalIcon }}" />
	          <text class="radio-title"
	            style="{{  jstools.includes(character,item.value) ? activeColor : normalColor }}">{{item.label}}</text>
	        </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">
	      <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">
	          <image class="radio-icon" slot="icon"
	            src="{{ jstools.includes(sleep,item.value) ? activeIcon : normalIcon }}" />
	          <text class="radio-title"
	            style="{{  jstools.includes(sleep,item.value) ? activeColor : normalColor }}">{{item.label}}</text>
	        </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">
	      <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">
	          <image class="radio-icon" slot="icon"
	            src="{{ jstools.includes(tongueState,item.value) ? activeIcon : normalIcon }}" />
	          <text class="radio-title"
	            style="{{  jstools.includes(tongueState,item.value) ? activeColor : normalColor }}">{{item.label}}</text>
	        </view>
	      </van-checkbox>
	    </van-checkbox-group>
	  </view>

      <!-- 提交按钮 -->
      <text class="commit-btn" bindtap="submitSurvey">提交问卷</text>
	  <text class="commit-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>
					<!-- <text class="resultsAreShown-content-units">分</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>