Billion-Mes.git

hdy

7 天以前 b9df2fc5c64a1d989991655a9e42e4d1f2ec4075

提交 \| 用户 \| 时间
3d0e64	1	<template>
H	2	<el-dialog title="物料产品选择"
	3	v-if="showFlag"
	4	:visible.sync="showFlag"
	5	:modal= false
	6	width="80%"
	7	center
	8	>
	9	<el-row :gutter="20">
	10	<!--物料数据-->
	11	<el-col :span="24" :xs="24">
	12	<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
	13	<el-form-item label="物料编码" prop="materialCode">
	14	<el-input
	15	v-model="queryParams.materialCode"
	16	placeholder="请输入物料编码"
	17	clearable
	18	style="width: 240px"
	19	@keyup.enter.native="handleQuery"
	20	/>
	21	</el-form-item>
	22	<el-form-item label="物料名称" prop="materialName">
	23	<el-input
	24	v-model="queryParams.materialName"
	25	placeholder="请输入物料名称"
	26	clearable
	27	style="width: 240px"
	28	@keyup.enter.native="handleQuery"
	29	/>
	30	</el-form-item>
	31	<el-form-item style="float: right">
	32	<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
	33	<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
	34	</el-form-item>
	35	</el-form>
	36	<el-table border v-loading="loading" :data="itemList" @current-change="handleCurrent" @row-dblclick="handleRowDbClick">
	37	<el-table-column width="50" align="center" >
	38	<template v-slot="scope">
	39	<el-radio v-model="selectedItemId" :label="scope.row.id" @change="handleRowChange(scope.row)">{{""}}</el-radio>
	40	</template>
	41	</el-table-column>
	42	<el-table-column label="物料编号" align="center" prop="materialCode">
	43	</el-table-column>
	44	<el-table-column label="物料名称" align="center" prop="materialName">
	45	</el-table-column>
	46	<el-table-column label="单位" align="center" prop="unit">
	47	<template slot-scope="scope">
	48	<dict-tag :options="dict.type.unit" :value="scope.row.unit"/>
	49	</template>
	50	</el-table-column>
	51	<el-table-column label="创建时间" align="center" prop="createTime">
	52	</el-table-column>
	53	<el-table-column label="状态" align="center" prop="status">
	54	<template slot-scope="scope">
	55	<dict-tag :options="dict.type.sys_normal_disable" :value="scope.row.status"/>
	56	</template>
	57	</el-table-column>
	58	<el-table-column label="厂商" align="center" prop="supplier">
	59	</el-table-column>
	60	</el-table>
	61
	62	<pagination
	63	v-show="total>0"
	64	:total="total"
	65	:page.sync="queryParams.pageNum"
	66	:limit.sync="queryParams.pageSize"
	67	@pagination="getList"
	68	/>
	69	</el-col>
	70	</el-row>
	71	<div slot="footer" class="dialog-footer">
	72	<el-button type="primary" @click="confirmSelect">确定</el-button>
	73	<el-button @click="showFlag=false">取消</el-button>
	74	</div>
	75	</el-dialog>
	76	</template>
	77
	78	<script>
	79	import { listMaterialInfo} from "@/api/main/bs/materialInfo";
	80
	81	export default {
	82	name: "MdItemSingle",
	83	dicts: ['sys_yes_no','mes_item_product','material_type','unit','sys_normal_disable'],
	84	data() {
	85	return {
	86	showFlag:false,
	87	// 选中数组
	88	selectedItemId: undefined,
	89	selectedRows: undefined,
	90	// 非单个禁用
	91	single: true,
	92	// 非多个禁用
	93	multiple: true,
	94	// 显示搜索条件
	95	showSearch: true,
	96	// 总条数
	97	total: 0,
	98	// 物料产品表格数据
	99	itemList: null,
	100	// 部门树选项
	101	itemTypeOptions: undefined,
	102	// 部门名称
	103	itemTypeName: undefined,
	104	defaultProps: {
	105	children: "children",
	106	label: "label"
	107	},
	108	// 查询参数
	109	queryParams: {
	110	pageNum: 1,
	111	pageSize: 10,
	112	materialCode: undefined,
	113	materialName: undefined,
	114	itemTypeId: 0,
	115	typeL: 1,
	116	},
	117	// 列信息
	118	columns: [
	119	{ key: 0, label: `物料/产品编码`, visible: true },
	120	{ key: 1, label: `物料/产品名称`, visible: true },
	121	{ key: 2, label: `规格型号`, visible: true },
	122	{ key: 3, label: `单位`, visible: true },
	123	{ key: 4, label: `物料/产品`, visible: true },
	124	{ key: 5, label: `物料分类`, visible: true },
	125	{ key: 6, label: `创建时间`, visible: true }
	126	]
	127	};
	128	},
	129	watch: {
	130	// 根据名称筛选分类树
	131	itemTypeName(val) {
	132	this.$refs.tree.filter(val);
	133	}
	134	},
	135	created() {
	136	this.getList();
	137	},
	138	methods: {
	139	/** 查询物料编码列表 */
	140	getList() {
	141	this.loading = true;
	142	listMaterialInfo(this.queryParams).then(response => {
	143	this.itemList = response.rows;
	144	this.total = response.total;
	145	this.loading = false;
	146	}
	147	);
	148	},
	149	// 筛选节点
	150	filterNode(value, data) {
	151	if (!value) return true;
	152	return data.label.indexOf(value) !== -1;
	153	},
	154	// 节点单击事件
	155	handleNodeClick(data) {
	156	this.queryParams.itemTypeId = data.id;
	157	this.handleQuery();
	158	},
	159	/** 搜索按钮操作 */
	160	handleQuery() {
	161	this.queryParams.pageNum = 1;
	162	this.getList();
	163	},
	164	/** 重置按钮操作 */
	165	resetQuery() {
	166	this.resetForm("queryForm");
	167	this.handleQuery();
	168	},
	169	handleCurrent(row){
	170	if(row){
	171	this.selectedRows = row;
	172	}
	173	},
	174	handleRowDbClick(row){
	175	if(row){
	176	this.selectedRows = row;
	177	this.$emit('onSelected',this.selectedRows);
	178	this.showFlag = false;
	179	}
	180	},
	181	// 单选选中数据
	182	handleRowChange(row) {
	183	debugger;
	184	if(row){
	185	this.selectedRows = row;
	186	}
	187	},
	188	//确定选中
	189	confirmSelect(){
	190	if(this.selectedItemId ==null \|\| this.selectedItemId==0){
	191	this.$notify({
	192	title:'提示',
	193	type:'warning',
	194	message: '请至少选择一条数据!'
	195	});
	196	return;
	197	}
	198	console.log(this.selectedRows)
	199
	200	this.$emit('onSelected',this.selectedRows);
	201	this.showFlag = false;
	202	}
	203	}
	204	};
	205	</script>