From d3c60e18b95b50751f8088fa2d23cd8ff7f173bc Mon Sep 17 00:00:00 2001
From: WXL (wul) <wl_5969728@163.com>
Date: 星期三, 01 七月 2026 11:05:17 +0800
Subject: [PATCH] 测试完成
---
src/views/outsideChainwtnew.vue | 565 ++++++++++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 487 insertions(+), 78 deletions(-)
diff --git a/src/views/outsideChainwtnew.vue b/src/views/outsideChainwtnew.vue
index e435d5c..6125e1c 100644
--- a/src/views/outsideChainwtnew.vue
+++ b/src/views/outsideChainwtnew.vue
@@ -1,6 +1,6 @@
<template>
<div class="questionnaire-optimized">
- <div v-if="loading" class="loading-container">
+ <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>
@@ -23,12 +23,165 @@
: "浜茬埍鐨勬偅鑰�-瀹跺睘锛屾垜浠槸鍖婚櫌鐨勫尰鎶や汉鍛橈紝涓轰簡鏇村ソ鍦颁簡瑙ｆ偍鐨勫悍澶嶆儏鍐碉紝璇锋偍鎶戒竴鐐瑰疂璐垫椂闂达紝瀹屾垚杩欎唤闅忚闂嵎銆�"
}}
</div>
+ <div v-if="orgname" class="questionnaire-signature">
+ 鈥斺�斺�攞{ orgname }}
+ </div>
</div>
<el-divider class="custom-divider"></el-divider>
- <!-- 闂嵎棰樼洰鍖哄煙 -->
- <div class="questions-section">
+ <!-- 鎸夌淮搴﹀垎缁勭殑棰樼洰鍖哄煙 -->
+ <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(item.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
+ v-if="item.showAppendInput || item.answerps"
+ class="append-input-container"
+ >
+ <el-input
+ type="textarea"
+ :rows="1"
+ placeholder="璇疯緭鍏ュ叿浣撲俊鎭�"
+ v-model="item.answerps"
+ clearable
+ ></el-input>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- 鏃犵淮搴︽椂鐨勯鐩尯鍩燂紙淇濇寔鍘熸牱锛� -->
+ <div class="questions-section" v-else>
<div
class="question-item"
v-for="(item, index) in visibleQuestions"
@@ -48,9 +201,9 @@
<span class="question-text">{{ item.scriptContent }}</span>
<span class="question-type-tag">
{{
- item.scriptType === 1
+ item.scriptType == 1
? "[鍗曢�塢"
- : item.scriptType === 2
+ : item.scriptType == 2
? "[澶氶�塢"
: "[闂瓟]"
}}
@@ -143,6 +296,18 @@
class="warning-alert"
></el-alert>
</div>
+ <div
+ v-if="item.showAppendInput || item.answerps"
+ class="append-input-container"
+ >
+ <el-input
+ type="textarea"
+ :rows="1"
+ placeholder="璇疯緭鍏ュ叿浣撲俊鎭�"
+ v-model="item.answerps"
+ clearable
+ ></el-input>
+ </div>
</div>
</div>
@@ -164,6 +329,7 @@
<div class="completion-content">
<div class="completion-icon">鉁�</div>
<h2 class="completion-title">鎰熻阿鎮ㄧ殑閰嶅悎!</h2>
+ <h2 class="completion-title">绁濇偍鍋ュ悍蹇箰!</h2>
<p class="completion-message">
{{
jsy
@@ -182,6 +348,7 @@
getExternalfollowup,
getCachequestionnaire,
Cachequestionnaire,
+ gettypeout,
Submitaquestionnaire,
geturlinfo,
} from "@/api/AiCentre/index";
@@ -196,12 +363,30 @@
excep: 0,
isabnormal: 0,
taskname: "",
+ orgname: "",
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== ",
@@ -222,6 +407,7 @@
// window.removeEventListener("beforeunload", this.cache);
},
created() {
+ this.gettypeout();
this.geturlinfo();
},
computed: {
@@ -231,6 +417,79 @@
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: {
@@ -250,9 +509,36 @@
res.data.param3,
res.data.param5
);
+ if (
+ res.data.orgname == "鐪佺珛鍚屽痉缈犺嫅闄㈠尯" ||
+ res.data.orgname == "鐪佺珛鍚屽痉涔嬫睙闄㈠尯" ||
+ res.data.orgname == "鐪佺珛鍚屽痉闂叉灄闄㈠尯"
+ ) {
+ this.orgname = "娴欐睙鐪佺珛鍚屽痉鍖婚櫌";
+ } else {
+ this.orgname = res.data.orgname;
+ }
+
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) {
// // 鎵惧埌鏈�鍚庝竴涓�'/'鐨勪綅缃�
@@ -431,19 +717,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 = 0;
questionItem.showAppendInput = false;
} else {
questionItem.scriptResult = optionValue;
- this.handleOptionChange(optionValue, index, options, questionItem);
+ this.handleOptionChange(
+ optionValue,
+ globalIndex,
+ options,
+ questionItem
+ );
}
// 澶勭悊瀹屾垚鍚庯紝纭繚閲嶆柊璁＄畻鍙棰樼洰鐨勫簭鍙�
@@ -476,6 +785,7 @@
this.questionList[questionIndex].showAppendInput =
selectedOptionObj.appendflag == 1;
console.log(this.questionList);
+ console.log(selectedOptionObj.appendflag);
// if (!this.questionList[questionIndex].showAppendInput) {
// this.questionList[questionIndex].answerps = ""; // 娓呴櫎闄勫姞淇℃伅
@@ -517,12 +827,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 };
}
@@ -544,42 +854,17 @@
// 濡傛灉娌℃湁璺宠浆锛屽彧闇�纭繚涓嬩竴棰樺彲瑙�
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,
}));
}
+ this.$forceUpdate();
// 鍦ㄥ鐞嗗畬棰樼洰鏄剧ず/闅愯棌鍚庯紝寮哄埗鏇存柊瑙嗗浘浠ョ‘淇濆簭鍙锋纭�
this.$nextTick(() => {
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>
@@ -612,32 +897,78 @@
}
.questionnaire-title {
- color: #175997;
+ color: #0d3b6b; // 鍩虹娣辫摑鑹�
font-size: 28px;
font-weight: 700;
margin-bottom: 15px;
line-height: 1.3;
+ text-shadow: 0 1px 3px rgba(255, 255, 255, 0.4);
+
+ // 閽堝澶滈棿妯″紡鐨勪紭鍖�
+ @media (prefers-color-scheme: dark) {
+ color: #4a90d9; // 澶滈棿妯″紡浣跨敤鏇翠寒鐨勮摑鑹�
+ text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
+ }
}
.questionnaire-description {
- font-size: 18px;
- color: #5a6c84;
- line-height: 1.6;
- max-width: 700px;
- margin: 0 auto;
+ font-size: 16px;
+ color: #303a47;
+ line-height: 1.8;
+ max-width: 720px;
+ margin: 0;
+ padding: 0 16px;
+ text-align: justify; /* 涓ょ瀵归綈锛屾洿缇庤 */
+ text-indent: 2em; /* 棣栬缂╄繘 */
}
-
+.questionnaire-signature {
+ font-size: 16px;
+ color: #303a47;
+ text-align: right; /* 鍙冲榻� */
+ max-width: 720px;
+ margin: 8px 0 0 auto; /* 涓婅竟璺�8px锛屽彸杈归潬榻� */
+ padding: 0 16px;
+ letter-spacing: 1px; /* 瀛楅棿璺濈◢瀹斤紝鏇存湁钀芥鎰� */
+}
.custom-divider {
margin: 25px 0;
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;
@@ -651,71 +982,129 @@
&.has-warning {
border-left: 4px solid #e6a23c;
}
+
+ &:last-child {
+ margin-bottom: 0;
+ }
}
.question-stem {
- display: flex;
- align-items: flex-start;
+ display: grid;
+ grid-template-columns: auto 1fr auto;
+ gap: 3px;
+ align-items: start; /* 鏀逛负 start 閬垮厤灞呬腑瀵艰嚧鐨勮瑙夐棶棰� */
margin-bottom: 20px;
font-size: 18px;
+}
+
+.question-text {
+ line-height: 1.5;
+ color: #2c3e50;
+ font-weight: 500;
+ word-wrap: break-word;
+ overflow-wrap: break-word;
+ white-space: normal; /* 纭繚鍏佽鎹㈣ */
+ min-width: 0; /* 闃叉 grid 椤规孩鍑� */
}
.question-number {
font-weight: 600;
color: #175997;
- margin-right: 8px;
- min-width: 24px;
+ min-width: 16px;
}
-.question-text {
- flex: 1;
- line-height: 1.5;
- color: #2c3e50;
- font-weight: 500;
-}
+// .question-text {
+// line-height: 1.5;
+// color: #2c3e50;
+// font-weight: 500;
+// overflow: hidden;
+// text-overflow: ellipsis;
+// white-space: nowrap;
+// }
.question-type-tag {
color: #3ba2f7;
font-size: 14px;
- margin-left: 10px;
font-weight: 500;
+ text-align: right;
}
.question-options {
- margin: 15px 0;
+ margin: 12px 0;
+ padding: 0 4px;
}
-
+// 淇敼 options-group 鐨勬牱寮�
.options-group {
- display: flex;
- flex-direction: column;
- gap: 12px;
+ display: grid;
+ grid-template-columns: repeat(2, 1fr); // 鏀逛负涓ゅ垪缃戞牸
+ gap: 10px;
+ width: 100%;
}
+// 閽堝澶氶�夌殑 checkbox-group 涔熷簲鐢ㄥ悓鏍风殑缃戞牸甯冨眬
+:deep(.el-checkbox-group) {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ gap: 10px;
+ width: 100%;
+ @media (max-width: 420px) {
+ grid-template-columns: 1fr;
+ }
+}
+// 淇敼閫夐」鐨勬牱寮�
.option-radio,
.option-checkbox {
margin: 0;
- padding: 12px 15px;
+ padding: 10px 12px;
border-radius: 6px;
border: 1px solid #e0e0e0;
transition: all 0.2s;
+ display: flex;
+ align-items: center;
+ width: 100%;
+ box-sizing: border-box;
&:hover {
border-color: #c0c4cc;
background-color: #f8fafc;
}
+
+ // 纭繚鍐呴儴鍐呭鑷�傚簲
+ :deep(.el-radio__label),
+ :deep(.el-checkbox__label) {
+ display: inline;
+ font-size: 15px;
+ line-height: 1.4;
+ word-break: break-all; // 鍏佽鍦ㄤ换鎰忓瓧绗﹀鎹㈣
+ white-space: normal; // 鍏佽鑷姩鎹㈣
+ padding-left: 6px;
+ }
+
+ // 纭繚 radio/checkbox 鍥炬爣涓嶅帇缂�
+ :deep(.el-radio__input),
+ :deep(.el-checkbox__input) {
+ flex-shrink: 0;
+ }
}
-:deep(.option-radio .el-radio__label),
-:deep(.option-checkbox .el-checkbox__label) {
- display: flex;
- align-items: center;
- font-size: 16px;
-}
+// :deep(.option-radio .el-radio__label),
+// :deep(.option-checkbox .el-checkbox__label) {
+// display: flex;
+// align-items: center;
+// font-size: 16px;
+// }
.option-text {
- margin-right: 5px;
+ word-break: break-all;
+ white-space: normal;
+ line-height: 1.4;
}
-
+// 鍦ㄥ皬灞忓箷涓婅皟鏁翠负鍗曞垪
+@media (max-width: 300px) {
+ .options-group {
+ grid-template-columns: 1fr; // 瓒呭皬灞忓箷鎭㈠鍗曞垪
+ }
+}
.abnormal-indicator {
color: #f56c6c;
font-weight: bold;
@@ -745,7 +1134,13 @@
.question-warning {
margin-top: 15px;
}
-
+.append-input-container {
+ margin-top: 15px;
+ padding: 10px;
+ background-color: #f5f7fa;
+ border-radius: 4px;
+ border: 1px solid #dcdfe6;
+}
.warning-alert {
:deep(.el-alert__title) {
font-size: 15px;
@@ -756,6 +1151,8 @@
.submit-section {
text-align: center;
padding: 20px 0 10px;
+ border-top: 1px solid #eaeef2;
+ margin-top: 20px;
}
.submit-button {
@@ -834,11 +1231,11 @@
font-size: 16px;
}
- .question-stem {
- font-size: 16px;
- flex-direction: column;
- align-items: flex-start;
- }
+ // .question-stem {
+ // font-size: 16px;
+ // flex-direction: column;
+ // align-items: flex-start;
+ // }
.question-type-tag {
margin-left: 0;
@@ -847,6 +1244,14 @@
.question-item {
padding: 15px;
+ }
+
+ .dimension-title {
+ padding: 10px 15px;
+
+ h3 {
+ font-size: 18px;
+ }
}
.completion-content {
@@ -874,6 +1279,10 @@
.completion-icon {
font-size: 60px;
}
+
+ .dimension-title h3 {
+ font-size: 16px;
+ }
}
.loading-container {
display: flex;
--
Gitblit v1.9.3