|  |  | 
 |  |  | <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 : ""+localStorage.getItem("orgname")+"医护知识宣教" }}</div> | 
 |  |  |           <div style="font-size: 22px; margin-bottom: 20px; line-height: 1.5"> | 
 |  |  |             {{ | 
 |  |  |               kcb | 
 |  |  |                 ? kcb | 
 |  |  |                 : "亲爱的患者-家属,我们是"+localStorage.getItem("orgname")+"的医护人员,为了更好地了解您的康复情况,请您抽一点宝贵时间,观看这份宣教资讯。" | 
 |  |  |             }} | 
 |  |  |             <!-- 亲爱的患者/家属您好,为了更好的了解您出院后的康复情况,给您适当及时的健康指导,请您抽一点宝贵时间,完成这份出院随访问卷调查。 --> | 
 |  |  |           </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> |