miniProgram/subpages/sleepQualityIndexAssessment/sleepQualityIndexAssessment.wxml

<view style="width: 100vw;height: 100vh; background: #ECFAF7;">
	<scroll-view scroll-y="true"
		style="height: 100vh;background: #ECFAF7;min-height: 100vh;overflow-x: hidden;overflow-y: auto;"
		scroll-into-view="{{mInputScrollId}}">
		<view class='container'>
			<image src="/subpages/images/test_banner.png" style="display: block;width: 100vw;" mode="widthFix"></image>
			<view class="tips">
				<text>本测评系统依据匹兹堡睡眠质量指数量表（PSQI）开发。PSQI由匹茨堡大学医学中心精神科睡眠和生物节律研究中心睡眠专家BuysseDj等人编制，专门用于评定被试者近一个月的主观睡眠质量。PSQI作为一种科学、系统的睡眠质量评估工具，为了解个体睡眠状况、诊断睡眠障碍以及制定相应的干预措施提供了重要的工具和平台。
				</text>
			</view>
			<view class="item" wx:for="{{qnaire}}" wx:for-index="index" wx:for-item="item" wx:key="{{index}}"
				id="item{{item.num}}">
				<text class="item-problem">{{item.question}}</text>
				<text wx:if="{{item.question_1 && item.type == 'radio'}}"
					class="item-problem-sub">{{item.question_1}}</text>
				<view class="item-problem-input-view" wx:if="{{item.question_1 && item.type == 'radio&input'}}">
					<text class="item-problem-input-title">{{item.question_1}}</text>
					<view class="item-problem-input-line"></view>
					<!-- <van-field class="item-problem-input" value="{{ item.questionValue }}" placeholder=""
						border="{{ false }}" data-item="{{item}}" bind:change="onChangeInput" /> -->
					<input class="item-problem-input" value="{{ item.questionValue }}" placeholder=""
						border="{{ false }}" data-item="{{item}}" bindblur="onChangeInput" />
				</view>
				<view wx:if="{{item.question_1}}" class="item-border"></view>
				<view class="date-show-view" wx:if="{{item.question_1 && item.type == 'date'}}" data-item="{{item}}"
					bindtap="onOpenDateDialog">
					<text class="show-date-title">{{item.question_1}}</text>
					<text>{{item.value}}</text>
					<van-icon name="arrow" color="#999999" />
				</view>

				<van-radio-group class="radio-list" value="{{ item.value }}"
					wx:if="{{item.type == 'radio' || item.type == 'radio&input'}}" data-item="{{item}}"
					bind:change="onChangeRadio">
					<van-radio wx:for="{{item.options}}" wx:for-index="subIndex" wx:for-item="subItem"
						wx:key="{{subIndex}}" use-icon-slot value="{{ subItem.key }}" name="{{ subItem.key }}">
						<view class="radio-view">
							<image class="radio-icon" slot="icon"
								src="{{ item.value === subItem.key ? activeIcon : normalIcon }}" />
							<text class="radio-title"
								style="{{ item.value === subItem.key ? activeColor : normalColor }}">{{subItem.value}}</text>
						</view>
					</van-radio>
				</van-radio-group>
			</view>
			<view class="bottom-view">
				<view class="bottom-view-privacy">
					<van-checkbox use-icon-slot value="{{ checkedPrivacy }}" bind:change="onChangePrivacy">
						<view class="privacy-checkbox">
							<image class="privacy-checkbox-icon" slot="icon"
								src="{{ checkedPrivacy ? activeIcon : normalIcon }}" />
							<text class="privacy-detail-btn">我已阅读并同意</text>
						</view>
					</van-checkbox>
					<text class="privacy-detail-btn_tk" bindtap="showPrivacyDetail">《舒眠调查问卷隐私条款》</text>
				</view>
				<text class="commit-btn" bindtap="formSubmit">提交</text>
				<view style="height: 80rpx;"></view>
			</view>
			<van-popup show="{{ privacyDetailShow }}" closeable close-on-click-overlay z-index="10086" overlay
				position="bottom" bind:close="hidePrivacyPolicy" bind:click-overlay="hidePrivacyPolicy">
				<scroll-view class="modal-content" scroll-y="true">
					<!-- 这里是800字的内容，为了示例只显示部分内容 -->
					<view><text style="font-size:50rpx;font-weight:700rpx;">微信小程序调查问卷隐私条款</text></view>
					<view><text style="font-weight:400rpx;">一、前言</text></view>
					<view><text
							style="font-weight:400rpx;">我们非常重视用户的隐私和个人信息保护。为了保障用户在使用本微信小程序（以下简称“小程序”）进行调查问卷时的权益，我们制定了本隐私条款。本隐私条款详细说明了我们在收集、使用、存储和保护用户信息时的原则、范围、方式和目的。请用户在使用本小程序前，仔细阅读并理解本隐私条款。</text>
					</view>
					<view><text style="font-weight:400rpx;">二、信息收集</text></view>
					<view><text
							style="font-weight:400rpx;">在用户参与调查问卷时，我们可能会收集用户的一些基本信息，如姓名、联系方式、电子邮箱等。这些信息将仅用于统计分析、改进服务质量和联系用户。</text>
					</view>
					<view><text
							style="font-weight:400rpx;">我们可能会收集用户在使用小程序过程中产生的日志信息，包括但不限于设备型号、操作系统版本、IP地址、访问时间等。这些信息将用于优化小程序的性能和功能。</text>
					</view>
					<view><text style="font-weight:400rpx;">三、信息使用</text></view>
					<view><text style="font-weight:400rpx;">我们将按照本隐私条款的规定，合法、正当地使用用户信息，不会将其用于与调查问卷无关的目的。</text></view>
					<view><text style="font-weight:400rpx;">我们可能会将用户信息用于以下用途：统计分析调查问卷结果，为改进服务质量和制定政策提供参考；</text></view>
					<view><text style="font-weight:400rpx;">在用户同意的前提下，向用户推荐相关的服务或产品。</text></view>
					<view><text style="font-weight:400rpx;">我们不会将用户信息泄露给任何第三方，除非得到用户的明确同意或法律法规另有规定。</text></view>
					<view><text style="font-weight:400rpx;">四、信息安全</text></view>
					<view><text style="font-weight:400rpx;">我们将采取合理的技术和管理措施，保障用户信息的安全，防止信息泄露、丢失、被篡改或非法获取。</text></view>
					<view><text style="font-weight:400rpx;">我们将定期对用户信息进行备份，以防止数据丢失。</text></view>
					<view><text style="font-weight:400rpx;">五、用户权利</text></view>
					<view><text style="font-weight:400rpx;">用户有权了解我们收集、使用其信息的情况，并可以要求我们提供相关的解释和说明。</text></view>
					<view><text style="font-weight:400rpx;">用户有权要求我们更正、删除其提供的不准确或不完整的个人信息。</text></view>
					<view><text style="font-weight:400rpx;">用户有权拒绝我们收集、使用其个人信息，但可能会影响其使用小程序的部分功能。</text></view>
					<view><text style="font-weight:400rpx;">六、隐私条款的修改</text></view>
					<view><text
							style="font-weight:400rpx;">我们可能会根据法律法规的变化、技术的进步或业务发展的需要，对本隐私条款进行修改。修改后的隐私条款将通过小程序内公告或其他适当的方式通知用户。请用户定期查看并了解最新的隐私条款内容。</text>
					</view>
					<view><text style="font-weight:400rpx;">七、联系方式</text></view>
					<view><text
							style="font-weight:400rpx;">如果您对本隐私条款有任何疑问或建议，请通过以下方式与我们联系：[您的联系方式]。我们将尽快回复您并为您解答问题。</text>
					</view>
					<view><text style="font-weight:400rpx;">八、法律适用和争议解决</text></view>
					<view><text
							style="font-weight:400rpx;">本隐私条款的解释、适用和争议解决均适用中华人民共和国法律。如双方因本隐私条款产生争议，应首先通过友好协商解决；协商不成的，任何一方均有权向有管辖权的人民法院提起诉讼。</text>
					</view>
					<button class="close-modal-btn" bindtap="hideModal">关闭</button>
				</scroll-view>
			</van-popup>
			<van-popup wx:if="{{currentDateItem}}" show="{{ showDateDialog }}" close-on-click-overlay z-index="10086"
				overlay position="bottom" bind:close="onCloseDateDialog" custom-class="custom-date-class"
				bind:click-overlay="onCloseDateDialog">
				<van-datetime-picker type="time" formatter="{{ formatter }}" title="{{currentDateItem.question_1}}"
					value="{{ currentDate }}" min-hour="0" max-hour="23" bind:confirm="onDateInput"
					bind:cancel="onCloseDateDialog" toolbar-class="toolbar-class" />
			</van-popup>

			<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">{{comScore}}</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: '+(comScoreIndex == index ? '1' : '0')}}">
								</image>
								<view class="resultsAreShown-content-score-line"
									style="{{'background-color:'+item.color}}">
								</view>
								<text
									class=" {{comScoreIndex == index ? '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>