From 09542900534645e28c23f16caa94aa8a2c20cc5b Mon Sep 17 00:00:00 2001 From: payne <bzrlw2012@163.com> Date: 周五, 03 5月 2024 16:10:02 +0800 Subject: [PATCH] 往来单位助记码功能调整为 中文名称输入立即调用接口实现 --- iWare_RawMaterialWarehouse_Web/src/views/main/WmsBase/WmsMaterial/index.vue | 319 ++++++++++++++++++++++++++++------------------------ 1 files changed, 173 insertions(+), 146 deletions(-) diff --git a/iWare_RawMaterialWarehouse_Web/src/views/main/WmsBase/WmsMaterial/index.vue b/iWare_RawMaterialWarehouse_Web/src/views/main/WmsBase/WmsMaterial/index.vue index fb153d0..69d1eb8 100644 --- a/iWare_RawMaterialWarehouse_Web/src/views/main/WmsBase/WmsMaterial/index.vue +++ b/iWare_RawMaterialWarehouse_Web/src/views/main/WmsBase/WmsMaterial/index.vue @@ -23,37 +23,54 @@ </a-col> <a-col :md="8" :sm="24"> <a-form-item label="鐗╂枡绫诲瀷鍚嶇О"> - <a-input v-model="queryParam.materialTypeName" allow-clear - placeholder="璇疯緭鍏ョ墿鏂欑被鍨嬪悕绉�" /> + <!-- <a-input v-model="queryParam.materialTypeName" allow-clear + placeholder="璇疯緭鍏ョ墿鏂欑被鍨嬪悕绉�" /> --> + <a-select style="width: 100%" placeholder="璇烽�夋嫨鐗╂枡绫诲瀷" + v-model="queryParam.materialTypeName"> + <a-select-option v-for="(item, index) in materialTypeData" :key="index" + :value="item.materialTypeName">{{ + item.materialTypeName }}</a-select-option> + </a-select> </a-form-item> </a-col> - <a-col :md="8" :sm="24"> + + + <!-- <a-col :md="8" :sm="24"> <a-form-item label="鐗╂枡绫诲瀷鎻忚堪"> <a-input v-model="queryParam.materialTypeDescr" allow-clear placeholder="璇疯緭鍏ョ墿鏂欑被鍨嬫弿杩�" /> </a-form-item> - </a-col><a-col :md="8" :sm="24"> + </a-col> --> + <!-- <a-col :md="8" :sm="24"> <a-form-item label="鐗╂枡绫诲瀷"> <a-input-number v-model="queryParam.materialType" style="width: 100%" allow-clear placeholder="璇疯緭鍏ョ墿鏂欑被鍨�" /> </a-form-item> - </a-col> + </a-col> --> <a-col :md="8" :sm="24"> <a-form-item label="鐗╂枡缁�"> <a-input v-model="queryParam.materialGroup" allow-clear placeholder="璇疯緭鍏ョ墿鏂欑粍" /> </a-form-item> </a-col> - <a-col :md="8" :sm="24"> + <!-- <a-col :md="8" :sm="24"> <a-form-item label="ABC鍒嗙被鍚嶇О"> <a-input v-model="queryParam.abcClassName" allow-clear placeholder="璇疯緭鍏BC鍒嗙被鍚嶇О" /> </a-form-item> - </a-col><a-col :md="8" :sm="24"> + </a-col> --> + <a-col :md="8" :sm="24"> <a-form-item label="ABC鍒嗙被"> - <a-input-number v-model="queryParam.abcClass" style="width: 100%" allow-clear - placeholder="璇疯緭鍏BC鍒嗙被" /> + <!-- <a-input-number v-model="queryParam.abcClassName" style="width: 100%" allow-clear + placeholder="璇疯緭鍏BC鍒嗙被" /> --> + + <a-select style="width: 100%" placeholder="璇烽�夋嫨ABC鍒嗙被" v-model="queryParam.abcClass" > + <a-select-option v-for="(item, index) in materialTypeData2" :key="index" :value="item.code">{{ + item.name }}</a-select-option> + </a-select> + + </a-form-item> </a-col> - <a-col :md="8" :sm="24"> + <!-- <a-col :md="8" :sm="24"> <a-form-item label="鐗╂枡瑙勬牸"> <a-input v-model="queryParam.materialSpec" allow-clear placeholder="璇疯緭鍏ョ墿鏂欒鏍�" /> </a-form-item> @@ -70,7 +87,7 @@ </a-col> <a-col :md="8" :sm="24"> <a-form-item label="閲囪喘鍗曚綅"> - <a-input v-model="queryParam.pOUnit" allow-clear placeholder="璇疯緭鍏ラ噰璐崟浣�" /> + <a-input v-model="queryParam.poUnit" allow-clear placeholder="璇疯緭鍏ラ噰璐崟浣�" /> </a-form-item> </a-col> <a-col :md="8" :sm="24"> @@ -85,7 +102,7 @@ </a-col> <a-col :md="8" :sm="24"> <a-form-item label="鏍囧寘鏁伴噺"> - <a-input v-model="queryParam.sNP" allow-clear placeholder="璇疯緭鍏ユ爣鍖呮暟閲�" /> + <a-input v-model="queryParam.snp" allow-clear placeholder="璇疯緭鍏ユ爣鍖呮暟閲�" /> </a-form-item> </a-col> <a-col :md="8" :sm="24"> @@ -97,12 +114,12 @@ <a-form-item label="鎵规灞炴�ц鍒�"> <a-input v-model="queryParam.batchRuleId" allow-clear placeholder="璇疯緭鍏ユ壒娆″睘鎬ц鍒�" /> </a-form-item> - </a-col> - <a-col :md="8" :sm="24"> + </a-col> --> + <!-- <a-col :md="8" :sm="24"> <a-form-item label="鎺у埗灞炴�ц鍒�"> <a-input v-model="queryParam.controlRuleId" allow-clear placeholder="璇疯緭鍏ユ帶鍒跺睘鎬ц鍒�" /> </a-form-item> - </a-col> + </a-col> --> <a-col :md="8" :sm="24"> <a-form-item label="鏄惁绂佺敤"> <a-select :allowClear="true" style="width: 100%" v-model="queryParam.isDisabled" @@ -113,47 +130,47 @@ </a-form-item> </a-col> - <a-col :md="8" :sm="24"> + <!-- <a-col :md="8" :sm="24"> <a-form-item label="鎻忚堪"> <a-input v-model="queryParam.materialDesc" allow-clear placeholder="璇疯緭鍏ユ弿杩�" /> </a-form-item> - </a-col> <!--骞存湀鏃ユ椂鍒嗙--> - <!--鏃堕棿鑼冨洿--> - - <a-col :md="8" :sm="24"> - <a-form-item label="鍒涘缓鏃堕棿"> - <a-range-picker style="width: 100%" :placeholder="['寮�濮嬫椂闂�', '缁撴潫鏃堕棿']" :show-time="{ - format: 'HH:mm:ss', defaultValue: [moment('00:00:00', 'HH:mm:ss'), moment('23:59:59', 'HH:mm:ss')] - }" - v-model="queryParam.createdTime" value-format="YYYY-MM-DD HH:mm:ss" - format="YYYY-MM-DD HH:mm:ss" @change="onChangecreatedTime" /> - - </a-form-item> - </a-col> + </a-col> --> <!--骞存湀鏃ユ椂鍒嗙--> <!--鏃堕棿鑼冨洿--> - <a-col :md="8" :sm="24"> + <!-- <a-col :md="8" :sm="24"> + <a-form-item label="鍒涘缓鏃堕棿"> + <a-range-picker style="width: 100%" :placeholder="['寮�濮嬫椂闂�', '缁撴潫鏃堕棿']" :show-time="{ + format: 'HH:mm:ss', defaultValue: [moment('00:00:00', 'HH:mm:ss'), moment('23:59:59', 'HH:mm:ss')] + }" v-model="queryParam.createdTime" value-format="YYYY-MM-DD HH:mm:ss" format="YYYY-MM-DD HH:mm:ss" + @change="onChangecreatedTime" /> + + </a-form-item> + </a-col> --> + <!--骞存湀鏃ユ椂鍒嗙--> + <!--鏃堕棿鑼冨洿--> + + <!-- <a-col :md="8" :sm="24"> <a-form-item label="鏇存柊鏃堕棿"> <a-range-picker style="width: 100%" :placeholder="['寮�濮嬫椂闂�', '缁撴潫鏃堕棿']" :show-time="{ format: 'HH:mm:ss', defaultValue: [moment('00:00:00', 'HH:mm:ss'), moment('23:59:59', 'HH:mm:ss')] - }" - v-model="queryParam.updatedTime" value-format="YYYY-MM-DD HH:mm:ss" - format="YYYY-MM-DD HH:mm:ss" @change="onChangeupdatedTime" /> + }" v-model="queryParam.updatedTime" value-format="YYYY-MM-DD HH:mm:ss" format="YYYY-MM-DD HH:mm:ss" + @change="onChangeupdatedTime" /> </a-form-item> </a-col> <a-col :md="8" :sm="24"> - <a-form-item label="鍒涘缓鑰呭悕绉�"> - <a-input v-model="queryParam.createdUserName" allow-clear placeholder="璇疯緭鍏ュ垱寤鸿�呭悕绉�" /> + <a-form-item label="鍒涘缓浜�"> + <a-input v-model="queryParam.createdUserName" allow-clear placeholder="璇疯緭鍏ュ垱寤轰汉" /> </a-form-item> </a-col> <a-col :md="8" :sm="24"> - <a-form-item label="淇敼鑰呭悕绉�"> - <a-input v-model="queryParam.updatedUserName" allow-clear placeholder="璇疯緭鍏ヤ慨鏀硅�呭悕绉�" /> + <a-form-item label="淇敼浜�"> + <a-input v-model="queryParam.updatedUserName" allow-clear placeholder="璇疯緭鍏ヤ慨鏀逛汉" /> </a-form-item> - </a-col> </template> + </a-col> --> + </template> <a-col :md="8" :sm="24"> <span class="table-page-search-submitButtons"> @@ -224,7 +241,7 @@ <script> import { STable } from '@/components' import moment from 'moment' -import { WmsMaterialPage, WmsMaterialDelete, WmsMaterialToExcel } from '@/api/modular/main/WmsBase/WmsMaterialManage' +import { WmsMaterialPage, WmsMaterialDelete, WmsMaterialToExcel ,materialTypeDataList} from '@/api/modular/main/WmsBase/WmsMaterialManage' //鑷畾涔塼able楂樺害 import setTableHtMixin from '@/mixins/handleTableHt.js' import addForm from './addForm.vue' @@ -339,46 +356,46 @@ sorter: true, dataIndex: 'materialTypeName' }, - { - title: '鐗╂枡绫诲瀷鎻忚堪', - align: 'center', - customHeaderCell: () => { - return { - style: { - 'min-width': '120px'//鏈�灏忓垪瀹借缃� - } - } - }, - customCell: () => { - return { - style: { - 'min-width': '120px'//鏈�灏忓垪瀹借缃� - } - } - }, - sorter: true, - dataIndex: 'materialTypeDescr' - }, - { - title: '鐗╂枡绫诲瀷', - align: 'center', - customHeaderCell: () => { - return { - style: { - 'min-width': '120px'//鏈�灏忓垪瀹借缃� - } - } - }, - customCell: () => { - return { - style: { - 'min-width': '120px'//鏈�灏忓垪瀹借缃� - } - } - }, - sorter: true, - dataIndex: 'materialType' - }, + // { + // title: '鐗╂枡绫诲瀷鎻忚堪', + // align: 'center', + // customHeaderCell: () => { + // return { + // style: { + // 'min-width': '120px'//鏈�灏忓垪瀹借缃� + // } + // } + // }, + // customCell: () => { + // return { + // style: { + // 'min-width': '120px'//鏈�灏忓垪瀹借缃� + // } + // } + // }, + // sorter: true, + // dataIndex: 'materialTypeDescr' + // }, + // { + // title: '鐗╂枡绫诲瀷', + // align: 'center', + // customHeaderCell: () => { + // return { + // style: { + // 'min-width': '120px'//鏈�灏忓垪瀹借缃� + // } + // } + // }, + // customCell: () => { + // return { + // style: { + // 'min-width': '120px'//鏈�灏忓垪瀹借缃� + // } + // } + // }, + // sorter: true, + // dataIndex: 'materialType' + // }, { title: '鐗╂枡缁�', align: 'center', @@ -419,26 +436,26 @@ sorter: true, dataIndex: 'abcClassName' }, - { - title: 'ABC鍒嗙被', - align: 'center', - customHeaderCell: () => { - return { - style: { - 'min-width': '120px'//鏈�灏忓垪瀹借缃� - } - } - }, - customCell: () => { - return { - style: { - 'min-width': '120px'//鏈�灏忓垪瀹借缃� - } - } - }, - sorter: true, - dataIndex: 'abcClass' - }, + // { + // title: 'ABC鍒嗙被', + // align: 'center', + // customHeaderCell: () => { + // return { + // style: { + // 'min-width': '120px'//鏈�灏忓垪瀹借缃� + // } + // } + // }, + // customCell: () => { + // return { + // style: { + // 'min-width': '120px'//鏈�灏忓垪瀹借缃� + // } + // } + // }, + // sorter: true, + // dataIndex: 'abcClass' + // }, { title: '鐗╂枡瑙勬牸', align: 'center', @@ -517,7 +534,7 @@ } }, sorter: true, - dataIndex: 'pOUnit' + dataIndex: 'poUnit' }, { title: '棰滆壊', @@ -577,7 +594,7 @@ } }, sorter: true, - dataIndex: 'sNP' + dataIndex: 'snp' }, { title: '鎹㈢畻鐜�', @@ -599,46 +616,46 @@ sorter: true, dataIndex: 'translateRate' }, - { - title: '鎵规灞炴�ц鍒�', - align: 'center', - customHeaderCell: () => { - return { - style: { - 'min-width': '120px'//鏈�灏忓垪瀹借缃� - } - } - }, - customCell: () => { - return { - style: { - 'min-width': '120px'//鏈�灏忓垪瀹借缃� - } - } - }, - sorter: true, - dataIndex: 'batchRuleId' - }, - { - title: '鎺у埗灞炴�ц鍒�', - align: 'center', - customHeaderCell: () => { - return { - style: { - 'min-width': '120px'//鏈�灏忓垪瀹借缃� - } - } - }, - customCell: () => { - return { - style: { - 'min-width': '120px'//鏈�灏忓垪瀹借缃� - } - } - }, - sorter: true, - dataIndex: 'controlRuleId' - }, + // { + // title: '鎵规灞炴�ц鍒�', + // align: 'center', + // customHeaderCell: () => { + // return { + // style: { + // 'min-width': '120px'//鏈�灏忓垪瀹借缃� + // } + // } + // }, + // customCell: () => { + // return { + // style: { + // 'min-width': '120px'//鏈�灏忓垪瀹借缃� + // } + // } + // }, + // sorter: true, + // dataIndex: 'batchRuleId' + // }, + // { + // title: '鎺у埗灞炴�ц鍒�', + // align: 'center', + // customHeaderCell: () => { + // return { + // style: { + // 'min-width': '120px'//鏈�灏忓垪瀹借缃� + // } + // } + // }, + // customCell: () => { + // return { + // style: { + // 'min-width': '120px'//鏈�灏忓垪瀹借缃� + // } + // } + // }, + // sorter: true, + // dataIndex: 'controlRuleId' + // }, { title: '鏄惁绂佺敤', align: 'center', @@ -721,7 +738,7 @@ dataIndex: 'updatedTime' }, { - title: '鍒涘缓鑰呭悕绉�', + title: '鍒涘缓浜�', align: 'center', customHeaderCell: () => { return { @@ -741,7 +758,7 @@ dataIndex: 'createdUserName' }, { - title: '淇敼鑰呭悕绉�', + title: '淇敼浜�', align: 'center', customHeaderCell: () => { return { @@ -769,7 +786,8 @@ }) }, selectedRowKeys: [], - selectedRows: [] + selectedRows: [], + materialTypeData:[] } }, created() { @@ -797,6 +815,9 @@ const isDisabledOption = this.$options this.isDisabledData = isDisabledOption.filters['dictData']('yes_true_false') + const materialTypeOption = this.$options + this.materialTypeData2 = materialTypeOption.filters['dictData']('abc_class_type') + this.handleTableHt() //璁剧疆涓昏〃琛ㄦ牸楂樺害 window.addEventListener( 'resize', @@ -805,7 +826,11 @@ }, false ) + materialTypeDataList().then((d) => { + this.materialTypeData = d.data || [] + }).catch(() => { + }) }, methods: { moment, @@ -898,10 +923,12 @@ } } </script> -<style lang="less">.table-operator { +<style lang="less"> +.table-operator { margin-bottom: 18px; } button { margin-right: 8px; -}</style> +} +</style> -- Gitblit v1.9.3