20241012更新
parent
89f797ee0e
commit
c1fa1d3a64
@ -0,0 +1,139 @@
|
|||||||
|
<template>
|
||||||
|
<el-dialog
|
||||||
|
:title="title"
|
||||||
|
v-model="visible"
|
||||||
|
:width="panelWidth"
|
||||||
|
destroy-on-close
|
||||||
|
@closed="$emit('closed')"
|
||||||
|
>
|
||||||
|
<el-container>
|
||||||
|
<el-header>
|
||||||
|
<div class="right-panel-search">
|
||||||
|
<!-- 产品代码输入框 -->
|
||||||
|
<el-input
|
||||||
|
v-model="search.documentNumber"
|
||||||
|
placeholder="计划单号"
|
||||||
|
clearable
|
||||||
|
>
|
||||||
|
</el-input>
|
||||||
|
|
||||||
|
<!-- 型材型号输入框 -->
|
||||||
|
<el-input
|
||||||
|
v-model="search.salesOrderCode"
|
||||||
|
placeholder="销售单号"
|
||||||
|
clearable
|
||||||
|
>
|
||||||
|
</el-input>
|
||||||
|
|
||||||
|
<!-- 物料名称输入框 -->
|
||||||
|
<el-input
|
||||||
|
v-model="search.materialName"
|
||||||
|
placeholder="物料名称"
|
||||||
|
clearable
|
||||||
|
>
|
||||||
|
</el-input>
|
||||||
|
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
icon="el-icon-search"
|
||||||
|
@click="upsearch"
|
||||||
|
></el-button>
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
plain
|
||||||
|
@click="add"
|
||||||
|
>添加</el-button>
|
||||||
|
</div>
|
||||||
|
</el-header>
|
||||||
|
<el-main class="nopadding">
|
||||||
|
<scTable
|
||||||
|
ref="table"
|
||||||
|
:apiObj="apiObj"
|
||||||
|
:column="column"
|
||||||
|
:params="params"
|
||||||
|
row-key="id"
|
||||||
|
@selection-change="selectionChange"
|
||||||
|
>
|
||||||
|
<el-table-column type="selection" width="50" :reserve-selection="true"
|
||||||
|
:selectable="selectable"
|
||||||
|
></el-table-column>
|
||||||
|
</scTable>
|
||||||
|
</el-main>
|
||||||
|
</el-container>
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import module from "./module";
|
||||||
|
import thirdselect from "@/components/scForm/items/thirdselect";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
emits: ["success", "closed"],
|
||||||
|
components: { thirdselect },
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
panelWidth: module.tableSelect.panelWidth || "500",
|
||||||
|
title: module.tableSelect.title,
|
||||||
|
search: {
|
||||||
|
materialCategory: "",
|
||||||
|
materialName: "",
|
||||||
|
productCode: "",
|
||||||
|
profileModel: "",
|
||||||
|
},
|
||||||
|
visible: false,
|
||||||
|
isSaveing: false,
|
||||||
|
loading: false,
|
||||||
|
apiObj: this.$API.getApi(module.tableSelect.api),
|
||||||
|
column: module.tableSelect.column,
|
||||||
|
params: module.tableSelect.params,
|
||||||
|
selection: [],
|
||||||
|
materialCategoryItem: {
|
||||||
|
options: { tb: 'product_material_categories', placeholder: '物料/产品分类' }
|
||||||
|
},
|
||||||
|
listData: []
|
||||||
|
};
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
//显示
|
||||||
|
open() {
|
||||||
|
// console.log(this.apiObj)
|
||||||
|
this.search = {
|
||||||
|
materialCategory: "",
|
||||||
|
materialName: "",
|
||||||
|
productCode: "",
|
||||||
|
profileModel: "",
|
||||||
|
}
|
||||||
|
this.$forceUpdate();
|
||||||
|
this.visible = true;
|
||||||
|
return this;
|
||||||
|
},
|
||||||
|
setData(listData) {
|
||||||
|
console.log("listData", listData)
|
||||||
|
console.log(typeof listData)
|
||||||
|
this.listData = listData;
|
||||||
|
},
|
||||||
|
selectable(row, index) {
|
||||||
|
console.log("this.listData", this.listData)
|
||||||
|
return !this.listData.some(item => row.documentNumber == item.documentNumber)
|
||||||
|
},
|
||||||
|
//表格选择后回调事件
|
||||||
|
selectionChange(selection) {
|
||||||
|
this.selection = selection;
|
||||||
|
},
|
||||||
|
add() {
|
||||||
|
this.$emit("success", this.selection)
|
||||||
|
this.visible = false;
|
||||||
|
},
|
||||||
|
//搜索
|
||||||
|
upsearch() {
|
||||||
|
this.$refs.table.upData(this.search);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue