fix:辅料库物料清单添加筛选项

src/views/inm/helpso.vue

@@ -1,22 +1,8 @@
 <template>
 	<el-container>
 		<el-header>
-			<!-- <div class="left-panel">
+			<div class="left-panel">
-				<el-select
+			</div>
-					v-model="query.warehouse"
-					clearable
-					placeholder="所在仓库"
-					@change="handleQuery"
-					style="width: 150px"
-				>
-					<el-option
-						v-for="item in warehouseOptions"
-						:key="item.id"
-						:label="item.name"
-						:value="item.id"
-					></el-option>
-				</el-select>
-			</div> -->
 			<div class="right-panel">
 				<el-input
 					v-model="query.search"
@@ -41,7 +27,7 @@
 				v-if="project_code=='gx'"
 			>
 				<el-table-column type="index" width="50" />
-				<el-table-column label="日期" prop="update_time">
+				<el-table-column label="日期" prop="update_time" sortable>
 				</el-table-column>
 				<el-table-column label="物料编号">
 					<template #default="scope">
@@ -65,24 +51,29 @@
 						<span v-if="scope.row.material_&&scope.row.material_.model">{{ scope.row.material_.model }}</span>
 					</template>
 				</el-table-column>
+				<!-- 
+					:filters="unitFilters"
+					:filter-method="filterUnitDate"
+					filter-placement="bottom-end"
+				 -->
 				<el-table-column label="单位">
 					<template #default="scope">
 						<span v-if="scope.row.material_&&scope.row.material_.unit">{{ scope.row.material_.unit }}</span>
 					</template>
 				</el-table-column>
-				<el-table-column label="安全库存">
+				<el-table-column label="安全库存" sortable>
 					<template #default="scope">
 						<span v-if="scope.row.material_&&scope.row.material_.count_safe">{{ scope.row.material_.count_safe }}</span>
 					</template>
 				</el-table-column>
-				<el-table-column label="数量" prop="count">
+				<el-table-column label="数量" prop="count" sortable>
 				</el-table-column>
-				<el-table-column label="单价">
+				<el-table-column label="单价" sortable>
 					<template #default="scope">
 						<span v-if="scope.row.material_&&scope.row.material_.unit_price">{{ scope.row.material_.unit_price }}</span>
 					</template>
 				</el-table-column>
-				<el-table-column label="总金额" prop="expiration_date">
+				<el-table-column label="总金额" prop="expiration_date" sortable>
 					<template #default="scope">
 						<span v-if="scope.row.material_&&scope.row.material_.unit_price">{{  Number(scope.row.material_.unit_price)*Number(scope.row.count) }}</span>
 					</template>
@@ -137,6 +128,7 @@ export default {
 			apiObj: this.$API.inm.warehouse.batch,
 			params: { count__gte: 1, material__type__in: "40" },
 			selection: [],
+			unitFilters:[],
 			query: {},
 			warehouseOptions: [],
 			wmtype:0,
@@ -148,7 +140,20 @@ export default {
 		};
 	},
 	mounted() {
+		let that = this;
 		this.getWarehouse();
+		this.$nextTick(() => {
+		    let datas = this.$refs.table.tableData;
+			that.unitFilters = [];
+			datas.forEach(item => {
+				let unit = item.material_.unit;
+				console.log(unit);
+				if(that.unitFilters.indexOf(unit) >-1){}else{
+					that.unitFilters.push(unit)
+				}
+			});
+			console.log(that.unitFilters);
+		})
 	},
 	methods: {
 		getWarehouse() {
@@ -156,6 +161,9 @@ export default {
 				this.warehouseOptions = res;
 			});
 		},
+		filterUnitDate(value, row) {
+			return row.单位 === value;
+        },
 		handleQuery() {
 			this.$refs.table.queryData(this.query);
 		},

src/views/inm/materials.vue

@@ -7,20 +7,33 @@
 					icon="el-icon-plus"
 					@click="add"
 					v-auth="'material.create'"
