spms-vue/src/views/basic/BasicEntrutsReceModify.vue

<template>
    <div>

        <el-row :gutter="20" class="el-row" type="flex">
            <el-col :span="10" class="el-col">
                <div class="text item">
                    <div class="itemTag">
                        <span>扫码单据类型:&nbsp;</span>
                    </div>
                    <el-select v-model="inputQuery.action" placeholder="请选择" clearable  @change="actionChange">
                        <el-option
                            v-for="item in busTypes"
                            :key="item.action"
                            :label="item.name"
                            :value="item.action">
                            <span style="float: left">{{ item.localName }}</span>
                        </el-option>
                    </el-select>
                </div>
            </el-col>
            <el-col :span="10" class="el-col">
                <div class="text item">
                    <div class="itemTag">
                        <span>当前仓库:&nbsp;</span>
                    </div>
                    <el-select v-model="inputQuery.entrustInv" placeholder="当前仓库" @change="invChange" clearable>
                        <el-option
                            v-for="item in storageList"
                            :key="item.code"
                            :label="item.name"
                            :value="item.code">
                            <span style="float: left">{{ item.name }}</span>
                        </el-option>

                    </el-select>

                </div>
            </el-col>

        </el-row>
        <el-row :gutter="20" class="el-row" type="flex">

            <el-col :span="10" class="el-col">
                <div class="text item">
                    <div class="itemTag">
                        <span>委托验收人:&nbsp;</span>
                    </div>
                    <el-select v-model="inputQuery.entrustUser" placeholder="委托验收人">
                        <el-option
                            v-for="item in entrustUserArray"
                            :key="item.userid"
                            :label="item.employeeName"
                            :value="item.userid">
                            <span style="float: left">{{ item.employeeName }}</span>
                        </el-option>

                    </el-select>

                </div>
            </el-col>
            <el-col :span="10" class="el-col">
                <div class="text item">
                    <div class="itemTag">
                        <span>委托验收人仓库:&nbsp;</span>
                    </div>
                    <el-select v-model="inputQuery.entrustInv" placeholder="委托验收人仓库" @change="invChange">
                        <el-option
                            v-for="item in storageList"
                            :key="item.code"
                            :label="item.name"
                            :value="item.code">
                            <span style="float: left">{{ item.name }}</span>
                        </el-option>

                    </el-select>

                </div>
            </el-col>


        </el-row>

        <el-row :gutter="20" class="el-row" type="flex">

            <el-col :span="10" class="el-col">
                <div class="text item">
                    <div class="itemTag">
                        <span>委托生成单据类型:&nbsp;</span>
                    </div>
                    <el-select v-model="inputQuery.entrustAction" placeholder="单据类型">
                        <el-option
                            v-for="item in entrustBusArray"
                            :key="item.action"
                            :label="item.name"
                            :value="item.action">
                            <span style="float: left">{{ item.name }}</span>
                        </el-option>

                    </el-select>

                </div>
            </el-col>
            <el-col :span="4" class="el-col">
                <div class="text item">
                    <el-checkbox v-model="inputQuery.finishRece">是否直接验收完成
                    </el-checkbox>
                </div>
            </el-col>
        </el-row>

    </div>
</template>

<script>

import {
    getBasicThirdSys,
} from "../../api/basic/basicThirdSys";

import {
    getLocalJoinNoUse
} from "../../api/basic/busLocalType";
import {filterAll, filterAllByUser, warehouseBussinessTypeList, warehouseUserList} from "@/api/basic/invWarehouse";
import {getBasicUnitMaintains} from "@/api/basic/basicUnitMaintain";
import {filterNoUseBusType} from "@/api/basic/EntrustRece";


export default {
    name: "inputQuery",
    props: {
        inputQuery: {
            type: Object,
            required: true,
        },
    },

    data() {
        return {
            filterQuery: {
                enabled: true,
                isBuType: true,
                isFilterBind: true,
            },
            storageList: [],
            orderTypeList: [],
            fromSpecialOptions: [],
            thirdSys: [],
            busTypes: [],
            entrustBusArray: [],
            entrustUserArray: [],
        }
    },
    methods: {
        getList() {
            getBasicThirdSys(this.filterQuery)
                .then((response) => {
                    this.thirdSys = response.data.list || [];
                })
                .catch(() => {
                    this.loading = false;
                    this.list = [];
                });
            let query = {
                curAction: this.inputQuery.localAction,
            };
            getLocalJoinNoUse(query)
                .then((response) => {
                    this.localTypes = response.data.list || [];
                })
                .catch(() => {
                    this.loading = false;
                    this.localTypes = [];
                });
        },
        getStorage() {
            this.storageList = [];
            filterAll()
                .then((response) => {
                    this.storageList = response.data || [];
                })
                .catch(() => {
                });
        },
        getOrderType() {
            filterNoUseBusType().then((response) => {
                this.busTypes = response.data || [];
            }).catch(() => {

            })
        },
        invChange(code) {
            let query = {
                code: code
            }
            //加载用户数据
            warehouseUserList(query).then((res) => {
                this.entrustUserArray = res.data;
            }).catch((error) => {
                this.$message.error("用户数据加载失败")
            });

            //加载单据类型数据
            warehouseBussinessTypeList(query).then((res) => {
                this.entrustBusArray = res.data;
            }).catch((error) => {
                this.$message.error("单据类型数据加载失败")
            });
        },

        actionChange(action){



        }
    },
    computed: {
        corpType() {
            return this.inputQuery.corpType;
        }
    },


    created() {
        this.getOrderType();
        this.getList();
        this.getStorage();

        if (this.$isNotBlank(this.inputQuery.entrustInv)) {
            this.invChange(this.inputQuery.entrustInv);
        }

    },
};
</script>

<style scoped>
.itemTag {
    float: left;
    text-align: left;
    margin-top: 10px;
    width: 100px;
}

.text {
    font-size: 13px;
    font-family: "Microsoft YaHei";
}

.el-row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.el-col {
    border-radius: 4px;
    flex-wrap: wrap;
}
</style>