constitutionDiagnosis.wxml 9.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
  1. <view style="width: 100vw;height: 100vh; background: #CCEDF5;">
  2. <scroll-view scroll-y="true"
  3. style="height: 100vh;background: #CCEDF5;min-height: 100vh;overflow-x: hidden;overflow-y: auto;"
  4. scroll-into-view="{{mInputId}}">
  5. <view class="container">
  6. <image src="/subpages/images/testc_banner.png" style="display: block;width: 100vw;" mode="widthFix"></image>
  7. <wxs module="jstools" src="/subpages/wxs/includes.wxs"></wxs>
  8. <!-- 基本信息 -->
  9. <view class="section-top">
  10. <text
  11. class="tips">{{"本测试表由日本汉方医学专家铃木元(日本针灸师、汉方芳香疗法指导师、医院临床检验科主任医师)提出。中医学依据气、血、水的平衡状态,将人分为六种体质。要改善身体的“不调”,最重要的就是先了解自己的体质。有人也可能是不同体质混合的“复合型”,而且人的体质日常是变化的,因此应根据每天变化的身体状态进行相应调理的养生疗法。\n我们根据人体部位分了八个方面,请从下面选项里选出和自己相符的项,提交后,系统会进行判断,并显示您的体质、分析和建议。"}}</text>
  12. </view>
  13. <view class='title_1'>一、身体综合(多选)</view>
  14. <view class="section" id="bodySynthesis">
  15. <van-checkbox-group value="{{ bodySynthesis }}" bind:change="bindBodySynthesis">
  16. <van-checkbox wx:for="{{bodySynthesisOptions}}" wx:key="index" shape="square"
  17. checked-color="#0ABCA4" name="{{item.value}}" custom-class="custom-radio-class" use-icon-slot>
  18. <view class="radio-view">
  19. <text class="radio-title"
  20. style="{{ jstools.includes(bodySynthesis,item.value) ? activeColor : normalColor }}">{{item.label}}</text>
  21. <image class="radio-icon" slot="icon"
  22. src="{{ jstools.includes(bodySynthesis,item.value) ? activeIcon : normalIcon }}" />
  23. </view>
  24. </van-checkbox>
  25. </van-checkbox-group>
  26. </view>
  27. <view class='title_1'>二、面部五官(多选)</view>
  28. <view class="section" id="facialFeatures">
  29. <van-checkbox-group value="{{ facialFeatures }}" bind:change="bindFacialFeatures">
  30. <van-checkbox wx:for="{{facialFeaturesOptions}}" wx:key="index" shape="square"
  31. checked-color="#0ABCA4" name="{{item.value}}" custom-class="custom-radio-class" use-icon-slot>
  32. <view class="radio-view">
  33. <text class="radio-title"
  34. style="{{ jstools.includes(facialFeatures,item.value) ? activeColor : normalColor }}">{{item.label}}</text>
  35. <image class="radio-icon" slot="icon"
  36. src="{{ jstools.includes(facialFeatures,item.value) ? activeIcon : normalIcon }}" />
  37. </view>
  38. </van-checkbox>
  39. </van-checkbox-group>
  40. </view>
  41. <view class='title_1'>三、皮肤毛发(多选)</view>
  42. <view class="section" id="skinHair">
  43. <van-checkbox-group value="{{ skinHair }}" bind:change="bindSkinHair">
  44. <van-checkbox wx:for="{{skinHairOptions}}" wx:key="index" shape="square" checked-color="#0ABCA4"
  45. name="{{item.value}}" custom-class="custom-radio-class" use-icon-slot>
  46. <view class="radio-view">
  47. <text class="radio-title"
  48. style="{{ jstools.includes(skinHair,item.value) ? activeColor : normalColor }}">{{item.label}}</text>
  49. <image class="radio-icon" slot="icon"
  50. src="{{ jstools.includes(skinHair,item.value) ? activeIcon : normalIcon }}" />
  51. </view>
  52. </van-checkbox>
  53. </van-checkbox-group>
  54. </view>
  55. <view class='title_1'>四、情绪方面(多选)</view>
  56. <view class="section" id="emotion">
  57. <van-checkbox-group value="{{ emotion }}" bind:change="bindEmotion">
  58. <van-checkbox wx:for="{{emotionOptions}}" wx:key="index" shape="square" checked-color="#0ABCA4"
  59. name="{{item.value}}" custom-class="custom-radio-class" use-icon-slot>
  60. <view class="radio-view">
  61. <text class="radio-title"
  62. style="{{ jstools.includes(emotion,item.value) ? activeColor : normalColor }}">{{item.label}}</text>
  63. <image class="radio-icon" slot="icon"
  64. src="{{ jstools.includes(emotion,item.value) ? activeIcon : normalIcon }}" />
  65. </view>
  66. </van-checkbox>
  67. </van-checkbox-group>
  68. </view>
  69. <view class='title_1'>五、月经方面(多选)</view>
  70. <view class="section" id="menstruation">
  71. <van-checkbox-group value="{{ menstruation }}" bind:change="bindMenstruation">
  72. <van-checkbox wx:for="{{menstruationOptions}}" wx:key="index" shape="square" checked-color="#0ABCA4"
  73. name="{{item.value}}" custom-class="custom-radio-class" use-icon-slot>
  74. <view class="radio-view">
  75. <text class="radio-title"
  76. style="{{ jstools.includes(menstruation,item.value) ? activeColor : normalColor }}">{{item.label}}</text>
  77. <image class="radio-icon" slot="icon"
  78. src="{{ jstools.includes(menstruation,item.value) ? activeIcon : normalIcon }}" />
  79. </view>
  80. </van-checkbox>
  81. </van-checkbox-group>
  82. </view>
  83. <view class='title_1'>六、性格方面(多选)</view>
  84. <view class="section" id="character">
  85. <van-checkbox-group value="{{ character }}" bind:change="bindCharacter">
  86. <van-checkbox wx:for="{{characterOptions}}" wx:key="index" shape="square" checked-color="#0ABCA4"
  87. name="{{item.value}}" custom-class="custom-radio-class" use-icon-slot>
  88. <view class="radio-view">
  89. <text class="radio-title"
  90. style="{{ jstools.includes(character,item.value) ? activeColor : normalColor }}">{{item.label}}</text>
  91. <image class="radio-icon" slot="icon"
  92. src="{{ jstools.includes(character,item.value) ? activeIcon : normalIcon }}" />
  93. </view>
  94. </van-checkbox>
  95. </van-checkbox-group>
  96. </view>
  97. <view class='title_1'>七、睡眠(多选)</view>
  98. <view class="section" id="sleep">
  99. <van-checkbox-group value="{{ sleep }}" bind:change="bindSleep">
  100. <van-checkbox wx:for="{{sleepOptions}}" wx:key="index" shape="square" checked-color="#0ABCA4"
  101. name="{{item.value}}" custom-class="custom-radio-class" use-icon-slot>
  102. <view class="radio-view">
  103. <text class="radio-title"
  104. style="{{ jstools.includes(sleep,item.value) ? activeColor : normalColor }}">{{item.label}}</text>
  105. <image class="radio-icon" slot="icon"
  106. src="{{ jstools.includes(sleep,item.value) ? activeIcon : normalIcon }}" />
  107. </view>
  108. </van-checkbox>
  109. </van-checkbox-group>
  110. </view>
  111. <view class='title_1'>八、舌头状态(多选)</view>
  112. <view class="section" id="tongueState">
  113. <van-checkbox-group value="{{ tongueState }}" bind:change="bindTongueState">
  114. <van-checkbox wx:for="{{tongueStateOptions}}" wx:key="index" shape="square" checked-color="#0ABCA4"
  115. name="{{item.value}}" custom-class="custom-radio-class" use-icon-slot>
  116. <view class="radio-view">
  117. <text class="radio-title"
  118. style="{{ jstools.includes(tongueState,item.value) ? activeColor : normalColor }}">{{item.label}}</text>
  119. <image class="radio-icon" slot="icon"
  120. src="{{ jstools.includes(tongueState,item.value) ? activeIcon : normalIcon }}" />
  121. </view>
  122. </van-checkbox>
  123. </van-checkbox-group>
  124. </view>
  125. <!-- 提交按钮 --><text class="commit-btn" bindtap="submitSurvey">提交问卷</text>
  126. <text class="export-btn" bindtap="export">导出</text>
  127. <view style="height: 80rpx;"></view>
  128. <!-- <view class="bottom-view">
  129. <text style="font-weight:600">感谢您的参与和支持!</text>
  130. <text
  131. style="font-size: 28rpx;margin-top: 30rpx;color: #666666;">通过这份问卷,我们可以更好地了解受访者的睡眠状况及其影响因素,从而为他们提供更有效的改善建议。希望您能如实填写,以便我们为您提供更好的服务。</text>
  132. </view> -->
  133. <!-- <van-popup show="{{ promptTextMessageFlag }}" close-on-click-overlay="{{false}}" z-index="10086" overlay
  134. bind:close="onCloseResultsDialog" custom-style="background-color: transparent;">
  135. <view class="resultsAreShown-view">
  136. <view class="resultsAreShown-content">
  137. <View class="resultsAreShown-content-top">
  138. <image class="resultsAreShown-content-bg" src="/subpages/bg/ic_test_results_bg.png"></image>
  139. <text class="resultsAreShown-content-title">体质诊断检测统计</text>
  140. </View>
  141. <view class="resultsAreShown-content-h">
  142. <text class="resultsAreShown-content-desc">诊断结果:</text>
  143. <text class="resultsAreShown-content-score">{{comScoreStatus}}</text>
  144. </view>
  145. <text class="resultsAreShown-content-desc">诊断分布:</text>
  146. <view class="resultsAreShown-content-score-view">
  147. <view wx:for="{{ratingResultsList}}" wx:for-item="item" wx:for-index="index"
  148. wx:key="{{index}}" class="resultsAreShown-content-score-item">
  149. <image class="resultsAreShown-content-score-icon" src="{{item.icon}}"
  150. style="{{'opacity: '+ item.opacity}}">
  151. </image>
  152. <view class="resultsAreShown-content-score-line"
  153. style="{{'background-color:'+item.color}}">
  154. </view>
  155. <text
  156. class=" {{item.opacity == 1 ? 'resultsAreShown-content-score-desc.active' : 'resultsAreShown-content-score-desc'}}">{{item.title}}</text>
  157. </view>
  158. </view>
  159. <text class="resultsAreShown-content-tips">{{comScoreDesc}}</text>
  160. </view>
  161. <van-icon name="close" size="56rpx" color="#FFFFFF" bindtap="onCloseResultsDialog" />
  162. </view>
  163. </van-popup> -->
  164. </view>
  165. </scroll-view>
  166. </view>