From 1a090a490d8fc93224a0e3ad0fd7fe16c9fe63a8 Mon Sep 17 00:00:00 2001 From: WXL <1785969728@qq.com> Date: 星期二, 21 一月 2025 19:01:11 +0800 Subject: [PATCH] 测试完成 --- src/views/outsideChain.vue | 251 +++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 197 insertions(+), 54 deletions(-) diff --git a/src/views/outsideChain.vue b/src/views/outsideChain.vue index 56c3182..4245057 100644 --- a/src/views/outsideChain.vue +++ b/src/views/outsideChain.vue @@ -1,52 +1,97 @@ <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="scriptTopic-dev" + :key="item.sort" + v-if="item.scriptType == 1" + > + <div class="dev-text"> + {{ item.sort }}銆乕鍗曢�塢<span>{{ item.scriptContent }}</span> + </div> + <div class="dev-xx"> + <el-radio-group v-model="item.remark"> + <el-radio + v-for="(items, index) in item.svyLibTemplateTargetoptions" + :key="index" + :label="index" + >{{ items.optioncontent }}</el-radio + > + </el-radio-group> + </div> + </div> + <!-- 澶氶�� --> + <div + class="scriptTopic-dev" + :key="item.sort" + v-if="item.scriptType == 2" + > + <div class="dev-text"> + {{ item.sort }}銆乕澶氶�塢<span>{{ item.scriptContent }}</span> + </div> + <div class="dev-xx"> + <el-checkbox-group v-model="qremark"> + <el-checkbox + v-for="(items, index) in item.svyLibTemplateTargetoptions" + :key="index" + :label="index" + > + {{ items.optioncontent }} + </el-checkbox> + </el-checkbox-group> + </div> + </div> + <!-- 濉┖ --> + <div + class="scriptTopic-dev" + :key="item.sort" + v-if="item.scriptType == 4" + > + <div class="dev-text"> + {{ item.sort }}銆乕闂瓟]<span>{{ item.scriptContent }}</span> + </div> + <div class="dev-xx"> + <el-input placeholder="璇疯緭鍏ョ瓟妗�" v-model="radioas" clearable> + </el-input> + </div> + </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, + Submitaquestionnaire, +} from "@/api/AiCentre/index"; +import JSEncrypt from "jsencrypt"; export default { data() { return { + taskid: 355, + patid: 265823, + questionList: null, + // 鍓嶇鍏挜 + publicKey: + "MFwwDQYJKoZIhvcNAQEBBQADSwAwSAJBAKR0yHv0rbJWQE+Sc7/FwpW66qMd9qX2k6z+SDgkSdxWh/1GbBoAP7bDQQRF6vXmoKsD2ya42H6XRLSDXAoayuMCAwEAAQ== ", + // 鍚庣绉侀挜 + privateKey: + " MIIBUwIBADANBgkqhkiG9w0BAQEFAASCAT0wggE5AgEAAkEAtDOpbUQhcEoYy77agRhIHmAzs7H+KHJhN56gTTI9fWq23j77nI055MFV3oQQziIrNUTNaPpEQhZXBpI0+f9K9QIDAQABAkB3n0fcWfrcoMN/FU3VnrnZOEF6CzFNxkgU9P8y36QECWKZ9JhYQkNpKrMC9oXlN3VSaRigV7B+L/I/a0Rs1W+tAiEA4jx7xcXJ4y4BNwAmVHt6NNiEkzIwWnwC/0qsEu8NsOsCIQDL6MMn1D2uznC6OuOWpxDCkBh1JL1NzZTZeH2G+hj7nwIgKGAC9tjFnvWm4dn0/T7MIIJDpsFeP8fCAS2iZ/6hwuECIAS/eLvWr1EAsZNEh8QcQ8GkBU3E+ztyjAK8UX/xFt/VAiBf79/1tDErX4/DChecM8w3c3DhbBcjuE3fHZn7p6/UKg==", formData: { question1: "", question2: "", @@ -59,28 +104,126 @@ this.getQuestionnaire(); }, methods: { + // 鑾峰彇鏁版嵁 + getQuestionnaire() { + this.taskid = this.$route.query.param1; + this.patid = this.$route.query.param2; + let taskname = this.$route.query.param3; + let routertf = this.$route.query.param5; + + // console.log(taskid, "taskid"); + // console.log(patid, "patid"); + // console.log(taskname, "taskname"); + // console.log(routertf, "routertf"); + // let taskid = + // "OFp7tn/B6x7IzKJetvGWHdSWBj7msRlnlj6am9dyuHTH6sEt4uBbVCUXs5kcF/e4O2W6vqHf2Bz9K3/evbYDmw=="; + // let patid = + // "CVk0j8O86AeCqhV5WPsBBYDg9fec0wDoDlP9imYK4wDBNIkxywZzMJEGlPagOxnq6qr2WYZo0U8MUGWRGnq8ZA=="; + // 瑙e瘑 + // this.taskid = this.decrypt(taskid); + // this.patid = this.decrypt(patid); + + // this.taskid = taskid; + // this.patid = patid; + + + this.$modal.msgSuccess("鐢ㄦ埛id涓�" + this.patid); + this.$modal.msgSuccess("浠诲姟id涓�" + this.taskid); + // let taskids = this.encrypt(this.taskid); + // let patids = this.encrypt(this.patid); + getExternalfollowup({ param1: this.taskid, param2: this.patid }).then((res) => { + if (res.code == 200) { + this.questionList = res.rows; + } + }); + }, + // 鍔犲瘑鍑芥暟 + encrypt(txt) { + const encryptor = new JSEncrypt(); + encryptor.setPublicKey(this.publicKey); // 璁剧疆鍏挜 + return encryptor.encrypt(txt); // 瀵规暟鎹繘琛屽姞瀵� + }, + + // 瑙e瘑鍑芥暟 + decrypt(txt) { + const encryptor = new JSEncrypt(); + encryptor.setPrivateKey(this.privateKey); // 璁剧疆绉侀挜 + return encryptor.decrypt(txt); // 瀵规暟鎹繘琛岃В瀵� + }, + // 鎻愪氦 submitForm() { // 鎻愪氦琛ㄥ崟閫昏緫 - console.log(this.formData); + console.log(this.questionList); + let form = { + param1: this.taskid, + param2: this.patid, + ivrTaskcalldetailList: [], + }; + this.questionList.forEach((item) => { + let optionarr = []; + item.ivrLibaScriptTargetoptionList.forEach((option) => { + optionarr.push(option.targetvalue); + }); + let ivrTaskcalldetail = { + asrtext: item.asrtext, + valueType: item.valueType, + scriptContent: item.scriptContent, + targetoptions: optionarr.join(","), + }; + form.ivrTaskcalldetailList.push(ivrTaskcalldetail); + }); + console.log(form, "form"); + + Submitaquestionnaire(form).then((res) => { + if (res.code == 200) { + this.$modal.msgSuccess("鎻愪氦鎴愬姛"); + } + }); // 鍙互灏嗘暟鎹彁浜ゅ埌鍚庣鎴栬�呰繘琛屽叾浠栧鐞� - }, - getQuestionnaire() { - this.taskid = this.$route.query.taskid; - this.userid = this.$route.query.userid; - this.$modal.msgSuccess("鐢ㄦ埛id涓�" + this.userid); - this.$modal.msgSuccess("浠诲姟id涓�" + this.taskid); }, }, }; </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