下拉框选择不同的调入单子-CSDN博客

本文链接：https://blog.csdn.net/weixin_44683763/article/details/107058234

业务图片如下：
在这里插入图片描述

代码如下：

   <el-dropdown @command="handleTags" trigger="click" style="float:right">
        <el-button size="mini" type="primary">
                            选择调入单
           		  <i class="el-icon-arrow-down el-icon--right"></i>
         </el-button>
         <el-dropdown-menu size="small" slot="dropdown">
          	 	<el-dropdown-item command="warehouse">采购入库单</el-dropdown-item>
        		 el-dropdown-item command="contract">采购合同单</el-dropdown-item>
          </el-dropdown-menu>
    </el-dropdown>

  //选中调入的单子
        handleTags(command) {
            switch (command) {
                case 'warehouse':
                    // 保存选中的单子
                    this.selectReceipt = command;
                    console.log(this.selectReceipt);
                    this.transferWarehouse();
                    break;
                case 'contract':
                    this.selectReceipt = command;
                    console.log(this.selectReceipt);
                    this.transferContract();
                    break;
            }
        },

最重要的一点是判断调入的单子！

		//页码改变，判断调入的单子
        handleSizeChange(newSize) {
            console.log(newSize);
            this.queryInfo.pageSize = newSize;
            switch (this.selectReceipt) {
                case 'warehouse':
                    this.transferWarehouse();
                    break;
                case 'contract':
                    this.transferContract();
                    break;
            }
        },
        handleCurrentChange(current) {
            console.log(current);
            this.queryInfo.pageNum = current;
            switch (this.selectReceipt) {
                case 'warehouse':
                    this.transferWarehouse();
                    break;
                case 'contract':
                    this.transferContract();
                    break;
            }
        },
        //请购单重置
        resetrequisition() {
            this.queryInfo = {};
            this.queryInfo.pageNum = 1;
            this.queryInfo.pageSize = 5;
            switch (this.selectReceipt) {
                case 'warehouse':
                    this.transferWarehouse();
                    break;
                case 'contract':
                    this.transferContract();
                    break;
            }
        },
        //请购单查询
        onSubmitrequisition() {
            //判断
            switch (this.selectReceipt) {
                case 'warehouse':
                    this.transferWarehouse();
                    break;
                case 'contract':
                    this.transferContract();
                    break;
            }
        },