1. 修复了接诊页面的剂量、天数输入框过窄

apps/web-antd/src/components/form/components/express-company-select.vue

@@ -4,6 +4,7 @@ import { computed, nextTick, onMounted, ref, watch } from 'vue';
 import { useVModel } from '@vueuse/core';
 import { Empty, Input, Popover, Spin } from 'ant-design-vue';
 
+import { matchExpressByTrackingNo } from '#/utils/matchExpressByTrackingNo';
 import { getExpressCompaniesOption } from '#/views/business/express/express-company/api';
 
 defineOptions({
@@ -15,6 +16,8 @@ const props = defineProps<{
   value?: string;
   disabled?: boolean;
   placeholder?: string;
+  /** 运单号：变化时按前缀自动匹配快递公司（用户手动改选后不再覆盖） */
+  trackingNo?: string;
 }>();
 
 const emits = defineEmits<{
@@ -34,6 +37,8 @@ const loading = ref(false);
 const searchKeyword = ref('');
 const options = ref<ExpressCompanyOption[]>([]);
 const searchInputRef = ref<InstanceType<typeof Input> | null>(null);
+/** 用户是否已手动选择/清空；为 true 时不再按单号自动覆盖 */
+const userPicked = ref(false);
 
 function filterExpressCompanyOptions(keyword: string, list: ExpressCompanyOption[]) {
   const q = keyword.trim().toLowerCase();
@@ -59,17 +64,36 @@ const displayText = computed(() => {
   return item.code ? `${item.name || '-'}（${item.code}）` : (item.name || '-');
 });
 
+/**
+ * 根据 trackingNo 自动选中快递公司
+ * 规则：尚未手动改选，或当前选中仍与规则结果一致时才覆盖
+ */
+function tryAutoMatchByTrackingNo() {
+  if (!options.value.length) return;
+  const matched = matchExpressByTrackingNo(props.trackingNo, options.value);
+  if (!matched?.code) return;
+  const matchedCode = matched.code;
+  if (userPicked.value && mValue.value && mValue.value !== matchedCode) {
+    // 用户已选其他公司，不覆盖
+    return;
+  }
+  if (mValue.value === matchedCode) return;
+  mValue.value = matchedCode;
+}
+
 async function loadOptions() {
   loading.value = true;
   try {
     const res = await getExpressCompaniesOption({});
     options.value = Array.isArray(res) ? res : [];
+    tryAutoMatchByTrackingNo();
   } finally {
     loading.value = false;
   }
 }
 
 function selectOption(item: ExpressCompanyOption) {
+  userPicked.value = true;
   mValue.value = item.code;
   open.value = false;
   searchKeyword.value = '';
@@ -77,6 +101,7 @@ function selectOption(item: ExpressCompanyOption) {
 
 function clearSelection(e: Event) {
   e.stopPropagation();
+  userPicked.value = true;
   mValue.value = undefined;
 }
 
@@ -99,6 +124,14 @@ watch(
   },
 );
 
+watch(
+  () => props.trackingNo,
+  () => {
+    // 单号变化时允许再自动匹配（除非用户已改选为不一致公司）
+    tryAutoMatchByTrackingNo();
+  },
+);
+
 onMounted(() => {
   loadOptions();
 });
@@ -177,7 +210,7 @@ onMounted(() => {
 .clear-btn {
   pointer-events: auto;
   cursor: pointer;
-  color: #86909c;
+  color: hsl(var(--muted-foreground));
   font-size: 16px;
   line-height: 1;
   padding: 0 4px;
@@ -203,10 +236,11 @@ onMounted(() => {
   text-align: left;
   cursor: pointer;
   border-radius: 6px;
+  color: hsl(var(--foreground));
 }
 .express-item:hover,
 .express-item.active {
-  background: #f2f3f5;
+  background: hsl(var(--accent));
 }
 .express-meta {
   min-width: 0;
@@ -214,11 +248,11 @@ onMounted(() => {
 }
 .express-name {
   font-size: 14px;
-  color: #1d2129;
+  color: hsl(var(--foreground));
 }
 .express-sub {
   font-size: 12px;
-  color: #86909c;
+  color: hsl(var(--muted-foreground));
 }
 .express-empty {
   margin: 12px 0;
@@ -228,5 +262,8 @@ onMounted(() => {
 <style>
 .express-company-select-popover .ant-popover-inner {
   padding: 12px;
+  background: hsl(var(--card));
+  color: hsl(var(--foreground));
+  border: 1px solid hsl(var(--border));
 }
 </style>