修改体检公告，收费室界面样式

src/views/Zstj_yy.vue

@@ -96,7 +96,7 @@ export default {
     },
     getDefaultNotice(){
       return `
-        <p>体检时间: 周一至周五上午8:30-11:30。</p>
+        <p>体检时间: 周一至周五上午8:00-10:30。</p>
         <p>网上预约体检项目不收费，需到线下进行体检项目缴费。</p>
         <p>体检前三天，请您保持正常饮食，勿饮酒，避免剧烈运动。</p>
         <p>体检当天需进行抽血、腹部B超检查，请您在受检前8-12小时禁食禁饮；进行抽血、腹部B超后方可进食；糖尿病患者凭特病卡优先检查抽血及B超。</p>

src/views/tui.vue

@@ -988,6 +988,7 @@ export default {
 </script>
 
 <style scoped lang="scss">
+/* 移动端基础样式 */
 .home {
   min-height: 100vh;
   background-color: #f5f5f5;
@@ -1032,54 +1033,11 @@ export default {
   line-height: 1.5;
 }
 
-/* 扫码区域样式 */
-.scan-container {
-  margin-bottom: 1.2rem;
-}
-
-.scan-area {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 0.8rem;
-}
-
-.scan-image {
-  width: 3rem;
-  height: 3rem;
-  object-fit: contain;
-}
-
-.scan-button {
-  width: 60%;
-  height: 1.2rem;
-  font-size: 0.4rem;
-}
-
-.scan-result {
-  margin-top: 1rem;
-  padding: 0.6rem;
-  background-color: #f0f9ff;
-  border-radius: 8px;
-  font-size: 0.38rem;
-  color: #333;
-}
-
-.result-value {
-  font-weight: bold;
-  color: #3B71E8;
-}
-
 /* 输入框样式 */
 .input-container {
   margin-bottom: 1.2rem;
 }
 
-.order-input {
-  width: 100%;
-  font-size: 0.4rem;
-}
-
 .patient-id-input {
   width: 100%;
   font-size: 0.4rem;
@@ -1123,57 +1081,12 @@ export default {
   border: 1px solid #e5e5e5;
 }
 
-.registration-table th {
-  background-color: #f5f5f5;
-  font-weight: bold;
-  color: #333;
-  white-space: nowrap;
-}
-
-.registration-table td {
-  color: #666;
-  white-space: nowrap;
-}
-
-.registration-table tbody tr {
-  cursor: pointer;
-  transition: background-color 0.3s ease;
-}
-
-.registration-table tbody tr:hover {
-  background-color: #f9f9f9;
-}
-
-.registration-table tbody tr.selected {
-  background-color: #f0f9ff;
-}
-
-.registration-table .refund-amount {
-  color: #ee0a24;
-  font-weight: bold;
-}
-
-/* 隐藏旧的卡片样式 */
-.registration-card,
-.registration-item,
-.item-label,
-.item-value {
-  display: none;
-}
-
 /* 密码输入框样式 */
 .password-input {
   width: 100%;
   font-size: 0.4rem;
 }
 
-.error-message {
-  color: #ee0a24;
-  font-size: 0.38rem;
-  text-align: center;
-  margin-top: 0.3rem;
-}
-
 /* 弹窗按钮样式 */
 .popup-buttons {
   display: flex;
@@ -1187,18 +1100,81 @@ export default {
   font-size: 0.4rem;
 }
 
-.popup-button.cancel {
-  border: 1px solid #dcdfe6;
-  color: #606266;
-}
+/* 桌面端适配（屏幕宽度 ≥ 768px） */
+@media screen and (min-width: 768px) {
+  .home {
+    padding: 2rem;
+    max-width: 1200px;
+    margin: 0 auto;
+  }
 
-.popup-button.confirm {
-  background: linear-gradient(135deg, #3B71E8 0%, #2A57C4 100%);
-  border: none;
-}
+  .button-container {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    gap: 1rem;
+    align-items: stretch;
+    margin-bottom: 2rem;
+  }
 
-.popup-button.confirm:disabled {
-  background: #a6c1ff;
-  border: none;
+  .action-button {
+    width: 100%;
+    height: 60px;
+    font-size: 16px;
+    transition: all 0.3s ease;
+  }
+
+  .action-button:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 4px 12px rgba(59, 113, 232, 0.4);
+  }
+
+  .popup-content {
+    padding: 2rem;
+  }
+
+  .popup-title {
+    font-size: 20px;
+    margin-bottom: 1rem;
+  }
+
+  .popup-description {
+    font-size: 14px;
+    margin-bottom: 1.5rem;
+  }
+
+  .patient-id-input {
+    font-size: 14px;
+  }
+
+  .popup-header {
+    padding: 1rem 1.5rem;
+  }
+
+  .popup-header .popup-title {
+    font-size: 18px;
+    margin: 0;
+  }
+
+  .registration-list-scroll {
+    padding: 1rem 1.5rem;
+  }
+
+  .registration-table {
+    font-size: 14px;
+  }
+
+  .registration-table th,
+  .registration-table td {
+    padding: 12px 15px;
+  }
+
+  .password-input {
+    font-size: 14px;
+  }
+
+  .popup-button {
+    height: 40px;
+    font-size: 14px;
+  }
 }
 </style>