From e06cd3953ba8a6e0eee11c235bce9ced419a2800 Mon Sep 17 00:00:00 2001
From: WXL (wul) <wl_5969728@163.com>
Date: 星期三, 03 六月 2026 14:05:08 +0800
Subject: [PATCH] 测试完成
---
src/views/outsideChainwtnew.vue | 734 ++++++++++++++++++++++++++++++++++++++++++++------------
1 files changed, 574 insertions(+), 160 deletions(-)
diff --git a/src/views/outsideChainwtnew.vue b/src/views/outsideChainwtnew.vue
index c149057..3882e7f 100644
--- a/src/views/outsideChainwtnew.vue
+++ b/src/views/outsideChainwtnew.vue
@@ -1,112 +1,315 @@
<template>
<div class="questionnaire-optimized">
- <div class="content-wrapper" v-if="!accomplish">
- <div class="questionnaire-container">
- <!-- 闂嵎鏍囬鍖哄煙 -->
- <div class="questionnaire-header">
- <h1 class="questionnaire-title">{{ taskname ? taskname : "闂嵎" }}</h1>
- <div class="questionnaire-description">
- {{ kcb ? kcb : "浜茬埍鐨勬偅鑰�-瀹跺睘锛屾垜浠槸鍖婚櫌鐨勫尰鎶や汉鍛橈紝涓轰簡鏇村ソ鍦颁簡瑙ｆ偍鐨勫悍澶嶆儏鍐碉紝璇锋偍鎶戒竴鐐瑰疂璐垫椂闂达紝瀹屾垚杩欎唤闅忚闂嵎銆�" }}
- </div>
- </div>
-
- <el-divider class="custom-divider"></el-divider>
-
- <!-- 闂嵎棰樼洰鍖哄煙 -->
- <div class="questions-section">
- <div
- class="question-item"
- v-for="(item, index) in visibleQuestions"
- :key="item.id"
- :class="{ 'has-warning': item.prompt && (item.scriptResult && (item.scriptType !== 2 || item.scriptResult.length > 0)) }"
- >
- <!-- 棰樼洰棰樺共 -->
- <div class="question-stem">
- <span class="question-number">{{ getVisibleQuestionIndex(index) }}.</span>
- <span class="question-text">{{ item.scriptContent }}</span>
- <span class="question-type-tag">
- {{ item.scriptType === 1 ? '[鍗曢�塢' : item.scriptType === 2 ? '[澶氶�塢' : '[闂瓟]' }}
- </span>
- </div>
-
- <!-- 鍗曢�夐鐩� -->
- <div class="question-options" v-if="item.scriptType == 1 && !item.ishide">
- <el-radio-group class="options-group" v-model="item.scriptResult">
- <el-radio
- v-for="(option, optionIndex) in item.svyTaskTemplateTargetoptions"
- :key="optionIndex"
- :label="option.optioncontent"
- :class="{
- 'abnormal-option': option.isabnormal && item.scriptResult == option.optioncontent
- }"
- @click.native.prevent="handleRadioToggle(item, index, item.svyTaskTemplateTargetoptions, option.optioncontent)"
- class="option-radio"
- >
- <span class="option-text">{{ option.optioncontent }}</span>
- <span v-if="option.isabnormal" class="abnormal-indicator">*</span>
- </el-radio>
- </el-radio-group>
- </div>
-
- <!-- 澶氶�夐鐩� -->
- <div class="question-options" v-if="item.scriptType == 2">
- <el-checkbox-group class="options-group" v-model="item.scriptResult">
- <el-checkbox
- v-for="(option, optionIndex) in item.svyTaskTemplateTargetoptions"
- :key="optionIndex"
- :label="option.optioncontent"
- :class="{
- 'abnormal-option': option.isabnormal
- }"
- @change="$forceUpdate()"
- class="option-checkbox"
- >
- <span class="option-text">{{ option.optioncontent }}</span>
- <span v-if="option.isabnormal" class="abnormal-indicator">*</span>
- </el-checkbox>
- </el-checkbox-group>
- </div>
-
- <!-- 濉┖棰樼洰 -->
- <div class="question-input" v-if="item.scriptType == 4">
- <el-input
- type="textarea"
- :rows="3"
- placeholder="璇疯緭鍏ユ偍鐨勫洖绛�"
- v-model="item.scriptResult"
- clearable
- class="answer-textarea"
- ></el-input>
- </div>
-
- <!-- 鎻愮ず淇℃伅 -->
- <div class="question-warning" v-show="item.prompt && item.scriptResult && (item.scriptType !== 2 || item.scriptResult.length > 0)">
- <el-alert :title="item.prompt" type="warning" :closable="false" class="warning-alert"></el-alert>
- </div>
- </div>
- </div>
-
- <!-- 鎻愪氦鎸夐挳 -->
- <div class="submit-section">
- <el-button
- type="primary"
- @click="cache(true)"
- class="submit-button"
- >
- 鎻愪氦闂嵎
- </el-button>
- </div>
+ <div v-if="loading && !accomplish" class="loading-container">
+ <div class="loading-content">
+ <i class="el-icon-loading loading-icon"></i>
+ <div class="loading-text">闂嵎鍔犺浇涓紝璇风◢鍊�...</div>
</div>
</div>
- <!-- 瀹屾垚椤甸潰 -->
- <div class="completion-page" v-else>
- <div class="completion-content">
- <div class="completion-icon">鉁�</div>
- <h2 class="completion-title">鎰熻阿鎮ㄧ殑閰嶅悎!</h2>
- <p class="completion-message">
- {{ jsy ? jsy : "鐢熸椿涓婅鍔抽�哥粨鍚堬紝娉ㄦ剰浼戞伅鍜岃惀鍏伙紝閫傚綋閿荤偧锛屾垝鐑熼檺閰掞紝淇濇寔蹇冩儏鑸掔晠锛屽畾鏈熷璇娿�傞偅鏈鍥炶灏卞埌杩欓噷锛岀鎮ㄨ韩浣撳仴搴凤紒" }}
- </p>
+ <!-- 姝ｅ父鍐呭 -->
+ <div v-else>
+ <div class="content-wrapper" v-if="!accomplish">
+ <div class="questionnaire-container">
+ <!-- 闂嵎鏍囬鍖哄煙 -->
+ <div class="questionnaire-header">
+ <h1 class="questionnaire-title">
+ {{ taskname ? taskname : "闂嵎" }}
+ </h1>
+ <div class="questionnaire-description">
+ {{
+ kcb
+ ? kcb
+ : "浜茬埍鐨勬偅鑰�-瀹跺睘锛屾垜浠槸鍖婚櫌鐨勫尰鎶や汉鍛橈紝涓轰簡鏇村ソ鍦颁簡瑙ｆ偍鐨勫悍澶嶆儏鍐碉紝璇锋偍鎶戒竴鐐瑰疂璐垫椂闂达紝瀹屾垚杩欎唤闅忚闂嵎銆�"
+ }}
+ </div>
+ </div>
+
+ <el-divider class="custom-divider"></el-divider>
+
+ <!-- 鎸夌淮搴﹀垎缁勭殑棰樼洰鍖哄煙 -->
+ <div class="dimension-section" v-if="hasDimension">
+ <!-- 閬嶅巻缁村害鍒嗙粍 -->
+ <div
+ class="dimension-group"
+ v-for="(group, dimensionKey) in dimensionGroups"
+ :key="dimensionKey"
+ >
+ <!-- 缁村害鏍囬 - 鍙樉绀烘湁缁村害鏍囩鐨� -->
+ <div class="dimension-title" v-if="group.dimensionLabel">
+ <h3>{{ group.dimensionLabel }}</h3>
+ </div>
+
+ <!-- 璇ョ淮搴︿笅鐨勯鐩� -->
+ <div class="questions-section">
+ <div
+ class="question-item"
+ v-for="(item, index) in group.questions"
+ :key="item.id"
+ :class="{
+ 'has-warning':
+ item.prompt &&
+ item.scriptResult &&
+ (item.scriptType !== 2 || item.scriptResult.length > 0),
+ }"
+ >
+ <!-- 棰樼洰棰樺共 -->
+ <div class="question-stem">
+ <span class="question-number"
+ >{{ getQuestionNumber(group, index) }}.</span
+ >
+ <span class="question-text">{{ item.scriptContent }}</span>
+ <span class="question-type-tag">
+ {{
+ item.scriptType == 1
+ ? "[鍗曢�塢"
+ : item.scriptType == 2
+ ? "[澶氶�塢"
+ : "[闂瓟]"
+ }}
+ </span>
+ </div>
+
+ <!-- 鍗曢�夐鐩� -->
+ <div
+ class="question-options"
+ v-if="item.scriptType == 1 && !item.ishide"
+ >
+ <el-radio-group
+ class="options-group"
+ v-model="item.scriptResult"
+ >
+ <el-radio
+ v-for="(
+ option, optionIndex
+ ) in item.svyTaskTemplateTargetoptions"
+ :key="optionIndex"
+ :label="option.optioncontent"
+ :class="{
+ 'abnormal-option':
+ option.isabnormal &&
+ item.scriptResult == option.optioncontent,
+ }"
+ @click.native.prevent="
+ handleRadioToggle(
+ item,
+ getGlobalIndex(dimension, group, index),
+ item.svyTaskTemplateTargetoptions,
+ option.optioncontent
+ )
+ "
+ class="option-radio"
+ >
+ <span class="option-text">{{
+ option.optioncontent
+ }}</span>
+ </el-radio>
+ </el-radio-group>
+ </div>
+
+ <!-- 澶氶�夐鐩� -->
+ <div class="question-options" v-if="item.scriptType == 2">
+ <el-checkbox-group
+ class="options-group"
+ v-model="item.scriptResult"
+ >
+ <el-checkbox
+ v-for="(
+ option, optionIndex
+ ) in item.svyTaskTemplateTargetoptions"
+ :key="optionIndex"
+ :label="option.optioncontent"
+ :class="{
+ 'abnormal-option': option.isabnormal,
+ }"
+ @change="$forceUpdate()"
+ class="option-checkbox"
+ >
+ <span class="option-text">{{
+ option.optioncontent
+ }}</span>
+ </el-checkbox>
+ </el-checkbox-group>
+ </div>
+
+ <!-- 濉┖棰樼洰 -->
+ <div class="question-input" v-if="item.scriptType == 4">
+ <el-input
+ type="textarea"
+ :rows="3"
+ placeholder="璇疯緭鍏ユ偍鐨勫洖绛�"
+ v-model="item.scriptResult"
+ clearable
+ class="answer-textarea"
+ ></el-input>
+ </div>
+
+ <!-- 鎻愮ず淇℃伅 -->
+ <div
+ class="question-warning"
+ v-show="
+ item.prompt &&
+ item.scriptResult &&
+ (item.scriptType !== 2 || item.scriptResult.length > 0)
+ "
+ >
+ <el-alert
+ :title="item.prompt"
+ type="warning"
+ :closable="false"
+ class="warning-alert"
+ ></el-alert>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- 鏃犵淮搴︽椂鐨勯鐩尯鍩燂紙淇濇寔鍘熸牱锛� -->
+ <div class="questions-section" v-else>
+ <div
+ class="question-item"
+ v-for="(item, index) in visibleQuestions"
+ :key="item.id"
+ :class="{
+ 'has-warning':
+ item.prompt &&
+ item.scriptResult &&
+ (item.scriptType !== 2 || item.scriptResult.length > 0),
+ }"
+ >
+ <!-- 棰樼洰棰樺共 -->
+ <div class="question-stem">
+ <span class="question-number"
+ >{{ getVisibleQuestionIndex(index) }}.</span
+ >
+ <span class="question-text">{{ item.scriptContent }}</span>
+ <span class="question-type-tag">
+ {{
+ item.scriptType == 1
+ ? "[鍗曢�塢"
+ : item.scriptType == 2
+ ? "[澶氶�塢"
+ : "[闂瓟]"
+ }}
+ </span>
+ </div>
+
+ <!-- 鍗曢�夐鐩� -->
+ <div
+ class="question-options"
+ v-if="item.scriptType == 1 && !item.ishide"
+ >
+ <el-radio-group
+ class="options-group"
+ v-model="item.scriptResult"
+ >
+ <el-radio
+ v-for="(
+ option, optionIndex
+ ) in item.svyTaskTemplateTargetoptions"
+ :key="optionIndex"
+ :label="option.optioncontent"
+ :class="{
+ 'abnormal-option':
+ option.isabnormal &&
+ item.scriptResult == option.optioncontent,
+ }"
+ @click.native.prevent="
+ handleRadioToggle(
+ item,
+ index,
+ item.svyTaskTemplateTargetoptions,
+ option.optioncontent
+ )
+ "
+ class="option-radio"
+ >
+ <span class="option-text">{{ option.optioncontent }}</span>
+ </el-radio>
+ </el-radio-group>
+ </div>
+
+ <!-- 澶氶�夐鐩� -->
+ <div class="question-options" v-if="item.scriptType == 2">
+ <el-checkbox-group
+ class="options-group"
+ v-model="item.scriptResult"
+ >
+ <el-checkbox
+ v-for="(
+ option, optionIndex
+ ) in item.svyTaskTemplateTargetoptions"
+ :key="optionIndex"
+ :label="option.optioncontent"
+ :class="{
+ 'abnormal-option': option.isabnormal,
+ }"
+ @change="$forceUpdate()"
+ class="option-checkbox"
+ >
+ <span class="option-text">{{ option.optioncontent }}</span>
+ </el-checkbox>
+ </el-checkbox-group>
+ </div>
+
+ <!-- 濉┖棰樼洰 -->
+ <div class="question-input" v-if="item.scriptType == 4">
+ <el-input
+ type="textarea"
+ :rows="3"
+ placeholder="璇疯緭鍏ユ偍鐨勫洖绛�"
+ v-model="item.scriptResult"
+ clearable
+ class="answer-textarea"
+ ></el-input>
+ </div>
+
+ <!-- 鎻愮ず淇℃伅 -->
+ <div
+ class="question-warning"
+ v-show="
+ item.prompt &&
+ item.scriptResult &&
+ (item.scriptType !== 2 || item.scriptResult.length > 0)
+ "
+ >
+ <el-alert
+ :title="item.prompt"
+ type="warning"
+ :closable="false"
+ class="warning-alert"
+ ></el-alert>
+ </div>
+ </div>
+ </div>
+
+ <!-- 鎻愪氦鎸夐挳 -->
+ <div class="submit-section">
+ <el-button
+ type="primary"
+ @click="cache(true)"
+ class="submit-button"
+ >
+ 鎻愪氦闂嵎
+ </el-button>
+ </div>
+ </div>
+ </div>
+
+ <!-- 瀹屾垚椤甸潰 -->
+ <div class="completion-page" v-else>
+ <div class="completion-content">
+ <div class="completion-icon">鉁�</div>
+ <h2 class="completion-title">鎰熻阿鎮ㄧ殑閰嶅悎!</h2>
+ <p class="completion-message">
+ {{
+ jsy
+ ? jsy
+ : "鐢熸椿涓婅鍔抽�哥粨鍚堬紝娉ㄦ剰浼戞伅鍜岃惀鍏伙紝閫傚綋閿荤偧锛屾垝鐑熼檺閰掞紝淇濇寔蹇冩儏鑸掔晠锛屽畾鏈熷璇娿�傞偅鏈鍥炶灏卞埌杩欓噷锛岀鎮ㄨ韩浣撳仴搴凤紒"
+ }}
+ </p>
+ </div>
</div>
</div>
</div>
@@ -117,6 +320,7 @@
getExternalfollowup,
getCachequestionnaire,
Cachequestionnaire,
+ gettypeout,
Submitaquestionnaire,
geturlinfo,
} from "@/api/AiCentre/index";
@@ -124,16 +328,36 @@
export default {
data() {
return {
+ loading: true,
taskid: 355,
patid: 265823,
kcb: "",
- excep: "",
+ excep: 0,
+ isabnormal: 0,
taskname: "",
questionList: [],
+ param6: null,
jsy: null,
dialogVisible: false,
Endornot: true,
accomplish: false,
+ dimensionTypes: [
+ {
+ value: 1,
+ label: "缁村害1",
+ listClass: "primary",
+ },
+ {
+ value: 2,
+ label: "缁村害浜�",
+ listClass: "primary",
+ },
+ {
+ value: 3,
+ label: "缁村害涓�",
+ listClass: "primary",
+ },
+ ],
// 鍓嶇鍏挜
publicKey:
"MFwwDQYJKoZIhvcNAQEBBQADSwAwSAJBAKR0yHv0rbJWQE+Sc7/FwpW66qMd9qX2k6z+SDgkSdxWh/1GbBoAP7bDQQRF6vXmoKsD2ya42H6XRLSDXAoayuMCAwEAAQ== ",
@@ -154,12 +378,89 @@
// window.removeEventListener("beforeunload", this.cache);
},
created() {
+ this.gettypeout();
this.geturlinfo();
},
computed: {
// 璁＄畻灞炴�э細鑾峰彇鎵�鏈夊彲瑙佺殑棰樼洰
visibleQuestions() {
+ if (!Array.isArray(this.questionList)) {
+ return [];
+ }
return this.questionList.filter((question) => !question.ishide);
+ },
+
+ // 璁＄畻灞炴�э細妫�鏌ユ槸鍚︽湁缁村害瀛楁
+ hasDimension() {
+ if (!this.questionList || this.questionList.length == 0) {
+ return false;
+ }
+ // 妫�鏌ヤ换鎰忎竴涓鐩槸鍚︽湁dimension瀛楁
+ return this.questionList.some(
+ (question) =>
+ question.dimension && this.getDimensionLabel(question.dimension)
+ );
+ },
+
+ // 璁＄畻灞炴�э細鎸夌淮搴︽暣鐞嗛鐩�
+ dimensionGroups() {
+ if (!this.questionList || this.questionList.length == 0) {
+ return {};
+ }
+
+ const groups = {};
+ let currentGroupKey = null;
+ let groupStartIndex = 0; // 璁板綍褰撳墠缁村害缁勭殑寮�濮嬬储寮�
+
+ this.visibleQuestions.forEach((question, index) => {
+ const dimensionValue = question.dimension;
+ const dimensionLabel = this.getDimensionLabel(dimensionValue);
+
+ // 鐢熸垚缁刱ey锛氭湁缁村害鐢ㄧ淮搴﹀�硷紝鏃犵淮搴︾敤鐗规畩鏍囪+璧峰绱㈠紩
+ let groupKey;
+ if (dimensionValue && dimensionLabel) {
+ groupKey = `dimension-${dimensionValue}`;
+ } else {
+ // 鏃犵淮搴︽垨缁村害鏄犲皠涓嶅瓨鍦ㄧ殑棰樼洰鍗曠嫭鍒嗙粍
+ groupKey = `no-dimension-${groupStartIndex}`;
+ }
+
+ // 鍒涘缓鎴栬幏鍙栫淮搴︾粍
+ if (!groups[groupKey]) {
+ groups[groupKey] = {
+ questions: [],
+ startIndex: groupStartIndex,
+ dimensionValue: dimensionValue, // 淇濆瓨缁村害鍊肩敤浜庡悗缁鐞�
+ dimensionLabel: dimensionLabel, // 淇濆瓨缁村害鏍囩
+ isNoDimension: !dimensionValue || !dimensionLabel,
+ };
+ currentGroupKey = groupKey;
+ }
+
+ // 灏嗛鐩坊鍔犲埌瀵瑰簲鐨勭淮搴︾粍
+ groups[groupKey].questions.push(question);
+
+ // 濡傛灉涓嬩竴涓鐩淮搴︿笉鍚岋紝閲嶆柊寮�濮嬭鏁�
+ const nextQuestion = this.visibleQuestions[index + 1];
+ if (nextQuestion) {
+ const nextDimensionValue = nextQuestion.dimension;
+ const nextDimensionLabel = this.getDimensionLabel(nextDimensionValue);
+ const currentDimensionLabel = this.getDimensionLabel(dimensionValue);
+
+ // 鍒ゆ柇缁村害鏄惁鐩稿悓
+ if (
+ dimensionValue !== nextDimensionValue ||
+ (dimensionValue &&
+ nextDimensionValue &&
+ ((!dimensionValue && nextDimensionValue) ||
+ (dimensionValue && !nextDimensionValue)))
+ ) {
+ groupStartIndex = index + 1;
+ }
+ }
+ });
+
+ return groups;
},
},
methods: {
@@ -179,8 +480,26 @@
res.data.param3,
res.data.param5
);
+ this.param6 = res.data.param6;
}
});
+ },
+ // 鑾峰彇瀛楀吀
+ gettypeout() {
+ gettypeout("dimensionality_type").then((res) => {
+ if (res.code == 200) {
+ this.dimensionTypes = res.data;
+ }
+ });
+ },
+ // 鏍规嵁缁村害鍊艰幏鍙栫淮搴︽爣绛�
+ getDimensionLabel(dimensionValue) {
+ if (!dimensionValue) return "";
+
+ const dimensionType = this.dimensionTypes.find(
+ (item) => item.dictValue == Number(dimensionValue)
+ );
+ return dimensionType ? dimensionType.dictLabel : "";
},
// extractLastSegmentFromUrl(url) {
// // 鎵惧埌鏈�鍚庝竴涓�'/'鐨勪綅缃�
@@ -198,6 +517,8 @@
this.taskid = decodeURIComponent(param1);
this.patid = decodeURIComponent(param2);
this.taskname = decodeURIComponent(param3);
+ this.loading = true;
+
// let taskid =
// "OFp7tn/B6x7IzKJetvGWHdSWBj7msRlnlj6am9dyuHTH6sEt4uBbVCUXs5kcF/e4O2W6vqHf2Bz9K3/evbYDmw==";
// let patid =
@@ -207,10 +528,10 @@
// let taskids = this.encrypt(this.taskid);
// let patids = this.encrypt(this.patid);
// 鍏堝彇缂撳瓨
- getCachequestionnaire({ param1: this.taskid, param2: this.patid }).then(
- (res) => {
+ getCachequestionnaire({ param1: this.taskid, param2: this.patid })
+ .then((res) => {
if (res.code == 200) {
- this.questionList = res.data;
+ this.questionList = res.data.result;
this.accomplish = res.data.submit;
if (this.questionList[0]) {
this.questionList.forEach((item) => {
@@ -220,6 +541,8 @@
item.scriptResult = item.scriptResult.split("&");
}
});
+ this.loading = false;
+
return;
} else {
this.getExternalfollowup();
@@ -227,13 +550,13 @@
} else {
this.getExternalfollowup();
}
- }
- );
+ })
+ .finally(() => {});
},
// 鑾峰彇鏁版嵁
getExternalfollowup() {
- getExternalfollowup({ param1: this.taskid, param2: this.patid }).then(
- (res) => {
+ getExternalfollowup({ param1: this.taskid, param2: this.patid })
+ .then((res) => {
if (res.code == 200) {
this.questionList = res.data.script;
this.jsy = res.data.jsy;
@@ -245,9 +568,12 @@
item.scriptResult = [];
}
});
+ this.loading = false;
}
- }
- );
+ })
+ .finally(() => {
+ this.loading = false;
+ });
},
// 鍔犲瘑鍑芥暟
encrypt(txt) {
@@ -267,10 +593,13 @@
let form = {
param1: this.taskid,
param2: this.patid,
+ param6: this.param6,
excep: this.excep,
- isabnormal: this.excep,
+ isabnormal: this.isabnormal,
serviceSubtaskDetailList: [],
};
+ console.log(form.isabnormal, "formisabnormal");
+
const arr = structuredClone(this.questionList);
// arr.forEach((item) => {
// item.asrtext = JSON.stringify(item.scriptResult);
@@ -295,10 +624,13 @@
let form = {
param1: this.taskid,
param2: this.patid,
+ param6: this.param6,
svyTaskTemplateScriptVOS: [],
};
const arr = structuredClone(this.questionList);
- console.log(arr, "srr");
+ arr.forEach((item) => {
+ item.ishide = item.ishide ? 1 : 0;
+ });
arr.forEach((item, index) => {
if (item.scriptType == 1 && item.scriptResult) {
var obj = item.svyTaskTemplateTargetoptions.find(
@@ -314,11 +646,13 @@
item.sendTaskids = String(obj.sendTaskid).split(",");
}
if (obj) {
- if (obj.isabnormal) {
- console.log(obj.isabnormal);
- form.excep = obj.isabnormal;
+ form.excep = obj.isabnormal;
+ form.isabnormal = obj.isabnormal;
+ if (this.isabnormal != 1 && obj.isabnormal) {
this.excep = obj.isabnormal;
+ this.isabnormal = obj.isabnormal;
}
+ console.log(obj.isabnormal);
}
}
});
@@ -344,19 +678,42 @@
getVisibleQuestionIndex(index) {
return index + 1;
},
+
+ // 鑾峰彇缁村害鍐呴鐩殑搴忓彿
+ getQuestionNumber(group, index) {
+ return group.startIndex + index + 1;
+ },
+
+ // 鑾峰彇棰樼洰鍦ㄥ叏閲忔暟缁勪腑鐨勭储寮�
+ getGlobalIndex(dimension, group, localIndex) {
+ return group.startIndex + localIndex;
+ },
+ // 鍦ㄦā鏉夸腑浣跨敤
+ getDimensionLabelForDisplay(dimensionKey) {
+ if (dimensionKey.startsWith("no-dimension-")) {
+ return "";
+ }
+ const dimensionValue = dimensionKey.replace("dimension-", "");
+ return this.getDimensionLabel(dimensionValue);
+ },
// 鏂板鐨勫垏鎹㈤�変腑/鍙栨秷閫変腑鏂规硶
- handleRadioToggle(questionItem, index, options, optionValue) {
+ handleRadioToggle(questionItem, globalIndex, options, optionValue) {
// 淇濆瓨褰撳墠鐘舵�佷互渚垮悗缁瘮杈�
const previousState = JSON.parse(JSON.stringify(this.questionList));
// 鍘熸湁鐨勫鐞嗛�昏緫
- if (questionItem.scriptResult === optionValue) {
+ if (questionItem.scriptResult == optionValue) {
questionItem.scriptResult = "";
- questionItem.isabnormal = false;
+ questionItem.isabnormal = 0;
questionItem.showAppendInput = false;
} else {
questionItem.scriptResult = optionValue;
- this.handleOptionChange(optionValue, index, options, questionItem);
+ this.handleOptionChange(
+ optionValue,
+ globalIndex,
+ options,
+ questionItem
+ );
}
// 澶勭悊瀹屾垚鍚庯紝纭繚閲嶆柊璁＄畻鍙棰樼洰鐨勫簭鍙�
@@ -375,15 +732,15 @@
const selectedOptionObj = options.find(
(item) => item.optioncontent == selectedOption
);
- if (selectedOption) {
+ if (selectedOptionObj) {
this.questionList[questionIndex].nextScriptno =
- selectedOption.nextQuestion;
- this.questionList[questionIndex].score = selectedOption.score;
- this.questionList[questionIndex].prompt = selectedOption.prompt;
+ selectedOptionObj.nextQuestion;
+ this.questionList[questionIndex].score = selectedOptionObj.score;
+ this.questionList[questionIndex].prompt = selectedOptionObj.prompt;
}
// 澶勭悊寮傚父鐘舵�侀珮浜�
this.questionList[questionIndex].isabnormal =
- !!selectedOptionObj.isabnormal;
+ selectedOptionObj.isabnormal;
// 澶勭悊闄勫姞杈撳叆妗嗘樉绀�
this.questionList[questionIndex].showAppendInput =
@@ -416,6 +773,8 @@
} else {
// 姝ｅ父璺宠浆閫昏緫
const nextQuestionIndex = selectedOptionObj.nextQuestion - 1;
+ console.log(nextQuestionIndex, 4);
+ console.log(selectedOptionObj);
this.questionList = this.questionList.map((item, index) => {
// 淇濈暀褰撳墠棰樼洰涔嬪墠鐨勯殣钘忕姸鎬�
@@ -428,12 +787,12 @@
}
// 褰撳墠棰樼洰鎬绘槸鍙
- if (index === questionIndex) {
+ if (index == questionIndex) {
return { ...item, ishide: 0, hiddenByEnd: false };
}
// 鏄剧ず鐩爣涓嬩竴棰�
- if (index === nextQuestionIndex) {
+ if (index == nextQuestionIndex) {
return { ...item, ishide: 0, hiddenByEnd: false };
}
@@ -455,8 +814,8 @@
// 濡傛灉娌℃湁璺宠浆锛屽彧闇�纭繚涓嬩竴棰樺彲瑙�
this.questionList = this.questionList.map((item, index) => ({
...item,
- ishide: index === questionIndex + 1 ? 0 : item.ishide,
- hiddenByEnd: index === questionIndex + 1 ? false : item.hiddenByEnd,
+ ishide: index == questionIndex + 1 ? 0 : item.ishide,
+ hiddenByEnd: index == questionIndex + 1 ? false : item.hiddenByEnd,
}));
}
@@ -465,32 +824,6 @@
this.$forceUpdate();
});
},
- // 澶勭悊鍗曢�夐�夐」
- // handleOptionChange(selectedvalue, index, arr) {
- // // 鏌ユ壘閫変腑鐨勯�夐」瀵硅薄
- // const selectedOption = arr.svyTaskTemplateTargetoptions.find(
- // (option) => option.optioncontent == selectedvalue
- // );
- // if (selectedOption) {
- // this.questionList[index].nextScriptno = selectedOption.nextQuestion;
- // this.questionList[index].score = selectedOption.score;
- // this.questionList[index].prompt = selectedOption.prompt;
- // }
- // },
- // 澶勭悊澶氶�夐�夐」
- // updateScore(selectedvalues, index, arr) {
- // // 锟斤拷鍔犲垎鏁�
- // let score = 0;
- // selectedvalues.forEach((value) => {
- // const selectedOption = arr.svyTaskTemplateTargetoptions.find(
- // (option) => option.optioncontent == value
- // );
- // if (selectedOption) {
- // score += Number(selectedOption.score);
- // }
- // });
- // this.questionList[index].score = score;
- // },
},
};
</script>
@@ -543,12 +876,40 @@
background-color: #eaeef2;
}
+/* 缁村害鍒嗙粍鏍峰紡 */
+.dimension-section {
+ margin-bottom: 20px;
+}
+
+.dimension-group {
+ margin-bottom: 30px;
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+}
+
+.dimension-title {
+ background: linear-gradient(135deg, #e8f4ff 0%, #d1e7ff 100%);
+ padding: 12px 20px;
+ border-radius: 8px;
+ margin-bottom: 20px;
+ border-left: 4px solid #175997;
+
+ h3 {
+ color: #175997;
+ font-size: 20px;
+ font-weight: 600;
+ margin: 0;
+ }
+}
+
.questions-section {
- margin-bottom: 40px;
+ margin-bottom: 10px;
}
.question-item {
- margin-bottom: 35px;
+ margin-bottom: 25px;
padding: 20px;
border-radius: 8px;
border: 1px solid #eaeef2;
@@ -561,6 +922,10 @@
&.has-warning {
border-left: 4px solid #e6a23c;
+ }
+
+ &:last-child {
+ margin-bottom: 0;
}
}
@@ -667,6 +1032,8 @@
.submit-section {
text-align: center;
padding: 20px 0 10px;
+ border-top: 1px solid #eaeef2;
+ margin-top: 20px;
}
.submit-button {
@@ -760,6 +1127,14 @@
padding: 15px;
}
+ .dimension-title {
+ padding: 10px 15px;
+
+ h3 {
+ font-size: 18px;
+ }
+ }
+
.completion-content {
padding: 30px 20px;
}
@@ -785,5 +1160,44 @@
.completion-icon {
font-size: 60px;
}
+
+ .dimension-title h3 {
+ font-size: 16px;
+ }
+}
+.loading-container {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ min-height: 70vh;
+}
+
+.loading-content {
+ text-align: center;
+ padding: 40px;
+ background: #fff;
+ border-radius: 8px;
+ box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+}
+
+.loading-icon {
+ font-size: 40px;
+ color: #409eff;
+ margin-bottom: 15px;
+ animation: rotating 2s linear infinite;
+}
+
+.loading-text {
+ font-size: 16px;
+ color: #606266;
+}
+
+@keyframes rotating {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(360deg);
+ }
}
</style>
--
Gitblit v1.9.3