页面跳转
发送
router.push({ name: config.editRouteName, query: { type: 'create', from: route.name as string, }, }); router.push({ name: 'MbdCalScheme' }); |
接收
const route = useRoute(); const type = computed(() => { return route.query.type; }); const objId = route.query.objId; |
查询条件多列设置
<Header :searchNum="2" :labelCol="{ span: 4 }" :wrapperCol="{ span: 8 }" :formConfig="searchConfig" @onQuery="handleSearch" @onReset="handleReset" /> |
动态下拉
列表
人员:通过人员id查询出人员姓名 { key: 'tj0MaterialRequisitionRecipi', dataIndex: 'tj0MaterialRequisitionRecipi', type: 'user', }, |
表单
计量单位-前台
<!-- 单位 --> <query-select v-if="column?.key == 'unit'" class="w-full" detail :record="currentRecord" :class-name="WMS_CLASS_NAME.MeUnit" :svr-name="_svrMap.mbd" v-model:value="currentRecord.unit" /> <!-- 人员 --> <query-select class="w-full" :placeholder="getLangText(commonLangPrefix, 'operator')" :svr-name="_svrMap.mbd" class-name="User" v-model:value="modalConfig.operator" mode="multiple" /> |
人员、计量单位-后台
const formConfigSHXD = computed<FormConfig[]>(() => { return [ { prop: 'userName', label: '收货人', type: 'query-select', className: 'User', svrName: svrPath.mbd, rules: [{ required: true, message: '请选择', trigger: 'change' }], attrs: { maxlength: 50, disabled: false, }, { prop: 'defaultUnit', label: '计量单位', type: 'query', className: COMMON_CLASS.MeUnit, svrName: svrMap.mbd, },{ prop: 'tj0status', label: '状态', type: 'select', options: [{value:'启用',label:'启用'},{value:'禁用',label:'禁用'}], attrs: { maxLength: 50, placeholder: '请选择', }, } }, ].map((item: any) => { item.labelCol = { span: 4 }; item.wrapperCol = { span: 20 }; return item; }); }); |
列表
单选 :checkbox="radio"
复选 :checkbox="checkbox"
序列号 is-serial-number
<base-table class-name="ReceiveJobTask" ref="tableRef" row-key="index" :page-opt="pageOpt" :is-page="false" :dataSource="dataSource" :columns="currentJobColumns"> <template #columns="{ column, currentRecord }"> <WmsMaterialSelect v-model:value="currentRecord.materialCode" :record="currentRecord" v-if="column.key == 'materialCode' && type != 'detail'" /> <!-- 批次号 --> <n-input class="w-full" :disabled="currentRecord.enableBatch === '0'" :placeholder="t('common.pleaseEnter')" v-model:value="currentRecord.batchNumber" v-if="column.key == 'batchNumber' && type != 'detail'" :maxlength="50" ></n-input> <!-- 外部批次号 --> <n-input class="w-full" :placeholder="t('common.pleaseEnter')" v-model:value="currentRecord.externalBatchNumber" v-if="column.key == 'externalBatchNumber' && type != 'detail'" :maxlength="50" ></n-input> <!-- 计划收货数量 --> <n-input-number class="w-full" :placeholder="t('common.pleaseEnter')" v-model:value="currentRecord.taskQuantity" v-if="column.key == 'taskQuantity' && type != 'detail'" :min="0" :max="9999999" /> <!-- 单位 --> <query-select v-if="column?.key == 'unit'" class="w-full" detail :record="currentRecord" :class-name="WMS_CLASS_NAME.MeUnit" :svr-name="_svrMap.mbd" v-model:value="currentRecord.unit" /> <!-- 库房 --> <query-select :svr-name="_svrMap.mbd" :class-name="WMS_CLASS_NAME.Whs" :detail="type == 'detail'" v-if="column?.key == 'storeId'" v-model:value="currentRecord.storeId" /> <!-- 有效期 --> <fix-date-picker v-if="column.key == 'matEffectiveDate' && type != 'detail'" v-model:value="currentRecord.matEffectiveDate" /> <AgentSeqSelect v-if="column.key == 'agentSeqMgts'" v-model:value="currentRecord.agentSeqMgts" :detail="type === 'detail'" :record="currentRecord" :disabled="currentRecord.enableSerialNum === '0'" /> </template> </base-table> |
工厂下拉
<FactorySelect import FactorySelect from "../../mbd/components/FactorySelect.vue"; |