移动端维护

WXL

3 天以前 4ddfa807643c73ff90840b0b65a5118741e12b48

 pages/case/CaseDetails.vue

@@ -16,51 +16,41 @@
          </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.caseNo"
                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>
              <picker
                mode="selector"
                :range="hospitalLabels"
                :value="hospitalIndex"
                @change="onHospitalChange"
              >
                <view class="picker">
                  <text>{{ currentHospital }}</text>
                  <text class="icon-arrow">›</text>
                </view>
              </picker>
            </view>

            <!-- 改造后的科室选择 -->
            <view class="form-item">
              <text class="item-label">科室</text>
              <picker
                mode="selector"
                :range="deptLabels"
                :value="deptIndex"
                @change="onDeptChange"
              >
                <view class="picker">
                  <text>{{ currentDept }}</text>
                  <text class="icon-arrow">›</text>
                </view>
              </picker>
              <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 required">姓名</text>
              <text class="item-label required">患者姓名</text>
              <u-input
                type="text"
                v-model="form.name"
@@ -130,7 +120,7 @@
                placeholder="请输入证件号码"
                maxlength="18"
                class="custom-input"
                @blur="validateIdCard"
                @blur="onIdCardChange"
              />
              <text class="error-text" v-if="idCardError">{{
                idCardError
@@ -201,7 +191,7 @@
            <view class="form-item">
              <text class="item-label">GCS评分</text>
              <u-input
                v-model="form.gscScore"
                v-model="form.gcsScore"
                placeholder="请输入GCS评分"
                border="none"
              />
@@ -217,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">
@@ -225,38 +231,44 @@
                  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">
            <view class="form-item full-width">
              <text class="item-label">传染病</text>
              <view class="radio-group horizontal">
              <view class="checkbox-group single-line">
                <view
                  v-for="bloodType in infectiousDiseaselist"
                  :key="bloodType.value"
                  class="radio-item"
                  @click="form.infectious = bloodType.value"
                  v-for="disease in infectiousDiseaselist"
                  :key="disease.value"
                  class="checkbox-item"
                  @click="toggleInfectious(disease.value)"
                >
                  <view
                    class="radio-dot"
                    :class="{ active: form.bloodtype === bloodType.value }"
                  ></view>
                  <text class="radio-label">{{ bloodType.label }}</text>
                    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">
            <view class="form-item full-width"">
              <text class="item-label">其他</text>
              <u-input
                v-model="form.infectiousOther"
                placeholder="请输入住院号"
                placeholder="请输入其他传染病"
                border="none"
              />
            </view>
@@ -268,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>
@@ -290,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"
              />
@@ -301,7 +313,7 @@
            <view class="form-item">
              <text class="item-label">联系电话</text>
              <u-input
                v-model="form.infophone"
                v-model="form.phone"
                placeholder="请输入联系电话"
                type="number"
                border="none"
@@ -426,7 +438,7 @@
</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";
@@ -436,10 +448,15 @@
const userStore = useUserStore();
const isEditMode = ref(false);
const currentId = ref(null);
const selectedInfectious = ref([]); // 存储选中的传染病值数组

// 表单数据
const form = ref({
  caseNo: "",
  treatmenthospitalname: "",
  treatmenthospitalname: userStore.userInfo.user.orgName,
  toHospital: userStore.userInfo.user.orgName,
  coordinatorName: userStore.userInfo.user.coordinatorName,
  coordinatorNo: userStore.userInfo.user.coordinatorNo,
  treatmentdeptname: "",
  name: "",
  nation: "",
@@ -452,10 +469,10 @@
  ageunit: "", // 新增：年龄单位
  inpatientno: "",
  diagnosisname: "",
  bloodtype: "",
  rhyin: "",
  infoname: "",
  infophone: "",
  bloodType: "",
  rhYin: "",
  infoName: userStore.userInfo.user.nickName,
  phone: userStore.userInfo.user.phonenumber,
  reportername: userStore.name || "",
  reporterno: userStore.userId || "",
  reporterphone: "", // 报告者联系电话
@@ -469,7 +486,6 @@
  nativeplace: "", // 新增：籍贯
  occupation: "", // 新增：职业
  patientstate: "", // 新增：病人状况
  phone: "", // 新增：联系电话
  registeraddress: "", // 新增：户籍地址
  registerprovince: "", // 新增：户籍地址省编号
  registerprovincename: "", // 新增：户籍地址省名称
@@ -493,6 +509,8 @@
// 选择器状态
const attachments = ref([]);
const infectiousDiseaselist = ref([]);
const nationLabel = ref([]);

const isReadonly = ref(false);
const id = ref(null);
const selectShow = ref(false);
@@ -543,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([
@@ -566,7 +587,12 @@

// 计算属性
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);
@@ -576,11 +602,11 @@

// 计算属性 - 标签数组
const hospitalLabels = computed(() =>
  hospitalOptions.value.map((item) => item.label)
  hospitalOptions.value.map((item) => item.label),
);
const ageDisplay = computed(() => {
  if (!form.value.age || !form.value.ageunit) {
    return '自动计算';
    return "自动计算";
  }
  return `${form.value.age}${form.value.ageunit}`;
});
@@ -588,10 +614,10 @@
  return pickerColumns.value[0].map((item) => item.label);
});
const nationLabels = computed(() =>
  nationOptions.value.map((item) => item.label)
  nationLabel.value.map((item) => item.label),
);
const idCardTypeLabels = computed(() =>
  idCardTypeOptions.value.map((item) => item.label)
  idCardTypeOptions.value.map((item) => item.label),
);

// 计算属性 - 当前选中显示文本
@@ -610,7 +636,7 @@
const currentNation = computed(() => {
  return nationIndex.value >= 0
    ? nationLabels.value[nationIndex.value]
    : "请选择民族";
    : (form.value.nation?form.value.nation:"请选择证件类型");
});

const currentIdCardType = computed(() => {
@@ -619,29 +645,18 @@
    : "请选择证件类型";
});

// 选择器变更事件
const onHospitalChange = (e) => {
  const index = parseInt(e.detail.value);
  hospitalIndex.value = index;
  form.value.treatmenthospitalname = hospitalOptions.value[index].label;
};

const onDeptChange = (e) => {
  const index = parseInt(e.detail.value);
  deptIndex.value = index;
  form.value.treatmentdeptname = pickerColumns.value[0][index].label;
};

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) => {
@@ -650,12 +665,12 @@
};
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;
};
@@ -663,24 +678,153 @@
// 身份证验证
const idCardError = ref("");
const validateIdCard = () => {
  if (!form.value.idcardno) {
  const idCard = form.value.idcardno;
  console.log(idCard, "当前输入");

  if (!idCard) {
    idCardError.value = "请输入证件号码";
    return false;
  }

  if (form.value.idcardno.length !== 18) {
    idCardError.value = "请输入18位身份证号码";
  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 inputStyle = (isError) => {
  return isError
    ? "border: 2rpx solid #ff4757; border-radius: 12rpx;"
    : "border: 2rpx solid #e5e5e7; border-radius: 12rpx;";
// 身份证号变化处理
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) => {
@@ -710,12 +854,12 @@
  dict.value = await useDict(
    "sys_IDType",
    "sys_user_sex",
    "sys_Nation",
    "sys_BloodType",
    "sys_Infectious",
    "sys_AgeUnit", // 新增年龄单位
    "sys_education", // 新增学历
    "sys_nation", // 新增民族
    "sys_occupation" // 新增职业
    "sys_occupation", // 新增职业
  );
  initOptions();
  updateCurrentTime();
@@ -724,7 +868,36 @@
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();
@@ -753,18 +926,29 @@

const calculateAge = () => {
  if (!form.value.birthday) {
    form.value.age = '';
    form.value.ageunit = '';
    form.value.age = "";
    form.value.ageunit = "";
    return;
  }

  const birthDate = new Date(form.value.birthday);
  const today = new Date();
  

  // 检查日期有效性
  if (isNaN(birthDate.getTime())) {
    form.value.age = '';
    form.value.ageunit = '';
    form.value.age = "";
    form.value.ageunit = "";
    return;
  }

  // 检查是否为未来日期
  if (birthDate > today) {
    uni.showToast({
      title: "出生日期不能是未来日期",
      icon: "none",
    });
    form.value.age = "";
    form.value.ageunit = "";
    return;
  }

@@ -774,8 +958,8 @@

  if (daysDiff < 0) {
    // 未来日期处理
    form.value.age = '';
    form.value.ageunit = '';
    form.value.age = "";
    form.value.ageunit = "";
    return;
  }

@@ -789,14 +973,14 @@
  if (years >= 1) {
    // 大于等于1年：显示年
    let actualYears = years;
    

    // 处理月份和日期的边界情况
    if (months < 0 || (months === 0 && days < 0)) {
      actualYears = years - 1;
    }
    

    ageValue = actualYears.toString();
    ageUnit = '岁';
    ageUnit = "岁";
  } else if (daysDiff >= 30) {
    // 大于等于30天：显示月
    let totalMonths = years * 12 + months;
@@ -804,11 +988,11 @@
      totalMonths--;
    }
    ageValue = Math.max(1, totalMonths).toString(); // 确保至少1个月
    ageUnit = '个月';
    ageUnit = "个月";
  } else {
    // 小于30天：显示天
    ageValue = Math.max(1, daysDiff).toString(); // 确保至少1天
    ageUnit = '天';
    ageUnit = "天";
  }

  form.value.age = ageValue;
@@ -818,16 +1002,19 @@
// 处理基础附件上传
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,
  }));
};

@@ -839,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,
    });
