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 | 139 ++++++++++++++++++++++++++++++++++-----------
1 files changed, 104 insertions(+), 35 deletions(-)
diff --git a/src/views/outsideChainwtnew.vue b/src/views/outsideChainwtnew.vue
index ffcee9d..6125e1c 100644
--- a/src/views/outsideChainwtnew.vue
+++ b/src/views/outsideChainwtnew.vue
@@ -23,7 +23,9 @@
: "浜茬埍鐨勬偅鑰�-瀹跺睘锛屾垜浠槸鍖婚櫌鐨勫尰鎶や汉鍛橈紝涓轰簡鏇村ソ鍦颁簡瑙ｆ偍鐨勫悍澶嶆儏鍐碉紝璇锋偍鎶戒竴鐐瑰疂璐垫椂闂达紝瀹屾垚杩欎唤闅忚闂嵎銆�"
}}
</div>
- <div v-if="orgname" class="questionnaire-signature">鈥斺�斺�攞{ orgname }}</div>
+ <div v-if="orgname" class="questionnaire-signature">
+ 鈥斺�斺�攞{ orgname }}
+ </div>
</div>
<el-divider class="custom-divider"></el-divider>
@@ -327,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
@@ -506,7 +509,15 @@
res.data.param3,
res.data.param5
);
- this.orgname = res.data.orgname;
+ if (
+ res.data.orgname == "鐪佺珛鍚屽痉缈犺嫅闄㈠尯" ||
+ res.data.orgname == "鐪佺珛鍚屽痉涔嬫睙闄㈠尯" ||
+ res.data.orgname == "鐪佺珛鍚屽痉闂叉灄闄㈠尯"
+ ) {
+ this.orgname = "娴欐睙鐪佺珛鍚屽痉鍖婚櫌";
+ } else {
+ this.orgname = res.data.orgname;
+ }
this.param6 = res.data.param6;
}
@@ -886,16 +897,23 @@
}
.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: 16px;
- color: #5a6c84;
+ color: #303a47;
line-height: 1.8;
max-width: 720px;
margin: 0;
@@ -904,8 +922,8 @@
text-indent: 2em; /* 棣栬缂╄繘 */
}
.questionnaire-signature {
- font-size: 15px;
- color: #8a9bb5; /* 姣旀鏂囬鑹茬◢娴咃紝浣撶幇闄勫睘鎰� */
+ font-size: 16px;
+ color: #303a47;
text-align: right; /* 鍙冲榻� */
max-width: 720px;
margin: 8px 0 0 auto; /* 涓婅竟璺�8px锛屽彸杈归潬榻� */
@@ -972,11 +990,21 @@
.question-stem {
display: grid;
- grid-template-columns: auto 1fr auto; /* 棰樺彿鑷�傚簲锛屾枃鏈崰婊″墿浣欑┖闂达紝棰樺瀷鏍囩鑷�傚簲 */
+ grid-template-columns: auto 1fr auto;
gap: 3px;
- align-items: center;
+ 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 {
@@ -985,14 +1013,14 @@
min-width: 16px;
}
-.question-text {
- line-height: 1.5;
- color: #2c3e50;
- font-weight: 500;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
+// .question-text {
+// line-height: 1.5;
+// color: #2c3e50;
+// font-weight: 500;
+// overflow: hidden;
+// text-overflow: ellipsis;
+// white-space: nowrap;
+// }
.question-type-tag {
color: #3ba2f7;
@@ -1002,40 +1030,81 @@
}
.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;
@@ -1162,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;
--
Gitblit v1.9.3