112 lines
2.2 KiB
Vue
112 lines
2.2 KiB
Vue
|
<template>
|
||
|
|
<el-select
|
||
|
|
:loading="loading"
|
||
|
|
filterable
|
||
|
|
clearable
|
||
|
|
ref="selectRef"
|
||
|
|
remote
|
||
|
|
:remote-method="queryData"
|
||
|
|
v-model="svalue"
|
||
|
|
:placeholder="placeholder"
|
||
|
|
style="width: 100%"
|
||
|
|
@focus="onFocus"
|
||
|
|
@change="onChange"
|
||
|
|
>
|
||
|
|
<el-option
|
||
|
|
v-for="item in filterData"
|
||
|
|
:key="item.value"
|
||
|
|
:label="item.label"
|
||
|
|
:value="item.value"
|
||
|
|
>
|
||
|
|
</el-option>
|
||
|
|
</el-select>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import { getMasterEmisWaybills } from "@/api/emis/emisWaybill";
|
||
|
|
|
||
|
|
export default {
|
||
|
|
props: {
|
||
|
|
value: {
|
||
|
|
type: [String],
|
||
|
|
required: false,
|
||
|
|
},
|
||
|
|
placeholder: {
|
||
|
|
type: [String],
|
||
|
|
required: false,
|
||
|
|
},
|
||
|
|
transLineType: {
|
||
|
|
type: [String],
|
||
|
|
required: false,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
svalue: [],
|
||
|
|
// 搜索后的数据
|
||
|
|
filterData: [],
|
||
|
|
filterMap: new Map(),
|
||
|
|
loading: false,
|
||
|
|
queryParams: {
|
||
|
|
transLineType: null,
|
||
|
|
billCode: null,
|
||
|
|
},
|
||
|
|
};
|
||
|
|
},
|
||
|
|
created() {
|
||
|
|
this.queryData();
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
onFocus(val) {
|
||
|
|
this.optionItems = [];
|
||
|
|
this.queryData();
|
||
|
|
},
|
||
|
|
onChange(val) {
|
||
|
|
//通过value获取到transLineType
|
||
|
|
let valObject = this.filterData.find((item) => item.value == val);
|
||
|
|
//子组件值传到父组件
|
||
|
|
this.$emit("onMasterBillCodeChange", valObject);
|
||
|
|
},
|
||
|
|
|
||
|
|
queryData(val) {
|
||
|
|
this.queryParams.transLineType = this.transLineType;
|
||
|
|
// this.queryParams.transLineType = "CN-VN"; //测试
|
||
|
|
this.queryParams.billCode = val;
|
||
|
|
getMasterEmisWaybills(this.queryParams).then((response) => {
|
||
|
|
this.filterData = response.rows.map((item) => {
|
||
|
|
return {
|
||
|
|
label: item.billCode,
|
||
|
|
value: item.billCode,
|
||
|
|
// transLineType: item.transLineType,
|
||
|
|
productType: item.productType
|
||
|
|
};
|
||
|
|
});
|
||
|
|
});
|
||
|
|
},
|
||
|
|
},
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.el-s-thead {
|
||
|
|
width: 100%;
|
||
|
|
color: rgb(177 47 41);
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: 600;
|
||
|
|
display: inline-flex;
|
||
|
|
padding: 10px;
|
||
|
|
border-bottom: 1px solid #e6e3e3;
|
||
|
|
min-width: 300px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-data {
|
||
|
|
width: 100%;
|
||
|
|
color: #000;
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: 600;
|
||
|
|
display: inline-flex;
|
||
|
|
padding: 5px;
|
||
|
|
border-bottom: 1px solid #e6e3e3;
|
||
|
|
}
|
||
|
|
</style>
|