From b5a56d53e44c426fa188ba3e4e1db3eb779e2fd9 Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期三, 11 九月 2024 21:49:21 +0800
Subject: [PATCH] 测试完成
---
src/views/outsideChainwt.vue | 327 ++++++++++++++++++++++++++++++++++--------------------
1 files changed, 207 insertions(+), 120 deletions(-)
diff --git a/src/views/outsideChainwt.vue b/src/views/outsideChainwt.vue
index fca9f11..56d0f30 100644
--- a/src/views/outsideChainwt.vue
+++ b/src/views/outsideChainwt.vue
@@ -4,8 +4,13 @@
<div class="preview-left">
<div class="toptitle">
<div class="title">{{ taskname ? taskname : "闂嵎" }}</div>
- <div style="font-size: 22px; margin-bottom: 20px; line-height: 1.5;">
- {{ kcb }}
+ <div style="font-size: 22px; margin-bottom: 20px; line-height: 1.5">
+ {{
+ kcb
+ ? kcb
+ : "浜茬埍鐨勬偅鑰�-瀹跺睘锛屾偍濂斤紒鎴戜滑鏄禉涓尰澶т簩闄㈢殑鍖绘姢浜哄憳锛屼负浜嗘洿濂藉湴浜嗚В鎮ㄧ殑搴峰鎯呭喌锛岃鎮ㄦ娊涓�鐐瑰疂璐垫椂闂达紝瀹屾垚杩欎唤闅忚闂嵎銆�"
+ }}
+ <!-- 浜茬埍鐨勬偅鑰�/瀹跺睘鎮ㄥソ锛屼负浜嗘洿濂界殑浜嗚В鎮ㄥ嚭闄㈠悗鐨勫悍澶嶆儏鍐碉紝缁欐偍閫傚綋鍙婃椂鐨勫仴搴锋寚瀵硷紝璇锋偍鎶戒竴鐐瑰疂璐垫椂闂达紝瀹屾垚杩欎唤鍑洪櫌闅忚闂嵎璋冩煡銆� -->
</div>
</div>
<el-divider></el-divider>
@@ -17,21 +22,21 @@
>
<div class="scriptTopic-dev" :key="index" v-if="item.scriptType == 1">
<div class="dev-text">
- {{ index + 1 }}銆�<span>{{ item.scriptContent }} <span style="color: #3BA2F7;">[鍗曢�塢</span></span>
+ {{ index + 1 }}銆�<span style="line-height: 1.5"
+ >{{ item.scriptContent }}
+ <span style="color: #3ba2f7">[鍗曢�塢</span></span
+ >
</div>
<div class="dev-xx">
<el-radio-group
- class="radio-group"
+ class="custom-radio"
v-model="item.scriptResult"
@change="handleOptionChange($event, index, item)"
>
<el-radio
- :class="{
- 'radio-option': true,
- 'radio-option-first': index === 0,
- }"
border
v-for="(items, index) in item.svyLibTemplateTargetoptions"
+ :class="items.isabnormal ? 'red-star' : ''"
:key="index"
:label="items.optioncontent"
>{{ items.optioncontent }}</el-radio
@@ -45,22 +50,22 @@
<!-- 澶氶�� -->
<div class="scriptTopic-dev" :key="index" v-if="item.scriptType == 2">
<div class="dev-text">
- {{ index + 1 }}銆�<span>{{ item.scriptContent }} <span style="color: #3BA2F7;">[澶氶�塢</span></span>
+ {{ index + 1 }}銆�<span style="line-height: 1.5"
+ >{{ item.scriptContent }}
+ <span style="color: #3ba2f7">[澶氶�塢</span></span
+ >
</div>
<div class="dev-xx">
<el-checkbox-group
- class="radio-group"
+ class="custom-radio"
v-model="item.scriptResult"
@change="updateScore($event, index, item)"
>
<el-checkbox
- :class="{
- 'radio-option': true,
- 'radio-option-first': index === 0,
- }"
border
@change="$forceUpdate()"
v-for="(items, indexs) in item.svyLibTemplateTargetoptions"
+ :class="items.isabnormal ? 'red-star' : ''"
:key="indexs"
:label="items.optioncontent"
>
@@ -75,12 +80,15 @@
<!-- 濉┖ -->
<div class="scriptTopic-dev" :key="index" v-if="item.scriptType == 4">
<div class="dev-text">
- {{ index + 1 }}銆�<span>{{ item.scriptContent }}<span style="color: #3BA2F7;">[闂瓟]</span></span>
+ {{ index + 1 }}銆�<span style="line-height: 1.5"
+ >{{ item.scriptContent
+ }}<span style="color: #3ba2f7">[闂瓟]</span></span
+ >
</div>
<div class="dev-xx">
<el-input
type="textarea"
- :rows="2"
+ :rows="3"
placeholder="璇疯緭鍏ョ瓟妗�"
v-model="item.scriptResult"
clearable
@@ -90,14 +98,21 @@
</div>
</div>
<div class="bottom-fixed">
- <el-button type="primary" style="width: 100%;" @click="cache(true)">鎻愪氦闂嵎</el-button>
+ <el-button
+ type="primary"
+ style="width: 80%; font-size: 20px"
+ @click="cache(true)"
+ >鎻愪氦闂嵎</el-button
+ >
</div>
</div>
</div>
<div class="CONTENT" v-else>
- <div class="preview-left" style="margin-top: 100px">
+ <div class="preview-lefts">
<div
style="
+ text-align: center;
+ padding-top: 50px;
font-size: 24px;
color: #175997;
font-weight: 600;
@@ -106,7 +121,13 @@
>
鎰熻阿鎮ㄧ殑閰嶅悎!
</div>
- <div style="font-size: 20px">{{ revisitAfter }}</div>
+ <div style="font-size: 20px">
+ {{
+ jsy
+ ? jsy
+ : "鐢熸椿涓婅鍔抽�哥粨鍚堬紝娉ㄦ剰浼戞伅鍜岃惀鍏伙紝閫傚綋閿荤偧锛屾垝鐑熼檺閰掞紝淇濇寔蹇冩儏鑸掔晠锛屽畾鏈熷璇娿�傞偅鏈鍥炶灏卞埌杩欓噷锛岀鎮ㄨ韩浣撳仴搴凤紒"
+ }}
+ </div>
</div>
</div>
<!-- <el-dialog
@@ -114,7 +135,7 @@
width="50%"
>
<div>
- <el-alert :title="revisitAfter" type="success"> </el-alert>
+ <el-alert :title="jsy" type="success"> </el-alert>
</div>
</el-dialog> -->
</div>
@@ -133,95 +154,95 @@
return {
taskid: 355,
patid: 265823,
- kcb:'',
+ kcb: "",
questionList: [
- // {
- // scriptType: 1,
- // scriptContent: "鎮ㄧ殑骞撮緞鑼冨洿鏄紵",
- // scriptResult: null,
- // svyLibTemplateTargetoptions: [
- // { optioncontent: "18-25", value: "18-25" },
- // { optioncontent: "26-35", value: "26-35" },
- // { optioncontent: "36-45", value: "36-45" },
- // { optioncontent: "46-55", value: "46-55" },
- // { optioncontent: "56+", value: "56+" },
- // ],
- // required: true,
- // },
- // {
- // scriptType: 1,
- // scriptContent: "鎮ㄧ殑鑱屼笟鏄粈涔堬紵",
- // scriptResult: null,
- // svyLibTemplateTargetoptions: [
- // { optioncontent: "瀛︾敓", value: "student" },
- // { optioncontent: "鏁欏笀", value: "teacher" },
- // { optioncontent: "宸ョ▼甯�", value: "engineer" },
- // { optioncontent: "鍖荤敓", value: "doctor" },
- // { optioncontent: "鍏朵粬", value: "other" },
- // ],
- // required: false,
- // },
- // {
- // scriptType: 2,
- // scriptContent: "鎮ㄦ劅鍏磋叮鐨勬椿鍔ㄦ湁鍝簺锛�",
- // scriptResult: [],
- // svyLibTemplateTargetoptions: [
- // { optioncontent: "鏃呮父", value: "travel" },
- // { optioncontent: "闃呰", value: "reading" },
- // { optioncontent: "杩愬姩", value: "sports" },
- // { optioncontent: "闊充箰", value: "music" },
- // { optioncontent: "鐢靛奖", value: "movies" },
- // ],
- // required: false,
- // },
- // {
- // scriptType: 1,
- // scriptContent: "鎮ㄧ殑鑱屼笟鏄粈涔堬紵",
- // scriptResult: null,
- // svyLibTemplateTargetoptions: [
- // { optioncontent: "瀛︾敓", value: "student" },
- // { optioncontent: "鏁欏笀", value: "teacher" },
- // { optioncontent: "宸ョ▼甯�", value: "engineer" },
- // { optioncontent: "鍖荤敓", value: "doctor" },
- // { optioncontent: "鍏朵粬", value: "other" },
- // ],
- // required: false,
- // },
- // {
- // scriptType: 1,
- // scriptContent: "鎮ㄧ殑鑱屼笟鏄粈涔堬紵",
- // scriptResult: null,
- // svyLibTemplateTargetoptions: [
- // { optioncontent: "瀛︾敓", value: "student" },
- // { optioncontent: "鏁欏笀", value: "teacher" },
- // { optioncontent: "宸ョ▼甯�", value: "engineer" },
- // { optioncontent: "鍖荤敓", value: "doctor" },
- // { optioncontent: "鍏朵粬", value: "other" },
- // ],
- // required: false,
- // },
- // {
- // scriptType: 1,
- // scriptContent: "鎮ㄧ殑鑱屼笟鏄粈涔堬紵",
- // scriptResult: null,
- // svyLibTemplateTargetoptions: [
- // { optioncontent: "瀛︾敓", value: "student" },
- // { optioncontent: "鏁欏笀", value: "teacher" },
- // { optioncontent: "宸ョ▼甯�", value: "engineer" },
- // { optioncontent: "鍖荤敓", value: "doctor" },
- // { optioncontent: "鍏朵粬", value: "other" },
- // ],
- // required: false,
- // },
- // {
- // scriptType: 4,
- // scriptContent: "鎮ㄧ殑濮撳悕鏄粈涔堬紵",
- // scriptResult: "name",
- // required: true,
- // scriptResult: null,
- // },
+ {
+ scriptType: 1,
+ scriptContent: "鎮ㄧ殑骞撮緞鑼冨洿鏄紵",
+ scriptResult: null,
+ svyLibTemplateTargetoptions: [
+ { optioncontent: "18-25", value: "18-25", isabnormal: true },
+ { optioncontent: "26-35", value: "26-35" },
+ { optioncontent: "36-45", value: "36-45" },
+ { optioncontent: "46-55", value: "46-55" },
+ { optioncontent: "56+", value: "56+" },
+ ],
+ required: true,
+ },
+ {
+ scriptType: 1,
+ scriptContent: "鎮ㄧ殑鑱屼笟鏄粈涔堬紵",
+ scriptResult: null,
+ svyLibTemplateTargetoptions: [
+ { optioncontent: "瀛︾敓", value: "student" },
+ { optioncontent: "鏁欏笀", value: "teacher" },
+ { optioncontent: "宸ョ▼甯�", value: "engineer" },
+ { optioncontent: "鍖荤敓", value: "doctor" },
+ { optioncontent: "鍏朵粬", value: "other" },
+ ],
+ required: false,
+ },
+ {
+ scriptType: 2,
+ scriptContent: "鎮ㄦ劅鍏磋叮鐨勬椿鍔ㄦ湁鍝簺锛�",
+ scriptResult: [],
+ svyLibTemplateTargetoptions: [
+ { optioncontent: "鏃呮父", value: "travel", isabnormal: true },
+ { optioncontent: "闃呰", value: "reading", isabnormal: true },
+ { optioncontent: "杩愬姩", value: "sports", isabnormal: true },
+ { optioncontent: "闊充箰", value: "music" },
+ { optioncontent: "鐢靛奖", value: "movies" },
+ ],
+ required: false,
+ },
+ {
+ scriptType: 1,
+ scriptContent: "鎮ㄧ殑鑱屼笟鏄粈涔堬紵",
+ scriptResult: null,
+ svyLibTemplateTargetoptions: [
+ { optioncontent: "瀛︾敓", value: "student" },
+ { optioncontent: "鏁欏笀", value: "teacher" },
+ { optioncontent: "宸ョ▼甯�", value: "engineer" },
+ { optioncontent: "鍖荤敓", value: "doctor" },
+ { optioncontent: "鍏朵粬", value: "other" },
+ ],
+ required: false,
+ },
+ {
+ scriptType: 1,
+ scriptContent: "鎮ㄧ殑鑱屼笟鏄粈涔堬紵",
+ scriptResult: null,
+ svyLibTemplateTargetoptions: [
+ { optioncontent: "瀛︾敓", value: "student" },
+ { optioncontent: "鏁欏笀", value: "teacher" },
+ { optioncontent: "宸ョ▼甯�", value: "engineer", isabnormal: true },
+ { optioncontent: "鍖荤敓", value: "doctor" },
+ { optioncontent: "鍏朵粬", value: "other" },
+ ],
+ required: false,
+ },
+ {
+ scriptType: 1,
+ scriptContent: "鎮ㄧ殑鑱屼笟鏄粈涔堬紵",
+ scriptResult: null,
+ svyLibTemplateTargetoptions: [
+ { optioncontent: "瀛︾敓", value: "student" },
+ { optioncontent: "鏁欏笀", value: "teacher" },
+ { optioncontent: "宸ョ▼甯�", value: "engineer" },
+ { optioncontent: "鍖荤敓", value: "doctor" },
+ { optioncontent: "鍏朵粬", value: "other" },
+ ],
+ required: false,
+ },
+ {
+ scriptType: 4,
+ scriptContent: "鎮ㄧ殑濮撳悕鏄粈涔堬紵",
+ scriptResult: "name",
+ required: true,
+ scriptResult: null,
+ },
],
- revisitAfter: null,
+ jsy: null,
dialogVisible: false,
Endornot: true,
accomplish: false,
@@ -291,7 +312,7 @@
(res) => {
if (res.code == 200) {
this.questionList = res.data.script;
- this.revisitAfter = res.data.revisitAfter;
+ this.jsy = res.data.jsy;
this.kcb = res.data.kcb;
// 澶勭悊棰樼洰鏀堕泦缁撴灉鏍煎紡
this.questionList.forEach((item) => {
@@ -334,7 +355,7 @@
form.serviceSubtaskDetailList = arr;
Submitaquestionnaire(form).then((res) => {
if (res.code == 200) {
- if (this.revisitAfter) {
+ if (this.jsy) {
this.dialogVisible = true;
}
this.accomplish = true;
@@ -411,7 +432,7 @@
padding: 0;
.CONTENT {
.title {
- color: #3769F3;
+ color: #3769f3;
font-size: 22px;
font-weight: bold;
margin-bottom: 20px;
@@ -426,6 +447,7 @@
border-radius: 5px;
// margin: 20px;
padding: 10px;
+ height: 100%;
// background: #ffff;
border: 1px solid #dcdfe6;
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
@@ -438,12 +460,73 @@
}
}
}
-.radio-group {
+.preview-lefts {
+ margin: 10px;
+ background-color: #fff;
+ border-radius: 5px;
+ // margin: 20px;
+ padding: 10px;
+ height: 95vh; // 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;
+ }
+ }
+}
+.red-star {
+ position: relative;
+ padding-right: 15px;
+}
+.red-star {
+ ::v-deep.el-radio__label {
+ position: relative;
+ padding-right: 10px; /* 鏍规嵁闇�瑕佽皟鏁� */
+ }
+ ::v-deep.el-radio__label::after {
+ content: "*";
+ color: red;
+ position: absolute;
+ right: -5px; /* 鏍规嵁闇�瑕佽皟鏁� */
+ top: 0;
+ }
+ ::v-deep.el-checkbox__label {
+ position: relative;
+ padding-right: 10px; /* 鏍规嵁闇�瑕佽皟鏁� */
+ }
+ ::v-deep.el-checkbox__label::after {
+ content: "*";
+ color: red;
+ position: absolute;
+ right: -5px; /* 鏍规嵁闇�瑕佽皟鏁� */
+ top: 0;
+ }
+}
+::v-deep.el-checkbox-group {
+ font-size: 0;
display: flex;
- flex-wrap: wrap;
- gap: 10px; /* 璁剧疆閫夐」涔嬮棿鐨勯棿闅� */
- align-items: start; /* 纭繚閫夐」涓婁笅瀵归綈 */
- padding: 10px 0; /* 涓烘暣涓粍璁剧疆涓婁笅闂撮殧 */
+ flex-direction: column;
+ margin: 5px 0;
+}
+::v-deep.el-checkbox.is-bordered + .el-checkbox.is-bordered {
+ margin-left: 0;
+}
+
+::v-deep.el-radio-group {
+ display: flex;
+ flex-direction: column;
+ margin: 5px 0;
+}
+::v-deep.el-radio.is-bordered + .el-radio.is-bordered {
+ /* margin-left: 10px; */
+ margin-left: 0;
+}
+::v-deep.custom-radio .el-radio {
+ margin: 2px 0;
}
.radio-option {
@@ -463,6 +546,7 @@
bottom: 0;
left: 0;
width: 100%;
+ text-align: center;
padding: 10px 0; /* 鏍规嵁闇�瑕佽皟鏁村唴杈硅窛 */
background: #fff; /* 鏍规嵁闇�瑕佽皟鏁磋儗鏅鑹� */
box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); /* 鍙�夌殑闃村奖鏁堟灉 */
@@ -482,12 +566,15 @@
font-size: 20px;
}
::v-deep.el-radio--medium.is-bordered {
- padding: 5px 20px 0px 10px;
- border-radius: 4px;
- height: 36px;
+ padding: 5px 20px 0px 10px;
+ border-radius: 4px;
+ height: 36px;
}
::v-deep.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
- line-height: 17px;
- font-size: 20px;
+ line-height: 17px;
+ font-size: 20px;
+}
+::v-deep.el-checkbox {
+ margin-right: 0px;
}
</style>
--
Gitblit v1.9.3