miniProgram/pages/sleepEvaluation/sleepEvaluation.wxml

<view class="container">  
  <!-- 基本信息 -->  
  <view class='title'>服务满意度调查问卷</view>
  <view class="section">
    <text style="font-weight:600">指导语：</text>  
    <text>您好！非常感谢您在百忙之中填写这份问卷。为了更好地了解您的入住体验，并根据您的建议进行持续完善。我们特此开展此次调查。请您根据自己的实际情况如实回答，所有数据将严格保密，仅用于研究分析。本问卷大约需要5-10分钟时间，请您耐心完成。您的意见对于我们而言至关重要。</text> 
  </view> 
  <view class='title_1'>一、基本信息</view>
  <view class="section">
    <text>1.您的年龄：</text>  
    <radio-group bindchange="bindAgeChange">
      <block wx:for="{{ageOptions}}" wx:key="index">  
        <label><radio value="{{item.value}}">{{item.label}}</radio></label>  
      </block>  
    </radio-group> 
  </view>
  <view class="section">
    <text>2.您的职业：</text>  
    <radio-group bindchange="bindCareerChange">
      <block wx:for="{{careerOptions}}" wx:key="index">  
        <label wx:if="{{index<5}}"><radio value="{{item.value}}">{{item.label}}</radio></label>
		<label wx:else><radio value="{{item.value}}">{{item.label}}</radio>
			<input type="text" placeholder="请填写您的职业" bindinput="bindCareerInputInput" />
		</label>
      </block>  
    </radio-group> 
  </view>
  <view class="section_age">  
    <text>3.您的性别：</text>  
    <radio-group bindchange="bindGenderChange">  
      <label><radio value="0">男</radio></label>  
      <label><radio value="1">女</radio></label> 
	  <label><radio value="2">不愿透露</radio></label>
    </radio-group>
  </view> 
   
   <view class="section">
     <text>4、您是通过什么渠道预定到的本酒店睡眠房？</text>  
     <radio-group bindchange="bindChannelChange">  
       <label><radio value="0">酒店散客</radio></label>  
	   <label><radio value="1">朋友推荐</radio></label>
       <label><radio value="2">第三方平台（如携程、去哪儿网、飞猪、同程等）</radio>
		<input class="custom-input" type="text" placeholder="请填写第三方平台" bindinput="bindThirdPlatformsInputInput" />
	   </label> 
     </radio-group>
   </view>
  <view class='title_1'>二、用户体验</view>
  <!-- 睡眠环境评价 -->  
  <view class="section_stayExper">  
    <text>5、睡眠房的入住体验怎么样？</text>  
    <radio-group bindchange="bindStayExperOptions">  
      <block wx:for="{{stayExperOptions}}" wx:key="index">  
        <label><radio value="{{item.value}}">{{item.label}}</radio></label>  
      </block>  
    </radio-group>  
  </view>  
  
  <view class="section">  
    <text>6、入住之后，您觉得哪些方面让您比较满意？（多选）</text>  
    <checkbox-group bindchange="bindSatisfied">  
      <block wx:for="{{satisfiedOptions}}" wx:key="index">  
        <label><checkbox value="{{item.value}}">{{item.label}}</checkbox></label>  
      </block>  
    </checkbox-group>  
  </view> 
  
  <view class="section">
    <text>7、让您对本次睡眠房入住体验不满意的原因是？</text>  
    <radio-group bindchange="bindNoSatisfiedChange">
      <block wx:for="{{noSatisfiedOptions}}" wx:key="index">  
        <label wx:if="{{index<2}}"><radio value="{{item.value}}">{{item.label}}</radio></label>
  		<label wx:else><radio value="{{item.value}}">{{item.label}}</radio>
  			<input class="custom-input" type="text" placeholder="请填写体验不满意的原因" bindinput="bindNoSatisfiedInput" />
  		</label>
      </block>  
    </radio-group> 
  </view>
  
  <view class="section">  
    <text>8、您通常采取什么措施来改善睡眠？（多选）</text>  
    <checkbox-group bindchange="bindImprovementSleep">  
      <block wx:for="{{improvementSleepOptions}}" wx:key="index">  
        <label><checkbox value="{{item.value}}">{{item.label}}</checkbox></label>  
      </block>  
    </checkbox-group>  
  </view>  
  
  <view class="section">
    <text>9、您倾向于下面哪些方式来帮助改善睡眠？</text>  
    <radio-group bindchange="bindWayImprovementSleep">
      <block wx:for="{{wayImprovementSleepOptions}}" wx:key="index">  
        <label wx:if="{{index<4}}"><radio value="{{item.value}}">{{item.label}}</radio></label>
  		<label wx:else><radio value="{{item.value}}">{{item.label}}</radio>
  			<input class="custom-input" type="text" placeholder="请填写帮助改善睡眠方式" bindinput="bindWayImprovementSleepInput" />
  		</label>
      </block>  
    </radio-group> 
  </view>
  
  
  <view class="section">
    <text>10、您通常从哪里获取关于睡眠健康的信息？（多选）</text>  
    <checkbox-group bindchange="bindGetSleepHealth">  
      <block wx:for="{{getSleepHealthOptions}}" wx:key="index">  
        <label wx:if="{{index<5}}"><checkbox value="{{item.value}}">{{item.label}}</checkbox></label> 
		 <label wx:else><checkbox value="{{item.value}}">{{item.label}}</checkbox>
		 	<input class="custom-input" type="text" placeholder="请填写从哪里获取关于睡眠健康的信息" bindinput="bindGetSleepHealthInput" />
		 </label>
      </block>  
    </checkbox-group>  
  </view>  
  <view class='title_1'>三、影响睡眠的因素</view>
  <view class="section">
    <text>11、您认为以下哪些因素会影响您的睡眠？（多选）</text>  
    <checkbox-group bindchange="bindInfluenceSleep">  
      <block wx:for="{{influenceSleepOptions}}" wx:key="index">  
        <label wx:if="{{index<6}}"><checkbox value="{{item.value}}">{{item.label}}</checkbox></label> 
  		 <label wx:else><checkbox value="{{item.value}}">{{item.label}}</checkbox>
  		 	<input class="custom-input" type="text" placeholder="请填写影响您的睡眠因素" bindinput="bindInfluenceSleepInput" />
  		 </label>
      </block>  
    </checkbox-group>  
  </view>  
	
  <view class="section">
    <text>12、您通常使用什么方法来改善睡眠质量？（多选）</text>  
    <checkbox-group bindchange="bindImprovSleepMethods">  
      <block wx:for="{{improvSleepMethodsOptions}}" wx:key="index">  
        <label wx:if="{{index<4}}"><checkbox value="{{item.value}}">{{item.label}}</checkbox></label> 
  		 <label wx:else><checkbox value="{{item.value}}">{{item.label}}</checkbox>
  		 	<input class="custom-input" type="text" placeholder="请填写改善睡眠质量方法" bindinput="bindImprovSleepMethodsInput" />
  		 </label>
      </block>  
    </checkbox-group>  
  </view> 	
  <view class='title_1'>四、其他意见和建议</view>
  <!-- 文本输入问题示例 -->  
  <view class="section">  
    <text>13. 关于本次睡眠房的入住体验，您最希望哪些方面可以进行改善优化</text>  
    <textarea class="full-width-textarea" type="text" placeholder="请填写您的建议" bindinput="bindSuggestionInput" />  
  </view>  
  
  <!-- 提交按钮 -->  
  <button style="margin-top:30rpx;" bindtap="submitSurvey">提交问卷</button>  
  
  <view class="section">
    <text style="font-weight:600">感谢您的参与和支持！</text>  
    <text>通过这份问卷，我们可以更好地了解受访者的睡眠状况及其影响因素，从而为他们提供更有效的改善建议。希望您能如实填写，以便我们为您提供更好的服务。</text> 
  </view> 
  
</view>