乐仓VUE常用点

发布于:2025-03-26 ⋅ 阅读:(26) ⋅ 点赞:(0)
  1. 页面跳转

发送

 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;

  1. 查询条件多列设置

<Header

      :searchNum="2"

      :labelCol="{ span: 4 }"

      :wrapperCol="{ span: 8 }"

      :formConfig="searchConfig"

      @onQuery="handleSearch"

      @onReset="handleReset"

    />

  1. 动态下拉

列表

人员:通过人员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;

  });

});

  1. 列表

单选  :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
            v-if="column.key == 'materialCode' && type != 'detail'"
            :record="currentRecord"
            v-model:value="currentRecord.materialCode"
            :disabled="currentRecord.relatedJobTaskId"
          />

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


网站公告

今日签到

点亮在社区的每一天
去签到