From 5041f085db17d808fdd914a9829a80007b12dbde Mon Sep 17 00:00:00 2001 From: WXL <1785969728@qq.com> Date: 星期二, 04 六月 2024 17:00:34 +0800 Subject: [PATCH] 测试完成 --- src/views/outsideChain.vue | 140 ++++++++++++++++++++++++++++++---------------- 1 files changed, 90 insertions(+), 50 deletions(-) diff --git a/src/views/outsideChain.vue b/src/views/outsideChain.vue index 56c3182..608ccee 100644 --- a/src/views/outsideChain.vue +++ b/src/views/outsideChain.vue @@ -1,52 +1,55 @@ <template> <div class="questionnaire"> - <h1>澶忓闃叉殤闅忚鏀堕泦闂嵎</h1> - <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 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> + <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: "", @@ -65,22 +68,59 @@ // 鍙互灏嗘暟鎹彁浜ゅ埌鍚庣鎴栬�呰繘琛屽叾浠栧鐞� }, 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> -- Gitblit v1.9.3