@@ -876,6 +1063,8 @@
};

const onHospitalConfirm = (e) => {
  console.log(e, "民族");

  if (e.value && e.value[0]) {
    form.value.treatmenthospitalname = e.value[0].label;
  }
@@ -933,6 +1122,10 @@
        deptIndex.value = -1;
        nationIndex.value = -1;
        idCardTypeIndex.value = -1;
        // 重置传染病选择
        selectedInfectious.value = [];

        // 重置附件
        attachments.value = [];
        form.value.nationality = "中国";
        form.value.isTransport = "1";
@@ -960,21 +1153,18 @@

  try {
    uni.showLoading({ title: isEditMode.value ? "修改中..." : "提交中..." });

    // 准备提交数据
    const submitData = {
      ...form.value,
      age: parseInt(form.value.age) || 0,
      annexfilesList: attachments.value.map((file) => ({
        url: file.url,
        name: file.name,
        path: file.url,
        fileName: file.name,
        type: file.type,
      })),
      phone: form.value.infophone,
      isTransport: form.value.isTransport || "1",
      terminationCase: form.value.terminationCase || 0,
      reportStatus: form.value.reportStatus || "1",
      
    };

    let res;
@@ -982,13 +1172,13 @@
      // 修改接口
      res = await uni.$uapi.post(
        "/project/donatebaseinforeport/edit",
        submitData
        submitData,
      );
    } else {
      // 新增接口
      res = await uni.$uapi.post(
        "/project/donatebaseinforeport/add",
        submitData
        submitData,
      );
    }

@@ -1028,49 +1218,32 @@
};

