| | |
| | | <template> |
| | | <div class="questionnaire"> |
| | | <div class="CONTENT"> |
| | | <div class="title">新华医院医护知识宣教</div> |
| | | <!-- <div class="CONTENT"> |
| | | <div class="title">无锡儿童医院医护知识宣教</div> |
| | | <div class="preview-left"> |
| | | <!-- 单选 --> |
| | | <div v-html="richText"></div> |
| | | </div> |
| | | <el-form :model="formData" label-width="80px"> |
| | | <el-form-item> |
| | | <el-button type="primary" @click="submitForm">确认查看</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | |
| | | </div> --> |
| | | <div class="CONTENT" > |
| | | <div class="preview-left"> |
| | | <div class="toptitle"> |
| | | <div class="title">{{ taskname ? taskname : "无锡儿童医院医护知识宣教" }}</div> |
| | | <div style="font-size: 22px; margin-bottom: 20px; line-height: 1.5"> |
| | | {{ |
| | | kcb |
| | | ? kcb |
| | | : "亲爱的患者-家属,您好!我们是无锡儿童医院的医护人员,为了更好地了解您的康复情况,请您抽一点宝贵时间,观看这份宣教资讯。" |
| | | }} |
| | | <!-- 亲爱的患者/家属您好,为了更好的了解您出院后的康复情况,给您适当及时的健康指导,请您抽一点宝贵时间,完成这份出院随访问卷调查。 --> |
| | | </div> |
| | | </div> |
| | | <el-divider></el-divider> |
| | | <div v-html="richText"></div> |
| | | <div |
| | | style=" |
| | | text-align: center; |
| | | padding-top: 50px; |
| | | font-size: 24px; |
| | | color: #175997; |
| | | font-weight: 600; |
| | | margin-bottom: 10px; |
| | | " |
| | | > |
| | | {{ |
| | | jsy |
| | | ? jsy |
| | | : "生活上要劳逸结合,注意休息和营养,适当锻炼,戒烟限酒,保持心情舒畅,定期复诊。那本次宣教内容就到这里,祝您身体健康!" |
| | | }} </div> |
| | | <!-- <div style="font-size: 20px"> |
| | | {{ |
| | | jsy |
| | | ? jsy |
| | | : "生活上要劳逸结合,注意休息和营养,适当锻炼,戒烟限酒,保持心情舒畅,定期复诊。那本次宣教内容就到这里,祝您身体健康!" |
| | | }} |
| | | </div> --> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | <script> |
| | | import { |
| | | getExternalfollowup, |
| | | SetsaveQuestionAnswer, |
| | | Submitaquestionnaire, |
| | | } from "@/api/AiCentre/index"; |
| | | import { getToken } from "@/utils/auth"; |
| | | import axios from "axios"; |
| | |
| | | question3: "", |
| | | }, |
| | | richText: "<p>Hello, <strong>world</strong>!</p>", |
| | | url:'', |
| | | taskname:'', |
| | | kcb:'', |
| | | jsy:'', |
| | | }; |
| | | }, |
| | | |
| | |
| | | methods: { |
| | | // 获取数据 |
| | | getQuestionnaire() { |
| | | // let taskid = this.$route.query.param1; |
| | | // let patid = this.$route.query.param2; |
| | | this.taskid = this.$route.query.param1; |
| | | this.patid = this.$route.query.param2; |
| | | this.taskname = this.$route.query.param3; |
| | | // // let taskid = |
| | | // // "OFp7tn/B6x7IzKJetvGWHdSWBj7msRlnlj6am9dyuHTH6sEt4uBbVCUXs5kcF/e4O2W6vqHf2Bz9K3/evbYDmw=="; |
| | | // // let patid = |
| | |
| | | // // this.$modal.msgSuccess("任务id为" + this.taskid); |
| | | // let taskids = this.encrypt(this.taskid); |
| | | // let patids = this.encrypt(this.patid); |
| | | // getExternalfollowup({ param1: taskids, param2: patids }).then((res) => { |
| | | // if (res.code == 200) { |
| | | // this.questionList = res.rows; |
| | | // } |
| | | // }); |
| | | // 临时获取数据 |
| | | getExternalfollowup({ param1: this.taskid, param2: this.patid }).then((res) => { |
| | | if (res.code == 200) { |
| | | this.url = res.data.script[0].richText; |
| | | this.jsy = res.data.jsy; |
| | | this.kcb = res.data.kcb; |
| | | // 临时获取数据 |
| | | axios |
| | | .get("http://192.168.1.10:8095/profile/upload/show/测试/测试.html") |
| | | .get(this.url) |
| | | .then((response) => { |
| | | console.log(response.data, "数据"); // 输出获取到的文件内容 |
| | | this.richText = response.data; |
| | |
| | | .catch((error) => { |
| | | console.error("Failed to fetch file:", error); |
| | | }); |
| | | } |
| | | }); |
| | | |
| | | }, |
| | | addStyleToImages(html) { |
| | | return html.replace( |
| | |
| | | // 提交表单逻辑 |
| | | console.log(this.questionList); |
| | | let form = { |
| | | param1: this.encrypt(this.taskid), |
| | | param2: this.encrypt(this.patid), |
| | | param1: this.taskid, |
| | | param2: this.patid, |
| | | ivrTaskcalldetailList: [], |
| | | }; |
| | | this.questionList.forEach((item) => { |
| | |
| | | }); |
| | | console.log(form, "form"); |
| | | |
| | | SetsaveQuestionAnswer(form).then((res) => { |
| | | Submitaquestionnaire(form).then((res) => { |
| | | if (res.code == 200) { |
| | | this.$modal.msgSuccess("提交成功"); |
| | | } |
| | |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | |
| | | .questionnaire { |
| | | // background-image: url("../assets/images/chainbackground.jpg"); |
| | | // background-repeat: no-repeat; |
| | | // background-position: center center; |
| | | // background-size: cover; |
| | | // height: 100vh; |
| | | background-image: url("../assets/images/chainbackground1.jpg"); |
| | | background-color: #f9f9fb; |
| | | background-size: cover; |
| | | background-attachment: fixed; /* 保持背景固定 */ |
| | | background-position: center; |
| | |
| | | margin: 0; |
| | | padding: 0; |
| | | .CONTENT { |
| | | padding: 10px; |
| | | padding-top: 15px; |
| | | padding-bottom: 15px; |
| | | .title { |
| | | color: #3769f3; |
| | | font-size: 22px; |
| | | font-weight: bold; |
| | | margin-bottom: 20px; |
| | |
| | | } |
| | | } |
| | | .preview-left { |
| | | margin: 20px; |
| | | margin: 10px; |
| | | margin-bottom: 60px; |
| | | background-color: #fff; |
| | | border-radius: 5px; |
| | | // margin: 20px; |
| | | padding: 30px; |
| | | padding: 10px; |
| | | padding-bottom: 100px; |
| | | height: 100%; |
| | | // background: #ffff; |
| | | border: 1px solid #dcdfe6; |
| | | -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), |
| | |
| | | .dev-text { |
| | | margin-bottom: 10px; |
| | | } |
| | | } |
| | | img { |
| | | width: 80vw !important; |
| | | height: 20vh !important; |
| | | } |
| | | } |
| | | </style> |