当前位置：首页 > news >正文

乐仓VUE常用点

news 来源：原创 2025/7/24 5:17:13

页面跳转

发送

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">

<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>

工厂下拉

import FactorySelect from "../../mbd/components/FactorySelect.vue";

页面跳转

发送

接收

查询条件多列设置

动态下拉

列表

表单

计量单位-前台

人员、计量单位-后台

列表

工厂下拉

相关文章：