-					>新增</el-button
+				>新增</el-button>
-				>
 				<scFileImport
 					:templateUrl="materialTemplate"
 					accept=".xlsx"
 					:apiObj="$API.common.upload"
 					@success="upSuccess"
-				>
+				></scFileImport>
-				</scFileImport>
+				<!-- <el-button
+					type="primary"
+					icon="el-icon-download"
+					@click="exportM"
+					:loading="exportLoading"
+				>导出</el-button> -->
 			</div>
 			<div class="right-panel">
+				<el-select v-model="query.cate" placeholder="辅料类型" style="width: 150px;">
+					<el-option
+						v-for="item in mCateEnum.list"
+						:key="item"
+						:label="item"
+						:value="item"
+					></el-option>
+				</el-select>
 				<el-input
 					v-model="query.search"
-					placeholder="名称"
+					placeholder="名称/编号/规格/型号"
+					 style="width: 250px;"
 					clearable
 				></el-input>
 				<el-button
@@ -40,9 +53,9 @@
 				@row-click="rowClick"
 			>
 				<el-table-column type="index" width="50" />
-				<el-table-column label="物料编号" prop="number">
+				<el-table-column label="物料编号" prop="number" sortable>
 				</el-table-column>
-				<el-table-column label="物料名称" prop="name">
+				<el-table-column label="物料名称" prop="name" sortable>
 				</el-table-column>
 				<el-table-column label="规格" prop="specification">
 				</el-table-column>
@@ -57,21 +70,21 @@
 						>隐</el-tag>
 					</template>
 				</el-table-column>
-				<el-table-column label="计量单位" prop="unit">
+				<el-table-column label="计量单位" prop="unit" sortable>
 				</el-table-column>
-				<el-table-column label="仓库位号" prop="bin_number_main">
+				<el-table-column label="仓库位号" prop="bin_number_main" sortable>
 				</el-table-column>
 				<el-table-column label="类型" prop="cate">
 				</el-table-column>
-				<el-table-column label="安全库存" prop="count_safe">
+				<el-table-column label="安全库存" prop="count_safe" sortable>
 				</el-table-column>
-				<el-table-column label="单价" prop="unit_price">
+				<el-table-column label="单价" prop="unit_price" sortable>
 				</el-table-column>
-				<el-table-column label="总价" prop="count_safe">
+				<!-- <el-table-column label="总价" prop="count_safe">
 					<template #default="scope">
 						{{ scope.row.unit_price * scope.row.count }}
 					</template>
-				</el-table-column>
+				</el-table-column> -->
 				<el-table-column
 					v-if="materialType == ''"
 					label="操作"
@@ -121,6 +134,7 @@
 import scFileImport from "@/components/scFileImport";
 import saveDialog from "./../mtm/materials_form_gx.vue";
 import { ElLoading } from "element-plus";
+import { mCateEnum } from "@/utils/enum.js";
 
 export default {
 	name: "rparty",
@@ -140,6 +154,7 @@ export default {
 	},
 	data() {
 		return {
+			mCateEnum,
 			project_code : this.$TOOL.data.get("BASE_INFO").base.base_code,
 			materialTemplate: " /media/default/template/material.xlsx",
 			dialog: {
@@ -156,6 +171,7 @@ export default {
 			},
 			materialId: "",
 			materialName: "",
+			exportLoading:false,
 		};
 	},
 	mounted() {
@@ -228,6 +244,18 @@ export default {
 		resetQuery() {
 			this.query = {};
 		},
+		exportM(){
+			let that = this;
+			// that.$API.mtm.material.list.req({ page:0}).then((res) => {
+			//     that.tableData = res;
+			// 	console.log(that.tableData);
+			// 	that.exportLoading = true;
+			// 	setTimeout(() => {
+			// 		that.$XLSX("#myTable", '物料清单');
+			// 		that.exportLoading = false;
+			// 	}, 1000);
+			// })
+		},
 		upSuccess(res, close) {
 			close();
 			const loading = ElLoading.service({