LOV列表的查询

一、乐造前端框架使用

1、先引入：import { useMbdStore } from '@/store/modules/mbd';

const mbdStore = useMbdStore();

2、再使用： mbdStore.lovMap $'Tj0ShipmentOrder:tj0carrier'$

javascript 复制代码

import { useMbdStore } from '@/store/modules/mbd';
const mbdStore = useMbdStore();
onMounted(() => {
  // 查询承运公司 LOV，后台维护项会自动进入下拉列表；保存值仍为公司名称。
  mbdStore.setLovMap([{ className: 'Tj0ShipmentOrder', attrName: 'tj0carrier' }]);

});
//修复：兼容不同版本 LOV 返回字段，避免承运公司下拉为空。
const carrierOptions = computed(() => {
  // 说明：从LOV中获取承运公司列表，确保承运公司下拉不为空。
  //Tj0ShipmentOrder:表的实体名称；tj0carrier：字段名称。
  const lovData = mbdStore.lovMap['Tj0ShipmentOrder:tj0carrier']?.data || [];
  return lovData.map((item: any) => item?.externalValue).filter(Boolean);
});
//  新增：维护页输入快递单号时自动带出承运公司。
const handleTrackingNoChange = (trackingNo = '') => {
  const prefix = trackingNo.trim().slice(0, 2).toUpperCase();
  // 说明：根据快递单号前缀查询承运公司。
  //Tj0ShipmentOrder:表的实体名称；tj0carrier：字段名称。
  const lovData = mbdStore.lovMap['Tj0ShipmentOrder:tj0carrier']?.data || [];
  const carrier = lovData.find((item: any) => String(item?.internalValue || '').trim().toUpperCase() === prefix);
  if (carrier?.externalValue) trackingForm.tj0carrier = carrier.externalValue;
};

前端HTML

xml 复制代码

    <!-- 快递单号、承运公司均为非必填字段；承运公司选项由 LOV 动态查询。 -->
      <n-form-item label="快递单号" path="tj0trackingNo">
        <n-input v-model:value="trackingForm.tj0trackingNo" placeholder="请输入快递单号" @update:value="handleTrackingNoChange" />
      </n-form-item>
      <n-form-item label="承运公司" path="tj0carrier">
        <n-auto-complete v-model:value="trackingForm.tj0carrier" :data-source="carrierOptions" placeholder="请选择或输入承运公司" />
      </n-form-item>

二、独立JS页面使用：PDA

前端页面

html 复制代码

 	<view class="edit-area">
			 
				<text class="edit-label">快递单号</text>
				<input v-model="form.tj0trackingNo" class="form-input" placeholder="请输入快递单号" :disabled="isShipped"
					@input="handleTrackingNoChange" />
				<text class="edit-label">运输公司</text>
				<view class="carrier-field">
					<picker v-if="!isShipped && carrierNames.length" class="carrier-picker" :range="carrierNames" @change="selectCarrier">
						<view class="form-input carrier-select-value">
							<text>{{ form.tj0carrier || '请选择运输公司' }}</text>
							<uni-icons type="bottom" size="16" color="#7b8794" />
						</view>
					</picker>
					<view v-else class="form-input carrier-select-value" :class="{ 'disabled-input': isShipped }">
						<text>{{ form.tj0carrier || '-' }}</text>
					</view>
				</view>
			 
			</view>

TS脚本

javascript 复制代码

/** 查询发运单承运公司 LOV（internalValue 为快递单号前缀，externalValue 为公司名称）。 */
export const queryShipmentCarrierLov = () =>
  request.post(
    config.baseUrl + '/Lov/getLovByClassAndAttrSet',// 请求 URL
    [{ className: 'Tj0ShipmentOrder', attrName: 'tj0carrier' }],//请求体（body）
    { silent: true }// 请求配置:请求失败（报错）时，不弹出全局错误提示（message.error / notification），静默处理，不自动弹错误。
  )
  
/**
 * 加载承运商（Carrier）的 LOV 下拉选项数据。
 * 调用后端 LOV 接口，将返回结果中对应字段的数据赋值给响应式变量 carrierLov。
 * 如果请求失败或数据结构不符合预期，则回退为空数组，避免页面报错。
 */
async function loadCarrierLov() {
  try {
    // 调用 LOV 查询接口：查询 Tj0ShipmentOrder 实体的 tj0carrier 属性对应选项
  
    const result: any = await queryShipmentCarrierLov()
    // result.data 里，键名是= 实体类名:属性名，也就是 Tj0ShipmentOrder:tj0carrier。
    // 接口返回结构通常为 { data: { '实体:属性': [...] } }
    // 因此用 'Tj0ShipmentOrder:tj0carrier' 作为 key 取出选项列表；取不到时给空数组
    carrierLov.value = result?.data?.['Tj0ShipmentOrder:tj0carrier'] || []
  } catch (_) {
    // 请求异常时静默降级：清空/置空选项，避免阻塞页面或抛出未捕获异常
    carrierLov.value = []
  }
}
/**
 * 从详情页进入装箱维护页。
 *
 * 使用主表 objId 作为 mainId 传递，便于装箱页后续按当前发运单过滤数据。
 */
onMounted(() => { 
  loadCarrierLov()
})