From ec3cfd144de6fcf5e5cbfaf02585c17805300602 Mon Sep 17 00:00:00 2001 From: schangxiang@126.com <schangxiang@126.com> Date: 周三, 21 5月 2025 13:35:16 +0800 Subject: [PATCH] 优化 --- HIAWms/hiawms_web/src/widgets/WmsInOutStockOrder/Views/Pages/WmsInOutStockOrder/WmsInOutStockOrder.tsx | 119 +++++++++++++++++++++++++++++++++-------------------------- 1 files changed, 67 insertions(+), 52 deletions(-) diff --git a/HIAWms/hiawms_web/src/widgets/WmsInOutStockOrder/Views/Pages/WmsInOutStockOrder/WmsInOutStockOrder.tsx b/HIAWms/hiawms_web/src/widgets/WmsInOutStockOrder/Views/Pages/WmsInOutStockOrder/WmsInOutStockOrder.tsx index 7fec7c0..6958beb 100644 --- a/HIAWms/hiawms_web/src/widgets/WmsInOutStockOrder/Views/Pages/WmsInOutStockOrder/WmsInOutStockOrder.tsx +++ b/HIAWms/hiawms_web/src/widgets/WmsInOutStockOrder/Views/Pages/WmsInOutStockOrder/WmsInOutStockOrder.tsx @@ -26,6 +26,8 @@ ElMessage, } from 'element-plus' import { injectModel } from '@/libs/Provider/Provider' +// 寮曞叆鍏叡閫夐」閰嶇疆 +import { FILTER_MODE_OPTIONS_STRING_KEY } from '@/components/DyFormForHighQuery/DyFormForHighQueryOptions' interface RenderTableType { url?: string @@ -52,7 +54,7 @@ tableRef, current, search, - selection, + // selection, sort, headers, onError, @@ -69,19 +71,26 @@ } = useWmsInOutStockOrder(props, ctx) //瀹氫箟楂樼骇鏌ヨ寮曠敤 - const wmsInOutStockOrderQueryDrawerRef = ref(null) + const WmsInOutStockOrderQueryDrawerRef = ref(null) // 鏂板鐨勬煡璇㈡潯浠� const queryForm = ref({ searchVal: '', str_searchFormInputAttrs: [], + searchVal_FilterMode: '', }) //瀹氫箟鏁翠綋妯$硦鏌ヨ鐨勫垪鏁扮粍(娉ㄦ剰锛氬繀椤诲ぇ灏忓啓璺熷悗绔殑瀹炰綋绫诲睘鎬у悕涓�鑷达紝鍚﹀垯浼氬鑷村尮閰嶄笉瀵圭殑闂) const _searchFormInputAttrs = ref([ 'OrderNo', + 'MaterialName', 'MaterialNo', + 'MaterialModel', 'MaterialBatch', + 'PlanNo', + 'Remark', ]) - const searchFormInputAttrs_Placeholder = ref('璇疯緭鍏ュ崟鎹彿/鐗╂枡缂栧彿/鎵规') + const searchFormInputAttrs_Placeholder = ref( + '璇疯緭鍏ュ崟鎹紪鍙�/鐗╂枡鍚嶇О/鐗╂枡浠跺彿/鍨嬪彿/鎵规鍙�/鍏宠仈璁″垝缂栧彿/澶囨敞' + ) // 鍔ㄦ�佹灇涓鹃�夐」 const enumOptions = reactive({ @@ -119,19 +128,28 @@ } } - // 缁勪欢鎸傝浇鏃惰幏鍙栨灇涓炬暟鎹� - onMounted(() => { - fetchEnumData() - }) - // 瀹氫箟鍝嶅簲寮忔煡璇㈡暟鎹� const _curHighQueryData = ref({ searchVal: '', str_searchFormInputAttrs: [], + searchVal_FilterMode: '', }) + // 缁勪欢鎸傝浇鏃惰幏鍙栨灇涓炬暟鎹� + onMounted(() => { + fetchEnumData() + queryForm.value.searchVal_FilterMode = + FILTER_MODE_OPTIONS_STRING_KEY[0]?.value || '' + _curHighQueryData.value.searchVal_FilterMode = + queryForm.value.searchVal_FilterMode + _curHighQueryData.value.str_searchFormInputAttrs = + _searchFormInputAttrs.value + }) + // 鏂扮増鐨勬煡璇㈡柟娉曪紙涓婚〉闈腑鐨勬寜閽�愭煡璇€�戯級 const handleQueryForMain = async () => { _curHighQueryData.value.searchVal = queryForm.value.searchVal + _curHighQueryData.value.searchVal_FilterMode = + queryForm.value.searchVal_FilterMode _curHighQueryData.value.str_searchFormInputAttrs = _searchFormInputAttrs.value tableRef.value.getList(_curHighQueryData.value) @@ -145,6 +163,8 @@ // 鏂扮増鐨勬煡璇㈤噸缃� const resetQuery = () => { queryForm.value.searchVal = '' + queryForm.value.searchVal_FilterMode = + FILTER_MODE_OPTIONS_STRING_KEY[0]?.value || '' queryForm.value.str_searchFormInputAttrs = _searchFormInputAttrs.value } //鏂扮増鐨勫鍑烘柟娉� @@ -162,6 +182,8 @@ const commonSaveCurHighQueryData = (filteredData = {}) => { _curHighQueryData.value = { ..._curHighQueryData.value, ...filteredData } _curHighQueryData.value.searchVal = queryForm.value.searchVal + _curHighQueryData.value.searchVal_FilterMode = + queryForm.value.searchVal_FilterMode _curHighQueryData.value.str_searchFormInputAttrs = _searchFormInputAttrs.value } @@ -176,6 +198,7 @@ ) //缁勫悎妯$硦鏌ヨ filteredData.searchVal = queryForm.value.searchVal + filteredData.searchVal_FilterMode = queryForm.value.searchVal_FilterMode filteredData.str_searchFormInputAttrs = _searchFormInputAttrs.value return filteredData } @@ -188,15 +211,15 @@ }) // 鎵撳紑鍙枡寮圭獥 - const openCallMaterialDialog = () => { - console.log('閫変腑鐨勬暟鎹�:', callMaterialDialog.selectedItems) - if (selection.value.length === 0) { - ElMessage.warning('璇疯嚦灏戦�夋嫨涓�鏉¤褰�') - return - } - callMaterialDialog.selectedItems = [...selection.value] - callMaterialDialog.visible = true - } + // const openCallMaterialDialog = () => { + // console.log('閫変腑鐨勬暟鎹�:', callMaterialDialog.selectedItems) + // if (selection.value.length === 0) { + // ElMessage.warning('璇疯嚦灏戦�夋嫨涓�鏉¤褰�') + // return + // } + // callMaterialDialog.selectedItems = [...selection.value] + // callMaterialDialog.visible = true + // } // 纭鍙枡 const confirmCallMaterial = () => { @@ -352,45 +375,37 @@ 娣诲姞 </IconButton> <el-divider direction="vertical" /> - <IconButton - v-permission="wmsInOutStockOrder-add" - icon="add-p" - onClick={openCallMaterialDialog} - type="primary" - > - 鍙枡 - </IconButton> - <el-divider direction="vertical" /> - {/* <el-upload - v-permission="wmsInOutStockOrder-import" - name="file" - accept=".xlsx,.xls,.csv" - show-file-list={false} - onError={onError} - onSuccess={onSuccess} - before-upload={onBeforeUpload} - headers={headers.value} - action="/api/v1/HIAWms/wmsInOutStockOrder/import" - > - <IconButton icon="in">瀵煎叆</IconButton> - </el-upload> - - <IconButton - v-permission="wmsInOutStockOrder-output" - icon="out" - onClick={handleExport} - > - 瀵煎嚭 - </IconButton> */} </div> <ElFormItem style={{ marginTop: '15px' }}> <ElFormItem label="鍏抽敭瀛�"> - <ElInput - v-model={queryForm.value.searchVal} - placeholder={searchFormInputAttrs_Placeholder.value} - clearable + <el-tooltip + class="box-item" + effect="dark" + content={searchFormInputAttrs_Placeholder.value} + placement="top-start" + > + <ElInput + v-model={queryForm.value.searchVal} + placeholder={searchFormInputAttrs_Placeholder.value} + clearable + class={styles.formItem} + /> + </el-tooltip> + </ElFormItem> + <ElFormItem label="" style="width:100px;"> + <ElSelect + v-model={queryForm.value.searchVal_FilterMode} + placeholder="璇烽�夋嫨" class={styles.formItem} - /> + > + {FILTER_MODE_OPTIONS_STRING_KEY.map((option) => ( + <ElOption + key={option.value} + label={option.label} + value={option.value} + /> + ))} + </ElSelect> </ElFormItem> <IconButton type="primary" -- Gitblit v1.9.3