| | |
| | | : "亲爱的患者-家属,我们是医院的医护人员,为了更好地了解您的康复情况,请您抽一点宝贵时间,完成这份随访问卷。" |
| | | }} |
| | | </div> |
| | | <div v-if="orgname" class="questionnaire-signature"> |
| | | ———{{ orgname }} |
| | | </div> |
| | | </div> |
| | | |
| | | <el-divider class="custom-divider"></el-divider> |
| | |
| | | @click.native.prevent=" |
| | | handleRadioToggle( |
| | | item, |
| | | getGlobalIndex(dimension, group, index), |
| | | getGlobalIndex(item.dimension, group, index), |
| | | item.svyTaskTemplateTargetoptions, |
| | | option.optioncontent |
| | | ) |
| | |
| | | :closable="false" |
| | | class="warning-alert" |
| | | ></el-alert> |
| | | </div> |
| | | <div |
| | | v-if="item.showAppendInput || item.answerps" |
| | | class="append-input-container" |
| | | > |
| | | <el-input |
| | | type="textarea" |
| | | :rows="1" |
| | | placeholder="请输入具体信息" |
| | | v-model="item.answerps" |
| | | clearable |
| | | ></el-input> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | class="warning-alert" |
| | | ></el-alert> |
| | | </div> |
| | | <div |
| | | v-if="item.showAppendInput || item.answerps" |
| | | class="append-input-container" |
| | | > |
| | | <el-input |
| | | type="textarea" |
| | | :rows="1" |
| | | placeholder="请输入具体信息" |
| | | v-model="item.answerps" |
| | | clearable |
| | | ></el-input> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | |
| | | <div class="completion-content"> |
| | | <div class="completion-icon">✓</div> |
| | | <h2 class="completion-title">感谢您的配合!</h2> |
| | | <h2 class="completion-title">祝您健康快乐!</h2> |
| | | <p class="completion-message"> |
| | | {{ |
| | | jsy |
| | |
| | | excep: 0, |
| | | isabnormal: 0, |
| | | taskname: "", |
| | | orgname: "", |
| | | questionList: [], |
| | | param6: null, |
| | | jsy: null, |
| | |
| | | res.data.param3, |
| | | res.data.param5 |
| | | ); |
| | | if ( |
| | | res.data.orgname == "省立同德翠苑院区" || |
| | | res.data.orgname == "省立同德之江院区" || |
| | | res.data.orgname == "省立同德闲林院区" |
| | | ) { |
| | | this.orgname = "浙江省立同德医院"; |
| | | } else { |
| | | this.orgname = res.data.orgname; |
| | | } |
| | | |
| | | this.param6 = res.data.param6; |
| | | } |
| | | }); |
| | |
| | | this.questionList[questionIndex].showAppendInput = |
| | | selectedOptionObj.appendflag == 1; |
| | | console.log(this.questionList); |
| | | console.log(selectedOptionObj.appendflag); |
| | | |
| | | // if (!this.questionList[questionIndex].showAppendInput) { |
| | | // this.questionList[questionIndex].answerps = ""; // 清除附加信息 |
| | |
| | | hiddenByEnd: index == questionIndex + 1 ? false : item.hiddenByEnd, |
| | | })); |
| | | } |
| | | this.$forceUpdate(); |
| | | |
| | | // 在处理完题目显示/隐藏后,强制更新视图以确保序号正确 |
| | | this.$nextTick(() => { |
| | |
| | | } |
| | | |
| | | .questionnaire-description { |
| | | font-size: 18px; |
| | | color: #5a6c84; |
| | | line-height: 1.6; |
| | | max-width: 700px; |
| | | margin: 0 auto; |
| | | font-size: 16px; |
| | | color: #303a47; |
| | | line-height: 1.8; |
| | | max-width: 720px; |
| | | margin: 0; |
| | | padding: 0 16px; |
| | | text-align: justify; /* 两端对齐,更美观 */ |
| | | text-indent: 2em; /* 首行缩进 */ |
| | | } |
| | | |
| | | .questionnaire-signature { |
| | | font-size: 16px; |
| | | color: #303a47; |
| | | text-align: right; /* 右对齐 */ |
| | | max-width: 720px; |
| | | margin: 8px 0 0 auto; /* 上边距8px,右边靠齐 */ |
| | | padding: 0 16px; |
| | | letter-spacing: 1px; /* 字间距稍宽,更有落款感 */ |
| | | } |
| | | .custom-divider { |
| | | margin: 25px 0; |
| | | background-color: #eaeef2; |
| | |
| | | } |
| | | |
| | | .question-stem { |
| | | display: flex; |
| | | align-items: flex-start; |
| | | display: grid; |
| | | grid-template-columns: auto 1fr auto; |
| | | gap: 3px; |
| | | align-items: start; /* 改为 start 避免居中导致的视觉问题 */ |
| | | margin-bottom: 20px; |
| | | font-size: 18px; |
| | | } |
| | | |
| | | .question-text { |
| | | line-height: 1.5; |
| | | color: #2c3e50; |
| | | font-weight: 500; |
| | | word-wrap: break-word; |
| | | overflow-wrap: break-word; |
| | | white-space: normal; /* 确保允许换行 */ |
| | | min-width: 0; /* 防止 grid 项溢出 */ |
| | | } |
| | | |
| | | .question-number { |
| | | font-weight: 600; |
| | | color: #175997; |
| | | margin-right: 8px; |
| | | min-width: 24px; |
| | | min-width: 16px; |
| | | } |
| | | |
| | | .question-text { |
| | | flex: 1; |
| | | line-height: 1.5; |
| | | color: #2c3e50; |
| | | font-weight: 500; |
| | | } |
| | | // .question-text { |
| | | // line-height: 1.5; |
| | | // color: #2c3e50; |
| | | // font-weight: 500; |
| | | // overflow: hidden; |
| | | // text-overflow: ellipsis; |
| | | // white-space: nowrap; |
| | | // } |
| | | |
| | | .question-type-tag { |
| | | color: #3ba2f7; |
| | | font-size: 14px; |
| | | margin-left: 10px; |
| | | font-weight: 500; |
| | | text-align: right; |
| | | } |
| | | |
| | | .question-options { |
| | |
| | | .question-warning { |
| | | margin-top: 15px; |
| | | } |
| | | |
| | | .append-input-container { |
| | | margin-top: 15px; |
| | | padding: 10px; |
| | | background-color: #f5f7fa; |
| | | border-radius: 4px; |
| | | border: 1px solid #dcdfe6; |
| | | } |
| | | .warning-alert { |
| | | :deep(.el-alert__title) { |
| | | font-size: 15px; |
| | |
| | | font-size: 16px; |
| | | } |
| | | |
| | | .question-stem { |
| | | font-size: 16px; |
| | | flex-direction: column; |
| | | align-items: flex-start; |
| | | } |
| | | // .question-stem { |
| | | // font-size: 16px; |
| | | // flex-direction: column; |
| | | // align-items: flex-start; |
| | | // } |
| | | |
| | | .question-type-tag { |
| | | margin-left: 0; |