| | |
| | | <template> |
| | | <div class="questionnaire"> |
| | | <h1>å¤å£é²æé访æ¶éé®å·</h1> |
| | | <div class="CONTENT"> |
| | | <div class="title">ææé®å·</div> |
| | | <div class="preview-left"> |
| | | <!-- åé --> |
| | | <div |
| | | class="topic-dev" |
| | | v-for="(item, index) in questionList" |
| | | :key="item.aaa" |
| | | > |
| | | <div class="dev-text"> |
| | | {{ index + 1 }}ã<span>{{ item.questionText }}</span> |
| | | </div> |
| | | |
| | | <div class="dev-xx" v-if="item.valueType == 1"> |
| | | <el-radio-group v-model="item.radio"> |
| | | <el-radio |
| | | v-for="(items, index) in item.ivrLibaScriptTargetoptionList" |
| | | :key="items.id" |
| | | :label="items.id" |
| | | >{{ items.targetvalue }}</el-radio |
| | | > |
| | | </el-radio-group> |
| | | </div> |
| | | <div v-else> |
| | | <el-input |
| | | type="textarea" |
| | | placeholder="æªè·åå°ä¿¡æ¯" |
| | | v-model.sync="item.questionResult" |
| | | :rows="2" |
| | | /> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <el-form :model="formData" label-width="80px"> |
| | | <el-form-item label="é®é¢ä¸"> |
| | | <el-input v-model="formData.question1"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="é®é¢äº"> |
| | | <el-input v-model="formData.question2"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="é®é¢ä¸"> |
| | | <el-radio-group v-model="formData.question3"> |
| | | <el-radio label="é项1">é项1</el-radio> |
| | | <el-radio label="é项2">é项2</el-radio> |
| | | <el-radio label="é项3">é项3</el-radio> |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | <el-form-item label="é®é¢å"> |
| | | <el-radio-group v-model="formData.question3"> |
| | | <el-radio label="é项1">é项1</el-radio> |
| | | <el-radio label="é项2">é项2</el-radio> |
| | | <el-radio label="é项3">é项3</el-radio> |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | <el-form-item label="é®é¢äº"> |
| | | <el-radio-group v-model="formData.question3"> |
| | | <el-radio label="é项1">é项1</el-radio> |
| | | <el-radio label="é项2">é项2</el-radio> |
| | | <el-radio label="é项3">é项3</el-radio> |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | <el-form-item label="é®é¢å
"> |
| | | <el-radio-group v-model="formData.question3"> |
| | | <el-radio label="é项1">é项1</el-radio> |
| | | <el-radio label="é项2">é项2</el-radio> |
| | | <el-radio label="é项3">é项3</el-radio> |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" @click="submitForm">æäº¤é®å·</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import { getExternalfollowup } from "@/api/AiCentre/index"; |
| | | export default { |
| | | data() { |
| | | return { |
| | | taskid: 355, |
| | | patid: 265823, |
| | | questionList: null, |
| | | formData: { |
| | | question1: "", |
| | | question2: "", |
| | |
| | | // å¯ä»¥å°æ°æ®æäº¤å°å端æè
è¿è¡å
¶ä»å¤ç |
| | | }, |
| | | getQuestionnaire() { |
| | | this.taskid = this.$route.query.taskid; |
| | | this.userid = this.$route.query.userid; |
| | | this.$modal.msgSuccess("ç¨æ·id为" + this.userid); |
| | | // this.taskid = this.$route.query.taskid; |
| | | // this.patid = this.$route.query.patid; |
| | | this.$modal.msgSuccess("ç¨æ·id为" + this.patid); |
| | | this.$modal.msgSuccess("ä»»å¡id为" + this.taskid); |
| | | getExternalfollowup(this.taskid, this.patid).then((res) => { |
| | | if (res.code == 200) { |
| | | this.questionList = res.rows; |
| | | } |
| | | }); |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |
| | | |
| | | <style scoped> |
| | | <style lang="scss" scoped> |
| | | .questionnaire { |
| | | max-width: 600px; |
| | | margin: 0 auto; |
| | | padding: 20px; |
| | | border: 1px solid #eee; |
| | | border-radius: 5px; |
| | | background-color: #e1f3f2; |
| | | // 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/chainbackground.jpg"); |
| | | background-size: cover; |
| | | background-attachment: fixed; /* ä¿æèæ¯åºå® */ |
| | | background-position: center; |
| | | font-family: Arial, sans-serif; |
| | | min-height: 100vh; |
| | | margin: 0; |
| | | padding: 0; |
| | | .CONTENT { |
| | | padding: 10px; |
| | | .title { |
| | | font-size: 22px; |
| | | font-weight: bold; |
| | | margin-bottom: 20px; |
| | | text-align: center; |
| | | } |
| | | } |
| | | } |
| | | .preview-left { |
| | | margin: 20px; |
| | | // margin: 20px; |
| | | padding: 30px; |
| | | // background: #ffff; |
| | | border: 1px solid #dcdfe6; |
| | | -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), |
| | | 0 0 6px 0 rgba(0, 0, 0, 0.04); |
| | | .topic-dev { |
| | | margin-bottom: 25px; |
| | | font-size: 20px !important; |
| | | .dev-text { |
| | | margin-bottom: 10px; |
| | | } |
| | | } |
| | | } |
| | | </style> |