question.wxml 3.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. <view
  2. style="z-index: {{ zIndex }}"
  3. class="plv-mp-question-wrap {{ showQuestion ? 'show' : '' }}"
  4. wx:if="{{ showQuestion }}">
  5. <!-- 面板标题 -->
  6. <view class="plv-mp-question-panel-title">
  7. <text>{{ popupTitle }}</text>
  8. <image
  9. class="plv-mp-question-panel-title__close"
  10. src="../../assets/images/interact-btn-close.png"
  11. bindtap="closeQuestion"></image>
  12. </view>
  13. <!-- 问卷内容 -->
  14. <scroll-view scroll-y class="plv-mp-question-content">
  15. <view class="plv-mp-question-content_container">
  16. <!-- 问卷标题 -->
  17. <view class="plv-mp-question-title">{{ questionTitle }}</view>
  18. <block
  19. wx:for="{{ subjectList }}"
  20. wx:for-item="subjectItem"
  21. wx:for-index="subjectIndex"
  22. wx:key="subjectIndex">
  23. <view class="plv-mp-question-subject">
  24. <!-- 题目标题 -->
  25. <view class="plv-mp-question-subject-title">
  26. <!-- 题目 -->
  27. <text class="plv-mp-question-subject-title_text">【{{ subjectIndex + 1 }}】{{ subjectItem.subjectTitle }}</text>
  28. <!-- 是否必填 -->
  29. <text
  30. class="plv-mp-question-subject-title_require"
  31. wx:if="{{ subjectItem.required }}">*</text>
  32. <!-- 题目类型 -->
  33. <text
  34. class="plv-mp-question-subject-title_type"
  35. wx:if="{{ subjectItem.typeText }}">{{ subjectItem.typeText }}</text>
  36. <!-- 分值 -->
  37. <text
  38. class="plv-mp-question-subject-title_score"
  39. wx:if="{{ subjectItem.scoreEnabled }}">({{ subjectItem.score }}分)</text>
  40. </view>
  41. <!-- 单选题选项 -->
  42. <block wx:if="{{ subjectItem.type === 'R' }}">
  43. <view
  44. class="plv-mp-question-subject-option {{ optionItem.isSelect ? 'selected' : '' }}"
  45. wx:for="{{ subjectItem.subjectOptions }}"
  46. wx:for-item="optionItem"
  47. wx:for-index="optionIndex"
  48. wx:key="optionIndex"
  49. data-subject-index="{{ subjectIndex }}"
  50. data-option-index="{{ optionIndex }}"
  51. bindtap="selectRadio">
  52. <text class="plv-mp-question-subject-option_label">{{ optionItem.option }},</text>
  53. <text class="plv-mp-question-subject-option_text">{{ optionItem.text }}</text>
  54. </view>
  55. </block>
  56. <!-- 多选题选项 -->
  57. <block wx:if="{{ subjectItem.type === 'C' }}">
  58. <view
  59. class="plv-mp-question-subject-option {{ optionItem.isSelect ? 'selected' : '' }}"
  60. wx:for="{{ subjectItem.subjectOptions }}"
  61. wx:for-item="optionItem"
  62. wx:for-index="optionIndex"
  63. wx:key="optionIndex"
  64. data-subject-index="{{ subjectIndex }}"
  65. data-option-index="{{ optionIndex }}"
  66. bindtap="selectCheckbox">
  67. <text class="plv-mp-question-subject-option_label">{{ optionItem.option }},</text>
  68. <text class="plv-mp-question-subject-option_text">{{ optionItem.text }}</text>
  69. </view>
  70. </block>
  71. <!-- 问答题输入框 -->
  72. <block wx:if="{{ subjectItem.type === 'Q' }}">
  73. <textarea
  74. class="plv-mp-question-subject-textarea"
  75. value="{{ subjectItem.answerText }}"
  76. data-subject-index="{{ subjectIndex }}"
  77. bindinput="inputAnswerText"
  78. ></textarea>
  79. </block>
  80. </view>
  81. </block>
  82. </view>
  83. </scroll-view>
  84. <!-- 提交按钮 -->
  85. <view class="plv-mp-question-bottom">
  86. <view
  87. class="plv-mp-question-bottom_submit_btn"
  88. bindtap="submitQuestion">{{ submitTitle }}</view>
  89. </view>
  90. </view>
  91. <modal
  92. id="answerModal"
  93. wx:if="{{ showModal }}"
  94. class="plv-mp-question-modal"
  95. modalData="{{ modalData }}"
  96. bind:onModalHide="onModalHide">
  97. </modal>