From 83898e6b7ff3996fcef889042442a25753b07dea Mon Sep 17 00:00:00 2001 From: WXL <1785969728@qq.com> Date: 星期二, 24 九月 2024 14:00:24 +0800 Subject: [PATCH] 测试完成 --- src/views/outsideChainxj.vue | 75 ++++++++++++++++++++++++++++--------- 1 files changed, 56 insertions(+), 19 deletions(-) diff --git a/src/views/outsideChainxj.vue b/src/views/outsideChainxj.vue index c8a7b9e..b73380c 100644 --- a/src/views/outsideChainxj.vue +++ b/src/views/outsideChainxj.vue @@ -1,16 +1,47 @@ <template> <div class="questionnaire"> - <div class="CONTENT"> + <!-- <div class="CONTENT"> <div class="title">鏂板崕鍖婚櫌鍖绘姢鐭ヨ瘑瀹f暀</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 : "鏂板崕鍖婚櫌鍖绘姢鐭ヨ瘑瀹f暀" }}</div> + <div style="font-size: 22px; margin-bottom: 20px; line-height: 1.5"> + {{ + kcb + ? kcb + : "浜茬埍鐨勬偅鑰�-瀹跺睘锛屾偍濂斤紒鎴戜滑鏄禉涓尰澶т簩闄㈢殑鍖绘姢浜哄憳锛屼负浜嗘洿濂藉湴浜嗚В鎮ㄧ殑搴峰鎯呭喌锛岃鎮ㄦ娊涓�鐐瑰疂璐垫椂闂达紝瑙傜湅杩欎唤瀹f暀璧勮銆�" + }} + <!-- 浜茬埍鐨勬偅鑰�/瀹跺睘鎮ㄥソ锛屼负浜嗘洿濂界殑浜嗚В鎮ㄥ嚭闄㈠悗鐨勫悍澶嶆儏鍐碉紝缁欐偍閫傚綋鍙婃椂鐨勫仴搴锋寚瀵硷紝璇锋偍鎶戒竴鐐瑰疂璐垫椂闂达紝瀹屾垚杩欎唤鍑洪櫌闅忚闂嵎璋冩煡銆� --> + </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; + " + > + 鎰熻阿鎮ㄧ殑闃呰! + </div> + <div style="font-size: 20px"> + {{ + jsy + ? jsy + : "鐢熸椿涓婅鍔抽�哥粨鍚堬紝娉ㄦ剰浼戞伅鍜岃惀鍏伙紝閫傚綋閿荤偧锛屾垝鐑熼檺閰掞紝淇濇寔蹇冩儏鑸掔晠锛屽畾鏈熷璇娿�傞偅鏈瀹f暀鍐呭灏卞埌杩欓噷锛岀鎮ㄨ韩浣撳仴搴凤紒" + }} + </div> + </div> </div> </div> </template> @@ -42,6 +73,9 @@ }, richText: "<p>Hello, <strong>world</strong>!</p>", url:'', + taskname:'', + kcb:'', + jsy:'', }; }, @@ -53,6 +87,7 @@ getQuestionnaire() { 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 = @@ -67,6 +102,8 @@ 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(this.url) @@ -137,13 +174,10 @@ </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; @@ -152,8 +186,10 @@ 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; @@ -162,9 +198,14 @@ } } .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), @@ -175,10 +216,6 @@ .dev-text { margin-bottom: 10px; } - } - img { - width: 80vw !important; - height: 20vh !important; } } </style> -- Gitblit v1.9.3