const loadCaseData = async (id) => {
  // 模拟加载编辑数据
  // form.value = {
  //   caseNo: "DON20241216001",
  //   treatmenthospitalname: "青岛镜湖医院",
  //   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,
  // };
  try {
    loading.value = true;
    const res = await uni.$uapi.get(
      `/project/donatebaseinforeport/getInfo/${id}`
      `/project/donatebaseinforeport/getInfo/${id}`,
    );

    if (res.code === 200 && res.data) {
      // 填充表单数据
      Object.keys(form.value).forEach((key) => {
        if (res.data[key] !== undefined && res.data[key] !== null) {
          form.value[key] = res.data[key];
        }
      });

    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();

      // 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: "数据加载成功",
@@ -1088,32 +1261,6 @@
  } finally {
    loading.value = false;
  }
};
// 更新选择器索引
const updatePickerIndexes = () => {
  // 医疗机构索引
  const hospitalIndex = hospitalOptions.value.findIndex(
    (item) => item.label === form.value.treatmenthospitalname
  );
  if (hospitalIndex !== -1) hospitalIndex.value = hospitalIndex;

  // 科室索引
  const deptIndex = pickerColumns.value[0].findIndex(
    (item) => item.label === form.value.treatmentdeptname
  );
  if (deptIndex !== -1) deptIndex.value = deptIndex;

  // 民族索引
  const nationIndex = nationOptions.value.findIndex(
    (item) => item.label === form.value.nation
  );
  if (nationIndex !== -1) nationIndex.value = nationIndex;

  // 证件类型索引
  const idCardTypeIndex = idCardTypeOptions.value.findIndex(
    (item) => item.value === form.value.idcardtype
  );
  if (idCardTypeIndex !== -1) idCardTypeIndex.value = idCardTypeIndex;
};
</script>
<style lang="scss" scoped>
@@ -1249,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 {
@@ -1473,13 +1630,30 @@
  padding: 20rpx 24rpx !important;
  background: #fff !important;
}

.action-buttons {
  display: flex;
  gap: 20rpx;
  margin-top: 40rpx;
.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;
@@ -1502,4 +1676,134 @@
    }
  }
}
.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>