From 4ddfa807643c73ff90840b0b65a5118741e12b48 Mon Sep 17 00:00:00 2001
From: WXL <wl_5969728@163.com>
Date: 星期六, 09 五月 2026 18:06:13 +0800
Subject: [PATCH] 移动端维护
---
pages/case/CaseDetails.vue | 1305 ++++++++++++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 1,112 insertions(+), 193 deletions(-)
diff --git a/pages/case/CaseDetails.vue b/pages/case/CaseDetails.vue
index cac11a6..4e84cef 100644
--- a/pages/case/CaseDetails.vue
+++ b/pages/case/CaseDetails.vue
@@ -3,6 +3,11 @@
<!-- 琛ㄥ崟鍐呭 -->
<scroll-view scroll-y class="form-scroll" :show-scrollbar="false">
<view class="form-content">
+ <view class="page-header">
+ <text class="page-title">{{
+ isEditMode ? "淇敼妗堜緥" : "涓婃姤妗堜緥"
+ }}</text>
+ </view>
<!-- 鍩烘湰淇℃伅鍗＄墖 -->
<view class="form-section">
<view class="section-header">
@@ -11,54 +16,47 @@
</view>
<view class="form-grid">
- <view class="form-item">
- <text class="item-label">鎹愮尞缂栧彿</text>
+ <!-- 淇敼鍚庯細娌荤枟鍖婚櫌杈撳叆妗� -->
+ <!-- <view class="form-item">
+ <text class="item-label required">娌荤枟鍖婚櫌</text>
<u-input
- v-model="form.donorno"
- placeholder="绯荤粺鑷姩鐢熸垚"
- disabled
- :disabledColor="disabledColor"
- border="none"
+ v-model="form.treatmenthospitalname"
+ placeholder="璇疯緭鍏ユ不鐤楀尰闄㈠悕绉�"
+ maxlength="100"
+ class="custom-input"
+ />
+ </view> -->
+
+ <!-- 鏂板锛氫笂鎶ュ尰闄� -->
+ <view class="form-item">
+ <text class="item-label">涓婃姤鍖婚櫌</text>
+ <u-input
+ v-model="form.toHospital"
+ placeholder="璇疯緭鍏ヤ笂鎶ュ尰闄�"
+ maxlength="100"
+ class="custom-input"
+ />
+ </view>
+
+ <!-- 鏂板锛氶儴闂ㄥ悕绉� -->
+ <view class="form-item">
+ <text class="item-label">绉戝鍚嶇О</text>
+ <u-input
+ v-model="form.deptName"
+ placeholder="璇疯緭鍏ヤ笂鎶ョ瀹�"
+ maxlength="50"
+ class="custom-input"
/>
</view>
<view class="form-item">
- <text class="item-label">鍖荤枟鏈烘瀯</text>
+ <text class="item-label required">鎮ｈ�呭鍚�</text>
<u-input
- v-model="form.treatmenthospitalno"
- placeholder="璇烽�夋嫨鍖荤枟鏈烘瀯"
- readonly
- border="none"
- @click="showHospitalPicker = true"
- >
- <template #suffix>
- <u-icon name="arrow-down" color="#86868b"></u-icon>
- </template>
- </u-input>
- </view>
-
- <view class="form-item">
- <text class="item-label">绉戝</text>
- <u-input
- v-model="form.treatmentdeptname"
- placeholder="璇烽�夋嫨绉戝"
- readonly
- border="none"
- @click="selectShow = true"
- >
- <template #suffix>
- <u-icon name="arrow-down" color="#86868b"></u-icon>
- </template>
- </u-input>
- </view>
-
- <view class="form-item">
- <text class="item-label required">濮撳悕</text>
- <u-input
+ type="text"
v-model="form.name"
placeholder="璇疯緭鍏ュ鍚�"
- border="none"
- :customStyle="inputStyle(!form.name)"
+ maxlength="20"
+ class="custom-input"
/>
</view>
</view>
@@ -72,93 +70,99 @@
</view>
<view class="form-grid">
+ <!-- 鏀归�犲悗鐨勬皯鏃忛�夋嫨 -->
<view class="form-item">
<text class="item-label">姘戞棌</text>
- <u-input
- v-model="form.nation"
- placeholder="璇烽�夋嫨姘戞棌"
- readonly
- border="none"
- @click="showNationPicker = true"
+ <picker
+ mode="selector"
+ :range="nationLabels"
+ :value="nationIndex"
+ @change="onNationChange"
>
- <template #suffix>
- <u-icon name="arrow-down" color="#86868b"></u-icon>
- </template>
- </u-input>
+ <view class="picker">
+ <text>{{ currentNation }}</text>
+ <text class="icon-arrow">鈥�</text>
+ </view>
+ </picker>
</view>
<view class="form-item">
<text class="item-label">鍥界睄</text>
<u-input
+ type="text"
v-model="form.nationality"
placeholder="璇疯緭鍏ュ浗绫�"
- border="none"
+ class="custom-input"
/>
</view>
+ <!-- 鏀归�犲悗鐨勮瘉浠剁被鍨嬮�夋嫨 -->
<view class="form-item">
<text class="item-label">璇佷欢绫诲瀷</text>
- <u-input
- v-model="form.idcardtype"
- placeholder="璇烽�夋嫨璇佷欢绫诲瀷"
- readonly
- border="none"
- @click="showIdCardTypePicker = true"
+ <picker
+ mode="selector"
+ :range="idCardTypeLabels"
+ :value="idCardTypeIndex"
+ @change="onIdCardTypeChange"
>
- <template #suffix>
- <u-icon name="arrow-down" color="#86868b"></u-icon>
- </template>
- </u-input>
+ <view class="picker">
+ <text>{{ currentIdCardType }}</text>
+ <text class="icon-arrow">鈥�</text>
+ </view>
+ </picker>
</view>
<view class="form-item">
<text class="item-label required">璇佷欢鍙风爜</text>
<u-input
+ type="idcard"
v-model="form.idcardno"
placeholder="璇疯緭鍏ヨ瘉浠跺彿鐮�"
- border="none"
- :customStyle="inputStyle(!form.idcardno)"
- @blur="validateIdCard"
+ maxlength="18"
+ class="custom-input"
+ @blur="onIdCardChange"
/>
+ <text class="error-text" v-if="idCardError">{{
+ idCardError
+ }}</text>
</view>
+ <!-- 鏀归�犲悗鐨勬�у埆閫夋嫨 -->
<view class="form-item">
<text class="item-label">鎬у埆</text>
- <view class="radio-group">
+ <view class="radio-options">
<view
v-for="gender in genderOptions"
:key="gender.value"
- class="radio-item"
+ class="option-item"
+ :class="{ active: form.sex === gender.value }"
@click="form.sex = gender.value"
>
- <view
- class="radio-dot"
- :class="{ active: form.sex === gender.value }"
- ></view>
- <text class="radio-label">{{ gender.label }}</text>
+ <text class="radio-dot"></text>
+ <text class="option-label">{{ gender.label }}</text>
</view>
</view>
</view>
+ <!-- 鏀归�犲悗鐨勫嚭鐢熸棩鏈熼�夋嫨 -->
<view class="form-item">
<text class="item-label">鍑虹敓鏃ユ湡</text>
- <u-input
- v-model="form.birthday"
- placeholder="閫夋嫨鍑虹敓鏃ユ湡"
- readonly
- border="none"
- @click="showDatePicker = true"
+ <picker
+ mode="date"
+ :value="form.birthday"
+ @change="onBirthdayChange"
>
- <template #suffix>
- <u-icon name="arrow-down" color="#86868b"></u-icon>
- </template>
- </u-input>
+ <view class="picker">
+ <text>{{ form.birthday || "閫夋嫨鍑虹敓鏃ユ湡" }}</text>
+ <text class="icon-arrow">鈥�</text>
+ </view>
+ </picker>
</view>
<view class="form-item">
<text class="item-label">骞撮緞</text>
<u-input
- v-model="form.age"
+ v-model="ageDisplay"
placeholder="鑷姩璁＄畻"
disabled
:disabledColor="disabledColor"
@@ -184,6 +188,14 @@
border="none"
/>
</view>
+ <view class="form-item">
+ <text class="item-label">GCS璇勫垎</text>
+ <u-input
+ v-model="form.gcsScore"
+ placeholder="璇疯緭鍏CS璇勫垎"
+ border="none"
+ />
+ </view>
<view class="form-item full-width">
<text class="item-label required">鐤剧梾璇婃柇</text>
@@ -195,7 +207,23 @@
:customStyle="textareaStyle(!form.diagnosisname)"
/>
</view>
-
+ <view class="form-item">
+ <text class="item-label">鏄惁闇�瑕佽浆杩�</text>
+ <view class="radio-group horizontal">
+ <view
+ v-for="bloodType in isTransportOptions"
+ :key="bloodType.value"
+ class="radio-item"
+ @click="form.isTransport = bloodType.value"
+ >
+ <view
+ class="radio-dot"
+ :class="{ active: form.isTransport === bloodType.value }"
+ ></view>
+ <text class="radio-label">{{ bloodType.label }}</text>
+ </view>
+ </view>
+ </view>
<view class="form-item">
<text class="item-label">琛�鍨�</text>
<view class="radio-group horizontal">
@@ -203,15 +231,46 @@
v-for="bloodType in bloodTypeOptions"
:key="bloodType.value"
class="radio-item"
- @click="form.bloodtype = bloodType.value"
+ @click="form.bloodType = bloodType.value"
>
<view
class="radio-dot"
- :class="{ active: form.bloodtype === bloodType.value }"
+ :class="{ active: form.bloodType === bloodType.value }"
></view>
<text class="radio-label">{{ bloodType.label }}</text>
</view>
</view>
+ </view>
+ <view class="form-item full-width">
+ <text class="item-label">浼犳煋鐥�</text>
+ <view class="checkbox-group single-line">
+ <view
+ v-for="disease in infectiousDiseaselist"
+ :key="disease.value"
+ class="checkbox-item"
+ @click="toggleInfectious(disease.value)"
+ >
+ <view
+ class="checkbox-box"
+ :class="{ active: isInfectiousSelected(disease.value) }"
+ >
+ <text
+ v-if="isInfectiousSelected(disease.value)"
+ class="checkbox-check"
+ >鉁�</text
+ >
+ </view>
+ <text class="checkbox-label">{{ disease.label }}</text>
+ </view>
+ </view>
+ </view>
+ <view class="form-item full-width"">
+ <text class="item-label">鍏朵粬</text>
+ <u-input
+ v-model="form.infectiousOther"
+ placeholder="璇疯緭鍏ュ叾浠栦紶鏌撶梾"
+ border="none"
+ />
</view>
<view class="form-item">
@@ -221,11 +280,11 @@
v-for="rh in rhOptions"
:key="rh.value"
class="radio-item"
- @click="form.rhyin = rh.value"
+ @click="form.rhYin = rh.value"
>
<view
class="radio-dot"
- :class="{ active: form.rhyin === rh.value }"
+ :class="{ active: form.rhYin === rh.value }"
></view>
<text class="radio-label">{{ rh.label }}</text>
</view>
@@ -243,9 +302,9 @@
<view class="form-grid">
<view class="form-item">
- <text class="item-label">淇℃伅鍛�</text>
+ <text class="item-label">涓婃姤淇℃伅鍛�</text>
<u-input
- v-model="form.infoname"
+ v-model="form.infoName"
placeholder="璇疯緭鍏ヤ俊鎭憳"
border="none"
/>
@@ -254,14 +313,14 @@
<view class="form-item">
<text class="item-label">鑱旂郴鐢佃瘽</text>
<u-input
- v-model="form.infophone"
+ v-model="form.phone"
placeholder="璇疯緭鍏ヨ仈绯荤數璇�"
type="number"
border="none"
/>
</view>
- <view class="form-item">
+ <!-- <view class="form-item">
<text class="item-label">鎶ュ憡浜�</text>
<u-input
v-model="form.reporterno"
@@ -274,7 +333,7 @@
<u-icon name="arrow-down" color="#86868b"></u-icon>
</template>
</u-input>
- </view>
+ </view> -->
<view class="form-item">
<text class="item-label">鎶ュ憡鏃堕棿</text>
@@ -290,13 +349,15 @@
<!-- 鎿嶄綔鎸夐挳 -->
<view class="action-buttons">
+ <u-button class="btn secondary" @click="handleCancel">鍙栨秷</u-button>
<u-button class="btn secondary" @click="resetForm">閲嶇疆琛ㄥ崟</u-button>
<u-button
class="btn primary"
- :disabled="!isFormValid"
- @click="submitForm"
- >鎻愪氦涓婃姤</u-button
+ :disabled="!isFormValid || loading"
+ @click="handleSubmit"
>
+ {{ loading ? "鎻愪氦涓�..." : isEditMode ? "淇濆瓨淇敼" : "鎻愪氦涓婃姤" }}
+ </u-button>
</view>
<attachment-upload
ref="attachment"
@@ -342,14 +403,14 @@
></u-picker>
<!-- 璇佷欢绫诲瀷閫夋嫨鍣� -->
- <u-picker
+ <!-- <u-picker
:show="showIdCardTypePicker"
:columns="[idCardTypeOptions]"
keyName="label"
@confirm="onIdCardTypeConfirm"
@cancel="showIdCardTypePicker = false"
title="璇烽�夋嫨璇佷欢绫诲瀷"
- ></u-picker>
+ ></u-picker> -->
<!-- 鏃ユ湡閫夋嫨鍣� -->
<u-datetime-picker
@@ -377,15 +438,25 @@
</template>
<script setup>
-import { ref, computed, onMounted } from "vue";
+import { ref, computed, onMounted, watch } from "vue";
import { onLoad } from "@dcloudio/uni-app";
import attachmentUpload from "@/components/attachment";
import { useUserStore } from "@/stores/user";
+import { useDict } from "@/utils/dict";
+
+const dict = ref({});
+const userStore = useUserStore();
+const isEditMode = ref(false);
+const currentId = ref(null);
+const selectedInfectious = ref([]); // 瀛樺偍閫変腑鐨勪紶鏌撶梾鍊兼暟缁�
// 琛ㄥ崟鏁版嵁
const form = ref({
- donorno: "",
- treatmenthospitalno: "",
+ caseNo: "",
+ treatmenthospitalname: userStore.userInfo.user.orgName,
+ toHospital: userStore.userInfo.user.orgName,
+ coordinatorName: userStore.userInfo.user.coordinatorName,
+ coordinatorNo: userStore.userInfo.user.coordinatorNo,
treatmentdeptname: "",
name: "",
nation: "",
@@ -395,19 +466,53 @@
sex: "",
birthday: "",
age: "",
+ ageunit: "", // 鏂板锛氬勾榫勫崟浣�
inpatientno: "",
diagnosisname: "",
- bloodtype: "",
- rhyin: "",
- infoname: "",
- infophone: "",
- reporterno: "",
+ bloodType: "",
+ rhYin: "",
+ infoName: userStore.userInfo.user.nickName,
+ phone: userStore.userInfo.user.phonenumber,
+ reportername: userStore.name || "",
+ reporterno: userStore.userId || "",
+ reporterphone: "", // 鎶ュ憡鑰呰仈绯荤數璇�
reporttime: "",
+ contactperson: "", // 鏂板锛氳仈绯讳汉锛堝崗璋冨憳锛�
+ education: "", // 鏂板锛氬鍘�
+ illnessoverview: "", // 鏂板锛氱梾鎯呮鍐�
+ infectious: "", // 浼犳煋鐥呮儏鍐�
+ infectiousOther: "", // 浼犳煋鐥呭叾浠�
+ isTransport: "1", // 鏂板锛氭槸鍚﹂渶瑕佽浆杩愶紝榛樿1涓嶉渶瑕�
+ nativeplace: "", // 鏂板锛氱睄璐�
+ occupation: "", // 鏂板锛氳亴涓�
+ patientstate: "", // 鏂板锛氱梾浜虹姸鍐�
+ registeraddress: "", // 鏂板锛氭埛绫嶅湴鍧�
+ registerprovince: "", // 鏂板锛氭埛绫嶅湴鍧�鐪佺紪鍙�
+ registerprovincename: "", // 鏂板锛氭埛绫嶅湴鍧�鐪佸悕绉�
+ registercityname: "", // 鏂板锛氬競鍚嶇О
+ registertownname: "", // 鏂板锛氭墍灞炶閬擄紙闀囷級鍚嶇О
+ registercommunityname: "", // 鏂板锛氱ぞ鍖猴紙鏉戯級鍚嶇О
+ residenceaddress: "", // 鏂板锛氱幇浣忓湴鍧�
+ residenceprovince: "", // 鏂板锛氱幇浣忓湴鍧�鐪佷唬鐮�
+ residenceprovincename: "", // 鏂板锛氱幇浣忓湴鍧�鐪佸悕绉�
+ residencecountycode: "", // 鏂板锛氭墍灞炲尯鍩熺紪鍙�
+ residencecountyname: "", // 鏂板锛氭墍灞炲尯鍩熷悕绉�
+ residencetownname: "", // 鏂板锛氭墍灞炶閬擄紙闀囷級鍚嶇О
+ residencecommunity: "", // 鏂板锛氱ぞ鍖猴紙鏉戯級缂栧彿
+ residencecommunityname: "", // 鏂板锛氱ぞ鍖猴紙鏉戯級鍚嶇О
+ remark: "", // 鏂板锛氬娉�
+ reportStatus: "1", // 鏂板锛氫笂鎶ョ姸鎬侊紝榛樿1宸蹭笂鎶�
+ terminationCase: 0, // 鏂板锛氭槸鍚︾粓姝㈡渚嬶紝榛樿0寮�鍚�
+ annexfilesList: [], // 闄勪欢鏂囦欢鍦板潃闆嗗悎
});
// 閫夋嫨鍣ㄧ姸鎬�
const attachments = ref([]);
+const infectiousDiseaselist = ref([]);
+const nationLabel = ref([]);
+
const isReadonly = ref(false);
+const id = ref(null);
const selectShow = ref(false);
const showHospitalPicker = ref(false);
const showNationPicker = ref(false);
@@ -456,15 +561,18 @@
]);
const bloodTypeOptions = ref([
- { label: "A鍨�", value: "A" },
- { label: "B鍨�", value: "B" },
- { label: "O鍨�", value: "O" },
- { label: "AB鍨�", value: "AB" },
+ { label: "A鍨�", value: "A鍨�" },
+ { label: "B鍨�", value: "B鍨�" },
+ { label: "O鍨�", value: "O鍨�" },
+ { label: "AB鍨�", value: "AB鍨�" },
]);
-
+const isTransportOptions = ref([
+ { label: "闇�瑕�", value: "2" },
+ { label: "涓嶉渶瑕�", value: "1" },
+]);
const rhOptions = ref([
- { label: "闃虫��", value: "positive" },
- { label: "闃存��", value: "negative" },
+ { label: "闃虫��", value: "1" },
+ { label: "闃存��", value: "0" },
]);
const reporterOptions = ref([
@@ -479,14 +587,244 @@
// 璁＄畻灞炴��
const isFormValid = computed(() => {
- return form.value.name && form.value.idcardno && form.value.diagnosisname;
+ return (
+ form.value.name &&
+ form.value.idcardno &&
+ form.value.diagnosisname &&
+ form.value.toHospital
+ );
+});
+// 閫夋嫨鍣ㄧ储寮�
+const hospitalIndex = ref(-1);
+const deptIndex = ref(-1);
+const nationIndex = ref(-1);
+const idCardTypeIndex = ref(-1);
+
+// 璁＄畻灞炴�� - 鏍囩鏁扮粍
+const hospitalLabels = computed(() =>
+ hospitalOptions.value.map((item) => item.label),
+);
+const ageDisplay = computed(() => {
+ if (!form.value.age || !form.value.ageunit) {
+ return "鑷姩璁＄畻";
+ }
+ return `${form.value.age}${form.value.ageunit}`;
+});
+const deptLabels = computed(() => {
+ return pickerColumns.value[0].map((item) => item.label);
+});
+const nationLabels = computed(() =>
+ nationLabel.value.map((item) => item.label),
+);
+const idCardTypeLabels = computed(() =>
+ idCardTypeOptions.value.map((item) => item.label),
+);
+
+// 璁＄畻灞炴�� - 褰撳墠閫変腑鏄剧ず鏂囨湰
+const currentHospital = computed(() => {
+ return hospitalIndex.value >= 0
+ ? hospitalLabels.value[hospitalIndex.value]
+ : "璇烽�夋嫨鍖荤枟鏈烘瀯";
});
-// 鏍峰紡鏂规硶
-const inputStyle = (isError) => {
- return isError
- ? "border: 2rpx solid #ff4757; border-radius: 12rpx;"
- : "border: 2rpx solid #e5e5e7; border-radius: 12rpx;";
+const currentDept = computed(() => {
+ return deptIndex.value >= 0
+ ? deptLabels.value[deptIndex.value]
+ : "璇烽�夋嫨绉戝";
+});
+
+const currentNation = computed(() => {
+ return nationIndex.value >= 0
+ ? nationLabels.value[nationIndex.value]
+ : (form.value.nation?form.value.nation:"璇烽�夋嫨璇佷欢绫诲瀷");
+});
+
+const currentIdCardType = computed(() => {
+ return idCardTypeIndex.value >= 0
+ ? idCardTypeLabels.value[idCardTypeIndex.value]
+ : "璇烽�夋嫨璇佷欢绫诲瀷";
+});
+
+const onNationChange = (e) => {
+ const index = parseInt(e.detail.value);
+ nationIndex.value = index;
+ form.value.nation = nationOptions.value[index].label;
+ console.log(form.value.nation, "form.value.nation");
+};
+
+const onIdCardTypeChange = (e) => {
+ const index = parseInt(e.detail.value);
+ idCardTypeIndex.value = index;
+ form.value.idcardtype = idCardTypeOptions.value[index].value;
+ console.log(form.value.idcardtype, "form.value.idcardtype");
+};
+
+const onBirthdayChange = (e) => {
+ form.value.birthday = e.detail.value;
+ calculateAge();
+};
+const onDateConfirm = (e) => {
+ const date = new Date(e.value);
+
+ // 鏍煎紡鍖栨棩鏈熶负 YYYY-MM-DD
+ form.value.birthday = `${date.getFullYear()}-${(date.getMonth() + 1)
+ .toString()
+ .padStart(2, "0")}-${date.getDate().toString().padStart(2, "0")}`;
+
+ calculateAge();
+ showDatePicker.value = false;
+};
+
+// 韬唤璇侀獙璇�
+const idCardError = ref("");
+const validateIdCard = () => {
+ const idCard = form.value.idcardno;
+ console.log(idCard, "褰撳墠杈撳叆");
+
+ if (!idCard) {
+ idCardError.value = "璇疯緭鍏ヨ瘉浠跺彿鐮�";
+ return false;
+ }
+
+ if (idCard.length !== 18) {
+ idCardError.value = "韬唤璇佸彿鐮佸繀椤绘槸18浣�";
+ return false;
+ }
+ console.log(1);
+
+ // 楠岃瘉鍓�17浣嶅繀椤绘槸鏁板瓧
+ const reg = /^\d{17}(\d|X|x)$/;
+ if (!reg.test(idCard)) {
+ idCardError.value = "韬唤璇佸彿鐮佹牸寮忎笉姝ｇ‘";
+ return false;
+ }
+ console.log(2);
+
+ // 楠岃瘉鍑虹敓鏃ユ湡
+ const birthStr = idCard.substring(6, 14);
+ const year = birthStr.substring(0, 4);
+ const month = birthStr.substring(4, 6);
+ const day = birthStr.substring(6, 8);
+
+ const birthDate = new Date(`${year}-${month}-${day}`);
+ if (isNaN(birthDate.getTime())) {
+ idCardError.value = "韬唤璇佸彿鐮佷腑鐨勫嚭鐢熸棩鏈熸棤鏁�";
+ return false;
+ }
+ console.log(3);
+
+ // 楠岃瘉鏃ユ湡鑼冨洿锛�1900骞磋嚦浠婏級
+ const currentYear = new Date().getFullYear();
+ const birthYear = parseInt(year, 10);
+ if (birthYear < 1900 || birthYear > currentYear) {
+ idCardError.value = "鍑虹敓骞翠唤涓嶅湪鏈夋晥鑼冨洿鍐�";
+ return false;
+ }
+ console.log(4);
+
+ // 楠岃瘉鏍￠獙鐮侊紙绗�18浣嶏級
+ if (!validateIdCardCheckCode(idCard)) {
+ idCardError.value = "韬唤璇佸彿鐮佹牎楠屽け璐�";
+ return false;
+ }
+ console.log(5);
+
+ idCardError.value = "";
+ return true;
+};
+// 韬唤璇佸彿鍙樺寲澶勭悊
+const onIdCardChange = (value) => {
+ // 楠岃瘉韬唤璇佹牸寮�
+ if (validateIdCard()) {
+ // 灏濊瘯鎻愬彇鍑虹敓鏃ユ湡
+ extractBirthdayFromIdCard();
+ }
+};
+// 韬唤璇佹牎楠岀爜楠岃瘉鍑芥暟
+const validateIdCardCheckCode = (idCard) => {
+ // 绯绘暟鏁扮粍
+ const coefficientArray = [
+ 7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2,
+ ];
+ // 鏍￠獙鐮佸搴斿��
+ const checkCodeMap = ["1", "0", "X", "9", "8", "7", "6", "5", "4", "3", "2"];
+
+ let sum = 0;
+ for (let i = 0; i < 17; i++) {
+ sum += parseInt(idCard.charAt(i), 10) * coefficientArray[i];
+ }
+
+ const checkCode = checkCodeMap[sum % 11];
+ return checkCode === idCard.charAt(17).toUpperCase();
+};
+// 浠庤韩浠借瘉鍙锋彁鍙栧嚭鐢熸棩鏈�
+const extractBirthdayFromIdCard = () => {
+ const idCard = form.value.idcardno;
+
+ if (!idCard || idCard.length !== 18) {
+ return;
+ }
+
+ try {
+ // 鎻愬彇鍑虹敓鏃ユ湡閮ㄥ垎锛堢7-14浣嶏細YYYYMMDD锛�
+ const birthStr = idCard.substring(6, 14);
+ const year = birthStr.substring(0, 4);
+ const month = birthStr.substring(4, 6);
+ const day = birthStr.substring(6, 8);
+
+ // 楠岃瘉鏃ユ湡鏄惁鏈夋晥
+ const birthDate = new Date(`${year}-${month}-${day}`);
+ if (isNaN(birthDate.getTime())) {
+ console.log("韬唤璇佸彿鐮佷腑鐨勫嚭鐢熸棩鏈熸棤鏁�");
+ return;
+ }
+
+ // 楠岃瘉鏃ユ湡鑼冨洿锛堜笉鑳芥槸鏈潵鏃ユ湡锛�
+ const today = new Date();
+ if (birthDate > today) {
+ console.log("鍑虹敓鏃ユ湡涓嶈兘鏄湭鏉ユ棩鏈�");
+ return;
+ }
+
+ // 楠岃瘉鏈堜唤鍜屾棩鏈熸槸鍚﹀悎鐞�
+ const monthNum = parseInt(month, 10);
+ const dayNum = parseInt(day, 10);
+
+ if (monthNum < 1 || monthNum > 12) {
+ console.log("鏈堜唤鏃犳晥");
+ return;
+ }
+
+ // 妫�鏌ユ棩鏈熸槸鍚︽湁鏁堬紙绠�鍗曢獙璇侊級
+ const daysInMonth = new Date(year, monthNum, 0).getDate();
+ if (dayNum < 1 || dayNum > daysInMonth) {
+ console.log("鏃ユ湡鏃犳晥");
+ return;
+ }
+
+ // 璁剧疆鍑虹敓鏃ユ湡
+ form.value.birthday = `${year}-${month.padStart(2, "0")}-${day.padStart(
+ 2,
+ "0",
+ )}`;
+
+ // 璁＄畻骞撮緞
+ calculateAge();
+
+ // 浠庤韩浠借瘉鎻愬彇鎬у埆锛堢17浣嶏紝濂囨暟涓虹敺锛屽伓鏁颁负濂筹級
+ const genderCode = parseInt(idCard.charAt(16), 10);
+ if (!isNaN(genderCode)) {
+ form.value.sex = genderCode % 2 === 1 ? "1" : "2";
+ }
+
+ uni.showToast({
+ title: "宸茶嚜鍔ㄦ彁鍙栧嚭鐢熸棩鏈熷拰鎬у埆",
+ icon: "success",
+ duration: 1500,
+ });
+ } catch (error) {
+ console.error("瑙ｆ瀽韬唤璇佸嚭鐢熸棩鏈熷け璐�:", error);
+ }
};
const textareaStyle = (isError) => {
@@ -497,75 +835,186 @@
// 鐢熷懡鍛ㄦ湡
onMounted(() => {
- updateCurrentTime();
- generateDonorNo();
+ // updateCurrentTime();
+ // generateDonorNo();
setInterval(updateCurrentTime, 1000);
});
-onLoad((options) => {
- if (options.edit && options.id) {
- loadCaseData(options.id);
+onLoad(async (options) => {
+ id.value = options.id;
+ if (options.id) {
+ currentId.value = options.id;
+ isEditMode.value = true;
+ await loadCaseData(options.id);
+ } else {
+ isEditMode.value = false;
+ generateDonorNo();
}
+ // 鑾峰彇瀛楀吀鏁版嵁
+ dict.value = await useDict(
+ "sys_IDType",
+ "sys_user_sex",
+ "sys_Nation",
+ "sys_BloodType",
+ "sys_Infectious",
+ "sys_AgeUnit", // 鏂板骞撮緞鍗曚綅
+ "sys_education", // 鏂板瀛﹀巻
+ "sys_occupation", // 鏂板鑱屼笟
+ );
+ initOptions();
+ updateCurrentTime();
});
+// 鍒濆鍖栭�夐」鏁版嵁鐨勬柟娉�
+const initOptions = () => {
+ infectiousDiseaselist.value = dict.value.sys_Infectious || [];
+ idCardTypeOptions.value = dict.value.sys_IDType || [];
+ nationLabel.value = dict.value.sys_Nation || [];
+
+ // 鍒濆鍖栦紶鏌撶梾閫夋嫨鐘舵��
+ if (form.value.infectious) {
+ // 灏嗛�楀彿鍒嗛殧鐨勫瓧绗︿覆杞崲涓烘暟缁�
+ selectedInfectious.value = form.value.infectious
+ .split(",")
+ .filter((item) => item.trim() !== "");
+ }
+};
+// 鍒囨崲浼犳煋鐥呴�夋嫨
+const toggleInfectious = (value) => {
+ const index = selectedInfectious.value.indexOf(value);
+
+ if (index === -1) {
+ // 娣诲姞閫変腑
+ selectedInfectious.value.push(value);
+ } else {
+ // 绉婚櫎閫変腑
+ selectedInfectious.value.splice(index, 1);
+ }
+
+ // 鏇存柊琛ㄥ崟鐨� infectious 瀛楁锛堥�楀彿鍒嗛殧鐨勫瓧绗︿覆锛�
+ form.value.infectious = selectedInfectious.value.join(",");
+};
+// 妫�鏌ヤ紶鏌撶梾鏄惁琚�変腑
+const isInfectiousSelected = (value) => {
+ return selectedInfectious.value.includes(value);
+};
// 鏂规硶瀹氫箟
const updateCurrentTime = () => {
const now = new Date();
- currentTime.value = now.toLocaleString("zh-CN", {
+ // 鍏堣幏鍙栨牸寮忓寲鐨勫瓧绗︿覆锛岀劧鍚庢浛鎹㈠垎闅旂鍜岃皟鏁撮『搴�
+ const localString = now.toLocaleString("zh-CN", {
year: "numeric",
month: "2-digit",
day: "2-digit",
hour: "2-digit",
minute: "2-digit",
+ second: "2-digit",
+ hour12: false,
});
+ // 灏� "yyyy/mm/dd hh:mm:ss" 杞崲涓� "yyyy-mm-dd hh:mm:ss"
+ currentTime.value = localString.replace(/\//g, "-");
form.value.reporttime = currentTime.value;
};
const generateDonorNo = () => {
const date = new Date();
const timestamp = date.getTime().toString().slice(-6);
- form.value.donorno = `DON${date.getFullYear()}${(date.getMonth() + 1)
- .toString()
- .padStart(2, "0")}${timestamp}`;
+ // form.value.caseNo = `DON${date.getFullYear()}${(date.getMonth() + 1)
+ // .toString()
+ // .padStart(2, "0")}${timestamp}`;
};
const calculateAge = () => {
- if (!form.value.birthday) return;
+ if (!form.value.birthday) {
+ form.value.age = "";
+ form.value.ageunit = "";
+ return;
+ }
+
const birthDate = new Date(form.value.birthday);
const today = new Date();
- let age = today.getFullYear() - birthDate.getFullYear();
- const monthDiff = today.getMonth() - birthDate.getMonth();
- if (
- monthDiff < 0 ||
- (monthDiff === 0 && today.getDate() < birthDate.getDate())
- ) {
- age--;
+ // 妫�鏌ユ棩鏈熸湁鏁堟��
+ if (isNaN(birthDate.getTime())) {
+ form.value.age = "";
+ form.value.ageunit = "";
+ return;
}
- form.value.age = age.toString();
-};
-const validateIdCard = () => {
- if (form.value.idcardno && form.value.idcardno.length !== 18) {
+ // 妫�鏌ユ槸鍚︿负鏈潵鏃ユ湡
+ if (birthDate > today) {
uni.showToast({
- title: "璇疯緭鍏�18浣嶈韩浠借瘉鍙风爜",
+ title: "鍑虹敓鏃ユ湡涓嶈兘鏄湭鏉ユ棩鏈�",
icon: "none",
});
+ form.value.age = "";
+ form.value.ageunit = "";
+ return;
}
+
+ // 璁＄畻鎬诲ぉ鏁板樊
+ const timeDiff = today.getTime() - birthDate.getTime();
+ const daysDiff = Math.floor(timeDiff / (1000 * 60 * 60 * 24));
+
+ if (daysDiff < 0) {
+ // 鏈潵鏃ユ湡澶勭悊
+ form.value.age = "";
+ form.value.ageunit = "";
+ return;
+ }
+
+ // 璁＄畻骞淬�佹湀銆佹棩
+ const years = today.getFullYear() - birthDate.getFullYear();
+ const months = today.getMonth() - birthDate.getMonth();
+ const days = today.getDate() - birthDate.getDate();
+
+ let ageValue, ageUnit;
+
+ if (years >= 1) {
+ // 澶т簬绛変簬1骞达細鏄剧ず骞�
+ let actualYears = years;
+
+ // 澶勭悊鏈堜唤鍜屾棩鏈熺殑杈圭晫鎯呭喌
+ if (months < 0 || (months === 0 && days < 0)) {
+ actualYears = years - 1;
+ }
+
+ ageValue = actualYears.toString();
+ ageUnit = "宀�";
+ } else if (daysDiff >= 30) {
+ // 澶т簬绛変簬30澶╋細鏄剧ず鏈�
+ let totalMonths = years * 12 + months;
+ if (days < 0) {
+ totalMonths--;
+ }
+ ageValue = Math.max(1, totalMonths).toString(); // 纭繚鑷冲皯1涓湀
+ ageUnit = "涓湀";
+ } else {
+ // 灏忎簬30澶╋細鏄剧ず澶�
+ ageValue = Math.max(1, daysDiff).toString(); // 纭繚鑷冲皯1澶�
+ ageUnit = "澶�";
+ }
+
+ form.value.age = ageValue;
+ form.value.ageunit = ageUnit;
};
+
// 澶勭悊鍩虹闄勪欢涓婁紶
const handleBaseUpload = (file) => {
console.log("鍩虹闄勪欢涓婁紶鎴愬姛:", file);
+ attachments.value.push(file);
};
// 澶勭悊鍏朵粬闄勪欢涓婁紶
const handleFilesUpdate = (files) => {
- formData.attachments = files.map((file) => ({
+ console.log(files, "files");
+
+ attachments.value = files.map((file) => ({
...file,
// 纭繚鍙瓨鍌ㄥ崐璺緞
- url: file.url.startsWith("http")
- ? file.url.replace(baseUrlHt, "")
- : file.url,
+ // url: file.url.startsWith("http")
+ // ? file.url.replace(baseUrlHt, "")
+ // : file.url,
}));
};
@@ -577,12 +1026,12 @@
if (file.type.includes("image")) {
uni.previewImage({
- urls: formData.attachments
+ urls: attachments.value
.filter((f) => f.type.includes("image"))
.map((f) =>
f.url.startsWith("http")
? f.url
- : baseUrlHt + (f.url.startsWith("/") ? "" : "/") + f.url
+ : baseUrlHt + (f.url.startsWith("/") ? "" : "/") + f.url,
),
current: fullUrl,
});
@@ -614,8 +1063,10 @@
};
const onHospitalConfirm = (e) => {
+ console.log(e, "姘戞棌");
+
if (e.value && e.value[0]) {
- form.value.treatmenthospitalno = e.value[0].label;
+ form.value.treatmenthospitalname = e.value[0].label;
}
showHospitalPicker.value = false;
};
@@ -629,19 +1080,19 @@
const onIdCardTypeConfirm = (e) => {
if (e.value && e.value[0]) {
- form.value.idcardtype = e.value[0].label;
+ form.value.idcardtype = e.value[0].value;
}
showIdCardTypePicker.value = false;
};
-const onDateConfirm = (e) => {
- const date = new Date(e.value);
- form.value.birthday = `${date.getFullYear()}-${(date.getMonth() + 1)
- .toString()
- .padStart(2, "0")}-${date.getDate().toString().padStart(2, "0")}`;
- calculateAge();
- showDatePicker.value = false;
-};
+// const onDateConfirm = (e) => {
+// const date = new Date(e.value);
+// form.value.birthday = `${date.getFullYear()}-${(date.getMonth() + 1)
+// .toString()
+// .padStart(2, "0")}-${date.getDate().toString().padStart(2, "0")}`;
+// calculateAge();
+// showDatePicker.value = false;
+// };
const onReporterConfirm = (e) => {
if (e.value && e.value[0]) {
@@ -661,19 +1112,37 @@
success: (res) => {
if (res.confirm) {
Object.keys(form.value).forEach((key) => {
- if (key !== "donorno") {
+ if (!["id", "caseNo"].includes(key)) {
form.value[key] = "";
}
});
+
+ // 閲嶇疆閫夋嫨鍣ㄧ储寮�
+ hospitalIndex.value = -1;
+ deptIndex.value = -1;
+ nationIndex.value = -1;
+ idCardTypeIndex.value = -1;
+ // 閲嶇疆浼犳煋鐥呴�夋嫨
+ selectedInfectious.value = [];
+
+ // 閲嶇疆闄勪欢
+ attachments.value = [];
form.value.nationality = "涓浗";
- generateDonorNo();
+ form.value.isTransport = "1";
+ form.value.terminationCase = 0;
+ form.value.reportStatus = "1";
+
+ if (!isEditMode.value) {
+ generateDonorNo();
+ }
+
uni.showToast({ title: "琛ㄥ崟宸查噸缃�", icon: "success" });
}
},
});
};
-const submitForm = async () => {
+const handleSubmit = async () => {
if (!isFormValid.value) {
uni.showToast({
title: "璇峰～鍐欏鍚嶃�佽瘉浠跺彿鐮佸拰鐤剧梾璇婃柇",
@@ -682,52 +1151,116 @@
return;
}
- loading.value = true;
-
try {
- await new Promise((resolve) => setTimeout(resolve, 1500));
+ uni.showLoading({ title: isEditMode.value ? "淇敼涓�..." : "鎻愪氦涓�..." });
+ // 鍑嗗鎻愪氦鏁版嵁
+ const submitData = {
+ ...form.value,
+ age: parseInt(form.value.age) || 0,
+ annexfilesList: attachments.value.map((file) => ({
+ path: file.url,
+ fileName: file.name,
+ type: file.type,
+ })),
+ isTransport: form.value.isTransport || "1",
+ terminationCase: form.value.terminationCase || 0,
+ reportStatus: form.value.reportStatus || "1",
+ };
- uni.showToast({
- title: "涓婃姤鎴愬姛",
- icon: "success",
- });
+ let res;
+ if (isEditMode.value) {
+ // 淇敼鎺ュ彛
+ res = await uni.$uapi.post(
+ "/project/donatebaseinforeport/edit",
+ submitData,
+ );
+ } else {
+ // 鏂板鎺ュ彛
+ res = await uni.$uapi.post(
+ "/project/donatebaseinforeport/add",
+ submitData,
+ );
+ }
- setTimeout(() => {
- uni.navigateBack();
- }, 1500);
+ uni.hideLoading();
+
+ if (res.code === 200) {
+ uni.showToast({
+ title: isEditMode.value ? "淇敼鎴愬姛" : "涓婃姤鎴愬姛",
+ icon: "success",
+ });
+
+ // 娓呯┖鏈湴瀛樺偍鐨勮崏绋�
+ removeDraft();
+
+ setTimeout(() => {
+ uni.navigateBack();
+ }, 1500);
+ } else {
+ throw new Error(res.msg || "鎿嶄綔澶辫触");
+ }
} catch (error) {
+ console.error("鎿嶄綔澶辫触:", error);
uni.showToast({
- title: "涓婃姤澶辫触锛岃閲嶈瘯",
+ title: error.message || (isEditMode.value ? "淇敼澶辫触" : "涓婃姤澶辫触"),
icon: "none",
});
} finally {
loading.value = false;
}
};
+const removeDraft = () => {
+ localStorage.removeItem("caseReportDraft");
+};
+// 鍙栨秷澶勭悊
+const handleCancel = () => {
+ uni.navigateBack();
+};
-const loadCaseData = (id) => {
- // 妯℃嫙鍔犺浇缂栬緫鏁版嵁
- form.value = {
- donorno: "DON20241216001",
- treatmenthospitalno: "闈掑矝闀滄箹鍖婚櫌",
- treatmentdeptname: "绁炵粡澶栫",
- name: "寮犱笁",
- nation: "姹夋棌",
- nationality: "涓浗",
- idcardtype: "灞呮皯韬唤璇�",
- idcardno: "370203198510123456",
- sex: "1",
- birthday: "1985-10-12",
- age: "38",
- inpatientno: "ZY20241216001",
- diagnosisname: "鑴戝浼ゅ鑷磋剳姝讳骸",
- bloodtype: "A",
- rhyin: "positive",
- infoname: "鏉庡尰鐢�",
- infophone: "13800138000",
- reporterno: "寮犲尰鐢�",
- reporttime: currentTime.value,
- };
+const loadCaseData = async (id) => {
+ try {
+ loading.value = true;
+ const res = await uni.$uapi.get(
+ `/project/donatebaseinforeport/getInfo/${id}`,
+ );
+
+ if (res.code) {
+ form.value = res.data;
+ if (res.data.infectious) {
+ selectedInfectious.value = res.data.infectious
+ .split(",")
+ .filter((item) => item.trim() !== "");
+ }
+ currentNation.value=form.value.nation;
+ idCardTypeIndex.value=form.value.idcardtype;
+ // 澶勭悊閫夋嫨鍣ㄧ储寮�
+ // updatePickerIndexes();
+ // 澶勭悊闄勪欢
+ if (res.data.annexfilesList) {
+ attachments.value = res.data.annexfilesList;
+ attachments.value.forEach((item) => {
+ item.url = item.path;
+ item.name = item.fileName;
+ });
+ }
+ console.log(3, "res");
+
+ uni.showToast({
+ title: "鏁版嵁鍔犺浇鎴愬姛",
+ icon: "success",
+ });
+ } else {
+ throw new Error(res.msg || "鏁版嵁鍔犺浇澶辫触");
+ }
+ } catch (error) {
+ console.error("鍔犺浇妗堜緥鏁版嵁澶辫触:", error);
+ uni.showToast({
+ title: "鏁版嵁鍔犺浇澶辫触锛岃閲嶈瘯",
+ icon: "none",
+ });
+ } finally {
+ loading.value = false;
+ }
};
</script>
<style lang="scss" scoped>
@@ -863,6 +1396,16 @@
display: flex;
gap: 20rpx;
margin-top: 40rpx;
+ // background: #fff;
+ // padding: 20rpx 0;
+ // position: fixed;
+ // bottom: 0;
+ // left: 0;
+ // right: 0;
+ // padding: 20rpx 30rpx;
+ // padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
+ // box-shadow: 0 -2rpx 20rpx rgba(0, 0, 0, 0.08);
+ // z-index: 9;
}
.btn {
@@ -887,4 +1430,380 @@
}
}
}
+.case-report-container {
+ min-height: 100vh;
+ background: linear-gradient(135deg, #f8fdff 0%, #e8f7f6 100%);
+}
+
+.form-scroll {
+ height: 100vh;
+}
+
+.form-content {
+ padding: 30rpx;
+}
+
+.form-section {
+ background: #fff;
+ border-radius: 20rpx;
+ padding: 30rpx;
+ margin-bottom: 30rpx;
+ box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.06);
+}
+
+.section-header {
+ display: flex;
+ align-items: center;
+ margin-bottom: 30rpx;
+ padding-bottom: 20rpx;
+ border-bottom: 2rpx solid #f0f0f0;
+}
+
+.section-icon {
+ font-size: 32rpx;
+ margin-right: 16rpx;
+}
+
+.section-title {
+ font-size: 32rpx;
+ font-weight: 600;
+ color: #1d1d1f;
+}
+
+.form-grid {
+ display: flex;
+ flex-direction: column;
+ gap: 24rpx;
+}
+
+.form-item {
+ display: flex;
+ flex-direction: column;
+}
+
+.item-label {
+ font-size: 28rpx;
+ color: #1d1d1f;
+ font-weight: 500;
+ margin-bottom: 12rpx;
+
+ &.required::after {
+ content: "*";
+ color: #ff4757;
+ margin-left: 4rpx;
+ }
+}
+
+/* 鏀归�犲悗鐨勯�夋嫨鍣ㄦ牱寮� */
+.picker {
+ height: 88rpx;
+ background: #f5f5f7;
+ border-radius: 12rpx;
+ padding: 0 24rpx;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ border: 2rpx solid #e5e5e7;
+
+ text {
+ font-size: 28rpx;
+ color: #1d1d1f;
+
+ &.icon-arrow {
+ font-size: 32rpx;
+ color: #86868b;
+ transform: rotate(90deg);
+ }
+ }
+}
+
+.page-header {
+ padding: 30rpx 0;
+ text-align: center;
+ margin-bottom: 20rpx;
+}
+
+.page-title {
+ font-size: 36rpx;
+ font-weight: 600;
+ color: #1d1d1f;
+}
+
+/* 鍦ㄥ師鏈夋牱寮忓熀纭�涓婃坊鍔� */
+.form-section {
+ position: relative;
+}
+
+.edit-badge {
+ position: absolute;
+ top: 30rpx;
+ right: 30rpx;
+ background: #ff6b35;
+ color: white;
+ padding: 8rpx 16rpx;
+ border-radius: 20rpx;
+ font-size: 24rpx;
+}
+
+/* 鍔犺浇鐘舵�佹牱寮� */
+.loading-overlay {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: rgba(0, 0, 0, 0.5);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ z-index: 9999;
+}
+
+/* 鍝嶅簲寮忚皟鏁� */
+@media (max-width: 768px) {
+ .form-content {
+ padding: 20rpx;
+ }
+
+ .form-section {
+ padding: 20rpx;
+ }
+}
+
+/* 鏀归�犲悗鐨勫崟閫夋寜閽牱寮� */
+.radio-options {
+ display: flex;
+ gap: 40rpx;
+}
+
+.option-item {
+ display: flex;
+ align-items: center;
+ gap: 16rpx;
+
+ .radio-dot {
+ width: 32rpx;
+ height: 32rpx;
+ border: 2rpx solid #e5e5e7;
+ border-radius: 50%;
+ position: relative;
+ }
+
+ .option-label {
+ font-size: 28rpx;
+ color: #1d1d1f;
+ }
+
+ &.active {
+ .radio-dot {
+ border-color: #0f95b0;
+
+ &::after {
+ content: "";
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ width: 16rpx;
+ height: 16rpx;
+ background: #0f95b0;
+ border-radius: 50%;
+ }
+ }
+
+ .option-label {
+ color: #0f95b0;
+ }
+ }
+}
+
+.error-text {
+ font-size: 24rpx;
+ color: #ff4757;
+ margin-top: 8rpx;
+}
+
+/* 鍘熸湁鏍峰紡璋冩暣 */
+:deep(.u-input) {
+ border: 2rpx solid #e5e5e7 !important;
+ border-radius: 12rpx !important;
+ padding: 20rpx 24rpx !important;
+ background: #fff !important;
+}
+.idcard-hint {
+ margin-top: 8rpx;
+ padding: 12rpx 16rpx;
+ background: #f0f9ff;
+ border-radius: 8rpx;
+ border-left: 4rpx solid #0f95b0;
+}
+
+.hint-text {
+ display: block;
+ font-size: 24rpx;
+ color: #0f95b0;
+ margin-bottom: 4rpx;
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+}
+
+.error-text {
+ font-size: 24rpx;
+ color: #ff4757;
+ margin-top: 8rpx;
+}
+.btn {
+ flex: 1;
+ height: 80rpx;
+ border-radius: 16rpx;
+ font-size: 32rpx;
+ font-weight: 500;
+
+ &.secondary {
+ background: #f5f5f7 !important;
+ color: #1d1d1f !important;
+ }
+
+ &.primary {
+ background: linear-gradient(135deg, #0f95b0, #89c4c1) !important;
+ color: #fff !important;
+
+ &:disabled {
+ background: #c0c0c0 !important;
+ opacity: 0.6;
+ }
+ }
+}
+.checkbox-group {
+ display: flex;
+ flex-wrap: nowrap; /* 绂佹鎹㈣ */
+ gap: 20rpx;
+ overflow-x: auto; /* 姘村钩婊氬姩 */
+ padding-bottom: 10rpx; /* 缁欐粴鍔ㄦ潯鐣欏嚭绌洪棿 */
+ -webkit-overflow-scrolling: touch; /* iOS骞虫粦婊氬姩 */
+
+ &.single-line {
+ display: flex;
+ flex-wrap: nowrap;
+ overflow-x: auto;
+ width: 100%;
+
+ /* 闅愯棌婊氬姩鏉★紝浣嗕繚鎸佹粴鍔ㄥ姛鑳� */
+ &::-webkit-scrollbar {
+ display: none;
+ }
+ }
+}
+
+.checkbox-item {
+ display: flex;
+ align-items: center;
+ gap: 8rpx;
+ flex-shrink: 0; /* 闃叉閫夐」琚帇缂� */
+ padding: 8rpx 16rpx;
+ border-radius: 20rpx;
+ background: #f5f5f7;
+ transition: all 0.3s ease;
+
+ &.active {
+ background: rgba(15, 149, 176, 0.1);
+ }
+}
+
+.checkbox-box {
+ width: 28rpx;
+ height: 28rpx;
+ border: 2rpx solid #e5e5e7;
+ border-radius: 6rpx;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background: #fff;
+ transition: all 0.3s ease;
+ flex-shrink: 0;
+
+ &.active {
+ border-color: #0f95b0;
+ background: #0f95b0;
+ }
+}
+
+.checkbox-check {
+ font-size: 20rpx;
+ color: white;
+ font-weight: bold;
+}
+
+.checkbox-label {
+ font-size: 24rpx;
+ color: #1d1d1f;
+ white-space: nowrap;
+}
+
+/* 浼樺寲鍗曢�夋寜閽粍鐨勬牱寮忥紝淇濇寔涓�鑷存�� */
+.radio-group.horizontal {
+ display: flex;
+ flex-wrap: nowrap;
+ overflow-x: auto;
+ gap: 20rpx;
+ padding-bottom: 10rpx;
+ -webkit-overflow-scrolling: touch;
+
+ &::-webkit-scrollbar {
+ display: none;
+ }
+
+ .radio-item {
+ flex-shrink: 0;
+ display: flex;
+ align-items: center;
+ gap: 8rpx;
+ padding: 8rpx 16rpx;
+ border-radius: 20rpx;
+ }
+
+ .radio-item .radio-dot.active {
+ border-color: #0f95b0;
+
+ &::after {
+ background: #0f95b0;
+ }
+ }
+}
+
+/* 濡傛灉闇�瑕佸浐瀹氶珮搴︼紝鍙互杩欐牱璁剧疆 */
+.checkbox-group.single-line {
+ min-height: 60rpx;
+ align-items: center;
+}
+
+/* 鍦ㄧЩ鍔ㄧ浼樺寲瑙︽懜鍖哄煙 */
+.checkbox-item {
+ min-height: 60rpx;
+ padding: 8rpx 20rpx;
+ cursor: pointer;
+}
+
+/* 娣诲姞閫変腑鐘舵�佺殑瑙嗚鍙嶉 */
+.checkbox-item.active {
+ border: 1rpx solid #0f95b0;
+ background: rgba(15, 149, 176, 0.08);
+}
+
+/* 鍝嶅簲寮忚皟鏁� */
+@media (max-width: 768px) {
+ .checkbox-group.single-line {
+ gap: 12rpx;
+ }
+
+ .checkbox-item {
+ padding: 6rpx 14rpx;
+ }
+
+ .checkbox-label {
+ font-size: 22rpx;
+ }
+}
</style>
--
Gitblit v1.9.3