From f87590b44fe1c160f3ce8ecaaba57f44e0cf3858 Mon Sep 17 00:00:00 2001 From: schangxiang@126.com <schangxiang@126.com> Date: 周六, 03 5月 2025 17:38:30 +0800 Subject: [PATCH] 2222 --- Weben_CMS专用代码生成器/Weben_CMS_TemplateDemo/web/src/widgets/HIAWms/Views/Pages/WmsMaterial/WmsMaterial.tsx | 202 ++++++++++++++++++-------------------------------- 1 files changed, 72 insertions(+), 130 deletions(-) diff --git "a/Weben_CMS\344\270\223\347\224\250\344\273\243\347\240\201\347\224\237\346\210\220\345\231\250/Weben_CMS_TemplateDemo/web/src/widgets/HIAWms/Views/Pages/WmsMaterial/WmsMaterial.tsx" "b/Weben_CMS\344\270\223\347\224\250\344\273\243\347\240\201\347\224\237\346\210\220\345\231\250/Weben_CMS_TemplateDemo/web/src/widgets/HIAWms/Views/Pages/WmsMaterial/WmsMaterial.tsx" index 83fb3fa..2f9c7b1 100644 --- "a/Weben_CMS\344\270\223\347\224\250\344\273\243\347\240\201\347\224\237\346\210\220\345\231\250/Weben_CMS_TemplateDemo/web/src/widgets/HIAWms/Views/Pages/WmsMaterial/WmsMaterial.tsx" +++ "b/Weben_CMS\344\270\223\347\224\250\344\273\243\347\240\201\347\224\237\346\210\220\345\231\250/Weben_CMS_TemplateDemo/web/src/widgets/HIAWms/Views/Pages/WmsMaterial/WmsMaterial.tsx" @@ -63,20 +63,14 @@ onBeforeUpload, } = useWmsMaterial(props, ctx) + //瀹氫箟楂樼骇鏌ヨ寮曠敤 + const wmsMaterialQueryDrawerRef=ref(null); // 鏂板鐨勬煡璇㈡潯浠� const queryForm = ref({ - materialCode: '', - materialName: '', - materialType: '', - purchaseType: '', filter: '', }) - const queryParams = computed(() => ({ - ...queryForm.value, - materialType: queryForm.value.materialType || '', // 澶勭悊涓嬫媺 - purchaseType: queryForm.value.purchaseType || '', - })) + // 鍔ㄦ�佹灇涓鹃�夐」 const enumOptions = reactive({ @@ -115,26 +109,53 @@ fetchEnumData() }) - // 鏂板鐨勬煡璇㈡柟娉� + // 瀹氫箟鍝嶅簲寮忔煡璇㈡暟鎹� + const _curHighQueryData = ref({ filter: '' }); + // 鏂扮増鐨勬煡璇㈡柟娉曪紙涓婚〉闈腑鐨勬寜閽�愭煡璇€�戯級 + const handleQueryForMain = async () => { + _curHighQueryData.value.filter = queryForm.value.filter; + tableRef.value.getList(_curHighQueryData.value) + } + // 鏂扮増鐨勬煡璇㈡柟娉曪紙楂樼骇鏌ヨ涓殑鎸夐挳銆愭煡璇€�戯級 const handleQuery = async (extraParams = {}) => { - // 杩囨护鎺� undefined 鐨勫�� -let filteredData = Object.assign( - {}, - ...Object.entries(extraParams).map(([key, value]) => ((value !== undefined) ? { [key]: value } : {})) -); + let filteredData = commonGetHighQueryForm(extraParams); + commonSaveCurHighQueryData(filteredData); tableRef.value.getList(filteredData) } - - // 閲嶇疆鏌ヨ鏉′欢 + // 鏂扮増鐨勬煡璇㈤噸缃� const resetQuery = () => { - queryForm.value = { - materialCode: '', - materialName: '', - materialType: '', - purchaseType: '', - filter: '', - } + queryForm.value.filter = '' } + //鏂扮増鐨勫鍑烘柟娉� + const handleExport=()=>{ + onExport(_curHighQueryData.value); + } + // 鏂扮増鐨勬煡璇㈠脊鍑烘鍏抽棴鏂规硶 + const closeQuery = (extraParams={}) => { + let filteredData = commonGetHighQueryForm(extraParams); + console.log("closeQuery鏂规硶"); + console.log(filteredData); + commonSaveCurHighQueryData(filteredData); + } + //淇濆瓨鏌ヨ鍊� + const commonSaveCurHighQueryData=(filteredData={})=>{ + _curHighQueryData.value = { ..._curHighQueryData.value, ...filteredData }; + _curHighQueryData.value.filter = queryForm.value.filter + } + //鑾峰彇楂樼骇鏌ヨ寮瑰嚭妗嗙殑鏌ヨ鍊� + const commonGetHighQueryForm=(extraParams={})=>{ + // 杩囨护鎺� undefined 鐨勫�� + let filteredData = Object.assign( + {}, + ...Object.entries(extraParams).map(([key, value]) => + value !== undefined ? { [key]: value } : {} + ) + ) + //缁勫悎妯$硦鏌ヨ + filteredData.filter = queryForm.value.filter + return filteredData; + } + /** * @returns 琛ㄦ牸 @@ -204,103 +225,17 @@ sort={sort.value} onConfirm={onConfirmWmsMaterial} /> - {/* 楂樼骇鏌ヨ */} - <WmsMaterialQueryDrawer + {/* 楂樼骇鏌ヨ */} + <WmsMaterialQueryDrawer + ref="wmsMaterialQueryDrawerRef" v-model={dialogConfigForQuery.visible} title={dialogConfigForQuery.title} row={current.value} sort={sort.value} onConfirmQuery={handleQuery} + onRestQuery={resetQuery} + onClose={closeQuery} /> - - {/* 鏂板鐨勬煡璇㈣〃鍗� */} - <ElForm - inline - model={queryForm.value} - class={styles.queryForm} - label-width="80px" - > - <ElFormItem label="鍏抽敭瀛�"> - <ElInput - v-model={queryForm.value.filter} - placeholder="璇疯緭鍏ュ叧閿瓧鎼滅储" - clearable - class={styles.formItem} - /> - </ElFormItem> - <ElFormItem label="鐗╂枡缂栫爜"> - <ElInput - v-model={queryForm.value.materialCode} - placeholder="璇疯緭鍏ョ墿鏂欑紪鐮�" - clearable - class={styles.formItem} - /> - </ElFormItem> - <ElFormItem label="鐗╂枡鍚嶇О"> - <ElInput - v-model={queryForm.value.materialName} - placeholder="璇疯緭鍏ョ墿鏂欏悕绉�" - clearable - class={styles.formItem} - /> - </ElFormItem> - <ElFormItem label="鐗╂枡绫诲瀷"> - <ElSelect - v-model={queryForm.value.materialType} - placeholder="璇烽�夋嫨鐗╂枡绫诲瀷" - clearable - loading={enumOptions.materialType.length === 0} - class={styles.formItem} - > - {enumOptions.materialType.map((option) => ( - <ElOption - key={option.value} - label={option.label} - value={option.value} - /> - ))} - </ElSelect> - </ElFormItem> - <ElFormItem label="閲囪喘绫诲瀷"> - <ElSelect - v-model={queryForm.value.purchaseType} - placeholder="璇烽�夋嫨閲囪喘绫诲瀷" - clearable - loading={enumOptions.purchaseType.length === 0} - class={styles.formItem} - > - {enumOptions.purchaseType.map((option) => ( - <ElOption - key={option.value} - label={option.label} - value={option.value} - /> - ))} - </ElSelect> - </ElFormItem> - {/* <ElFormItem label="鏃ユ湡鑼冨洿"> - <ElDatePicker - v-model={queryForm.value.dateRange} - type="daterange" - range-separator="鑷�" - start-placeholder="寮�濮嬫棩鏈�" - end-placeholder="缁撴潫鏃ユ湡" - value-format="YYYY-MM-DD" - /> - </ElFormItem> */} - <ElFormItem> - <IconButton type="primary" icon="search" onClick={handleQuery}> - 鏌ヨ - </IconButton> - <IconButton - style="margin-left: 10px;" - icon="refresh" - onClick={resetQuery} - > - 閲嶇疆 - </IconButton> - </ElFormItem> - </ElForm> <div class={styles.headerContent}> <div class={styles.header}> @@ -313,14 +248,7 @@ 娣诲姞 </IconButton> <el-divider direction="vertical" /> - <IconButton - v-permission="wmsMaterial-add" - icon="add-p" - onClick={onAdvancedQuery} - type="primary" - > - 楂樼骇鏌ヨ - </IconButton> + <el-divider direction="vertical" /> <el-upload v-permission="wmsMaterial-import" @@ -339,7 +267,7 @@ <IconButton v-permission="wmsMaterial-output" icon="out" - onClick={onExport} + onClick={handleExport} > 瀵煎嚭 </IconButton> @@ -350,16 +278,30 @@ onConfirm={onSearch} style={{ marginTop: '-1px' }} /> - <IconButton type="primary" icon="search" onClick={handleQuery}> + <ElFormItem style={{ marginTop: '15px' }}> + <ElFormItem label="鍏抽敭瀛�"> + <ElInput + v-model={queryForm.value.filter} + placeholder="璇疯緭鍏ュ叧閿瓧鎼滅储" + clearable + class={styles.formItem} + /> + </ElFormItem> + <IconButton type="primary" icon="search" onClick={handleQueryForMain}> 鏌ヨ </IconButton> - <IconButton - style="" - icon="refresh" - onClick={resetQuery} - > + <IconButton style="" icon="refresh" onClick={resetQuery}> 閲嶇疆 </IconButton> + <IconButton + v-permission="wmsMaterial-add" + icon="add-p" + onClick={onAdvancedQuery} + type="primary" + > + 楂樼骇鏌ヨ + </IconButton> + </ElFormItem> </div> <RenderBaseTable -- Gitblit v1.9.3