sparkles: ✨ 样式修改

src/views/stock/component/apply-form.vue

@@ -194,7 +194,7 @@
 			materialList.value = data
 		})
 		options.value = materialList.value.map((item) => {
-			return { label: item.name ? item.name : '未知', value: item.id ? item.id : -1 }
+			return { label: item.name ? item.name + '(' + item.spec + ')' : '未知', value: item.id ? item.id : -1 }
 		})
 	}
 	watch(

src/views/stock/material/material-page.vue

@@ -2,11 +2,23 @@
 	<page-container>
 		<!-- 页面操作栏 -->
 		<template #ops>
-			<a-row>
-				<a-col :span="16">
+			<a-row style="width: 600px">
+				<a-col :span="8">
+					<a-tree-select
+						v-model:value="typeVal"
+						show-search
+						style="width: 100%"
+						:dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
+						placeholder="请选择物料类型"
+						allow-clear
+						:tree-data="types"
+						tree-node-filter-prop="label"
+					/>
+				</a-col>
+				<a-col :span="8">
 					<a-input-search
 						v-model:value="searchKey"
-						:placeholder="`名称/编码/类型`"
+						:placeholder="`名称/编码`"
 						allow-clear
 						enter-button
 						@search="loadData()"
@@ -110,6 +122,7 @@
 	const loading = ref(false)
 	const materialIdRef = ref<number>()
 	const printcodeRef = ref()
+	const typeVal = ref<string>() // 物料类型选择值
 
 	//类型树
 
@@ -130,7 +143,12 @@
 	const loadData = async (page = 1, size = 10) => {
 		loading.value = true
 		api.materialApi.material.materials(
-			{ page: page || materialPage.value?.current, size: size || materialPage.value?.size, key: searchKey.value },
+			{
+				page: page || materialPage.value?.current,
+				size: size || materialPage.value?.size,
+				key: searchKey.value,
+				type: typeVal.value,
+			},
 			(data) => {
 				loading.value = false
 				materialPage.value = data

vite.config.ts

@@ -59,8 +59,8 @@ export default defineConfig(({ mode }) => {
 			open: true,
 			proxy: {
 				'/api': {
-					target: 'https://ims.riemann.tech/api/',
-					// target: 'http://127.0.0.1:8888',
+					// target: 'https://ims.riemann.tech/api/',
+					target: 'http://127.0.0.1:8888',
 					changeOrigin: true,
 					rewrite: (path) => path.replace(/^\/api/, ''),
 				},