From c6a61bf9bf4d1ae57098aa26dcf2448ce6bb80e4 Mon Sep 17 00:00:00 2001
From: WXL (wul) <wl_5969728@163.com>
Date: 星期五, 05 九月 2025 10:16:43 +0800
Subject: [PATCH] 测试完成
---
src/views/outsideChainwt.vue | 184 ++++++++++++++++++++++++++++++++++++----------
1 files changed, 144 insertions(+), 40 deletions(-)
diff --git a/src/views/outsideChainwt.vue b/src/views/outsideChainwt.vue
index fca9f11..a8da2c1 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
+ : "浜茬埍鐨勬偅鑰�-瀹跺睘锛屾垜浠槸"+localStorage.getItem("orgname")+"鐨勫尰鎶や汉鍛橈紝涓轰簡鏇村ソ鍦颁簡瑙ｆ偍鐨勫悍澶嶆儏鍐碉紝璇锋偍鎶戒竴鐐瑰疂璐垫椂闂达紝瀹屾垚杩欎唤闅忚闂嵎銆�"
+ }}
+ <!-- 浜茬埍鐨勬偅鑰�/瀹跺睘鎮ㄥソ锛屼负浜嗘洿濂界殑浜嗚В鎮ㄥ嚭闄㈠悗鐨勫悍澶嶆儏鍐碉紝缁欐偍閫傚綋鍙婃椂鐨勫仴搴锋寚瀵硷紝璇锋偍鎶戒竴鐐瑰疂璐垫椂闂达紝瀹屾垚杩欎唤鍑洪櫌闅忚闂嵎璋冩煡銆� -->
</div>
</div>
<el-divider></el-divider>
@@ -17,21 +22,25 @@
>
<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 && item.scriptResult == items.optioncontent
+ ? 'red-star'
+ : ''
+ "
:key="index"
:label="items.optioncontent"
>{{ items.optioncontent }}</el-radio
@@ -45,19 +54,18 @@
<!-- 澶氶�� -->
<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"
@@ -68,6 +76,7 @@
</el-checkbox>
</el-checkbox-group>
</div>
+ <!-- :class="items.isabnormal ? 'red-star' : ''" -->
<div v-show="item.prompt && item.scriptResult[0]">
<el-alert :title="item.prompt" type="warning"> </el-alert>
</div>
@@ -75,12 +84,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 +102,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 +125,13 @@
>
鎰熻阿鎮ㄧ殑閰嶅悎!
</div>
- <div style="font-size: 20px">{{ revisitAfter }}</div>
+ <div style="font-size: 20px">
+ {{
+ jsy
+ ? jsy
+ : "鐢熸椿涓婅鍔抽�哥粨鍚堬紝娉ㄦ剰浼戞伅鍜岃惀鍏伙紝閫傚綋閿荤偧锛屾垝鐑熼檺閰掞紝淇濇寔蹇冩儏鑸掔晠锛屽畾鏈熷璇娿�傞偅鏈鍥炶灏卞埌杩欓噷锛岀鎮ㄨ韩浣撳仴搴凤紒"
+ }}
+ </div>
</div>
</div>
<!-- <el-dialog
@@ -114,7 +139,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,14 +158,15 @@
return {
taskid: 355,
patid: 265823,
- kcb:'',
+ kcb: "",
+ excep:'',
questionList: [
// {
// scriptType: 1,
// scriptContent: "鎮ㄧ殑骞撮緞鑼冨洿鏄紵",
// scriptResult: null,
// svyLibTemplateTargetoptions: [
- // { optioncontent: "18-25", value: "18-25" },
+ // { 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" },
@@ -166,9 +192,9 @@
// scriptContent: "鎮ㄦ劅鍏磋叮鐨勬椿鍔ㄦ湁鍝簺锛�",
// scriptResult: [],
// svyLibTemplateTargetoptions: [
- // { optioncontent: "鏃呮父", value: "travel" },
- // { optioncontent: "闃呰", value: "reading" },
- // { optioncontent: "杩愬姩", value: "sports" },
+ // { optioncontent: "鏃呮父", value: "travel", isabnormal: true },
+ // { optioncontent: "闃呰", value: "reading", isabnormal: true },
+ // { optioncontent: "杩愬姩", value: "sports", isabnormal: true },
// { optioncontent: "闊充箰", value: "music" },
// { optioncontent: "鐢靛奖", value: "movies" },
// ],
@@ -194,7 +220,7 @@
// svyLibTemplateTargetoptions: [
// { optioncontent: "瀛︾敓", value: "student" },
// { optioncontent: "鏁欏笀", value: "teacher" },
- // { optioncontent: "宸ョ▼甯�", value: "engineer" },
+ // { optioncontent: "宸ョ▼甯�", value: "engineer", isabnormal: true },
// { optioncontent: "鍖荤敓", value: "doctor" },
// { optioncontent: "鍏朵粬", value: "other" },
// ],
@@ -221,7 +247,7 @@
// scriptResult: null,
// },
],
- revisitAfter: null,
+ jsy: null,
dialogVisible: false,
Endornot: true,
accomplish: false,
@@ -291,7 +317,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) => {
@@ -322,6 +348,7 @@
let form = {
param1: this.taskid,
param2: this.patid,
+ excep:this.excep,
serviceSubtaskDetailList: [],
};
const arr = structuredClone(this.questionList);
@@ -334,7 +361,7 @@
form.serviceSubtaskDetailList = arr;
Submitaquestionnaire(form).then((res) => {
if (res.code == 200) {
- if (this.revisitAfter) {
+ if (this.jsy) {
this.dialogVisible = true;
}
this.accomplish = true;
@@ -351,6 +378,20 @@
svyLibTemplateScriptVOS: [],
};
const arr = structuredClone(this.questionList);
+ console.log(arr,'srr')
+ arr.forEach((item, index) => {
+ var obj = item.svyLibTemplateTargetoptions.find(
+ (items) => items.optioncontent == item.scriptResult
+ );
+ if (obj) {
+ if (obj.isabnormal) {
+ console.log(obj.isabnormal);
+ form.excep = 1;
+ this.excep=1;
+ }
+ }
+ });
+
arr.forEach((item) => {
if (item.scriptType == 2 && item.scriptResult[0]) {
item.scriptResult = item.scriptResult.join("&");
@@ -411,7 +452,7 @@
padding: 0;
.CONTENT {
.title {
- color: #3769F3;
+ color: #3769f3;
font-size: 22px;
font-weight: bold;
margin-bottom: 20px;
@@ -426,6 +467,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 +480,70 @@
}
}
}
-.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 {
+ ::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 +563,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 +583,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