Browse Source

盘点计划失去焦点校验

hella_online_20240829
张立 6 months ago
parent
commit
10d02eb2ac
  1. 34
      src/api/wms/business/inputBlur.ts
  2. 364
      src/components/BasicForm/src/BasicFormWmsCount.vue
  3. 2
      src/components/Form/src/Form.vue
  4. 12
      src/components/TableFormCountPlan/src/TableFormCountPlan.vue
  5. 35
      src/views/wms/countManage/count/countPlanMain/countPlanMain.data.ts

34
src/api/wms/business/inputBlur.ts

@ -217,6 +217,7 @@ export const FormBlur = async (field, val, routeName, formRef, detailData, formS
setV[field] = '' setV[field] = ''
try { try {
if (formSchema.searchPage && formSchema.verificationParams) { if (formSchema.searchPage && formSchema.verificationParams) {
if (!formSchema.multiple) {
//获取data.ts参数信息 //获取data.ts参数信息
const searchCondition = formSchema?.searchCondition || [] const searchCondition = formSchema?.searchCondition || []
//获取失去焦点参数信息 //获取失去焦点参数信息
@ -226,7 +227,6 @@ export const FormBlur = async (field, val, routeName, formRef, detailData, formS
// searchCondition = [...searchCondition, ...verificationParams] // searchCondition = [...searchCondition, ...verificationParams]
if (val && isString(val)) { if (val && isString(val)) {
let params = {} let params = {}
const _searchCondition = {} const _searchCondition = {}
const filters: any[] = [] const filters: any[] = []
@ -349,13 +349,11 @@ export const FormBlur = async (field, val, routeName, formRef, detailData, formS
_searchCondition.isSearch = true _searchCondition.isSearch = true
_searchCondition.filters = filters _searchCondition.filters = filters
} }
console.log(4545, _searchCondition)
const obj = { const obj = {
by: 'ASC', by: 'ASC',
pageNo: 1, pageNo: 1,
pageSize: 20 pageSize: 20
} }
console.log(888, _searchCondition)
params = { params = {
isSearch: _searchCondition.isSearch, isSearch: _searchCondition.isSearch,
filters: _searchCondition.filters, filters: _searchCondition.filters,
@ -388,6 +386,36 @@ export const FormBlur = async (field, val, routeName, formRef, detailData, formS
} }
callback(list.value) callback(list.value)
}) })
}
} else {
if (val && isString(val)) {
await formSchema.verificationPage({
codes:val
}).then((res) => {
const arr1 = val.split(',')
const list = ref([])
list.value = res?.length > 0 ? res : []
if (list.value?.length == 0) {
message.alert('暂无数据')
formRef.setValues(setV)
return
}
console.log(arr1)
console.log(list.value)
if (arr1.length != list.value.length) {
const arr2 = list.value.map((item) => item.code)
const str = [
...arr1.filter((item) => !arr2.includes(item)),
...arr2.filter((item) => !arr1.includes(item))
].join(',')
message.alert('代码' + str + '没有找到对应数据')
formRef.setValues(setV)
return
}
callback(list.value)
})
}
} }
} }
} catch { } catch {

364
src/components/BasicForm/src/BasicFormWmsCount.vue

@ -6,9 +6,7 @@
:close-on-click-modal="false" :close-on-click-modal="false"
:vLoading="formLoading" :vLoading="formLoading"
> >
<div style="max-height: 60vh; overflow-y: auto">
<div
style="max-height: 60vh;overflow-y: auto;">
<Form <Form
ref="formRef" ref="formRef"
:rules="rules" :rules="rules"
@ -21,10 +19,16 @@
@onChange="onChange" @onChange="onChange"
@onBlur="onBlur" @onBlur="onBlur"
@onEnter="onEnter" @onEnter="onEnter"
@onFocus="onFocus"
> >
<template #crontab="formSchema1" v-if="fromeWhere == 'countPlan'"> <template #crontab="formSchema1" v-if="fromeWhere == 'countPlan'">
<crontab
<crontab v-if="formSchema1.type=='CYCLE'" v-model="formSchema1.crontab" :disabled="formSchema?.find(item=>item.field == 'crontab')?.componentProps?.disabled "/> v-if="formSchema1.type == 'CYCLE'"
v-model="formSchema1.crontab"
:disabled="
formSchema?.find((item) => item.field == 'crontab')?.componentProps?.disabled
"
/>
</template> </template>
<template #type="formSchema" v-if="fromeWhere == 'countPlan'"> <template #type="formSchema" v-if="fromeWhere == 'countPlan'">
<el-select <el-select
@ -43,7 +47,7 @@
<el-select <el-select
v-model="formSchema.type" v-model="formSchema.type"
placeholder="选择盘点范围类型" placeholder="选择盘点范围类型"
@change="selectChangeDetail('type', $event,formSchema)" @change="selectChangeDetail('type', $event, formSchema)"
v-if="isDetail" v-if="isDetail"
> >
<el-option <el-option
@ -58,7 +62,7 @@
<el-select <el-select
v-model="formSchema.value" v-model="formSchema.value"
placeholder="选择盘点范围值" placeholder="选择盘点范围值"
v-if="isDetail&& formTypeDetail =='Select'" v-if="isDetail && formTypeDetail == 'Select'"
> >
<el-option <el-option
v-for="dict in countPlanAllList" v-for="dict in countPlanAllList"
@ -67,14 +71,14 @@
:value="dict.value" :value="dict.value"
/> />
</el-select> </el-select>
<el-input v-model="formSchema.value" v-if="isDetail && formTypeDetail =='InputString'"/> <el-input v-model="formSchema.value" v-if="isDetail && formTypeDetail == 'InputString'" />
</template> </template>
</Form> </Form>
<div class="table" v-if="isBusiness && formType == 'create' && fromeWhere != 'countPlan'"> <div class="table" v-if="isBusiness && formType == 'create' && fromeWhere != 'countPlan'">
<TableForm <TableForm
ref="tableFormRef" ref="tableFormRef"
class="w-[100%]" class="w-[100%]"
:maxHeight = "490" :maxHeight="490"
:tableFields="tableAllSchemas.tableFormColumns" :tableFields="tableAllSchemas.tableFormColumns"
:tableData="tableData" :tableData="tableData"
:tableFormRules="tableFormRules" :tableFormRules="tableFormRules"
@ -97,10 +101,11 @@
@inputNumberChange="inputNumberChange" @inputNumberChange="inputNumberChange"
@tableFormSelectOnBlur="tableFormSelectOnBlur" @tableFormSelectOnBlur="tableFormSelectOnBlur"
@formFormDateChange="formFormDateChange" @formFormDateChange="formFormDateChange"
@clearInput='clearInput' @clearInput="clearInput"
@inputFocusPlan='inputFocusPlan' @inputFocusPlan="inputFocusPlan"
@inputStringFcous="inputStringFcous"
> >
<template v-slot="{row}"> <template v-slot="{ row }">
<slot :row="row"></slot> <slot :row="row"></slot>
</template> </template>
</TableForm> </TableForm>
@ -116,16 +121,16 @@
@handleAddTable="handleAddTable" @handleAddTable="handleAddTable"
@handleDeleteTable="handleDeleteTable" @handleDeleteTable="handleDeleteTable"
@inpuFocus="inpuFocus" @inpuFocus="inpuFocus"
@inputStringBlur="inputStringBlur"
@inputStringFcous="inputStringFcous"
/> />
</div> </div>
<Form <Form
ref="formRef1" ref="formRef1"
:rules="rules" :rules="rules"
:schema="CountPlanMain1FormAllSchemas" :schema="CountPlanMain1FormAllSchemas"
:is-col="true" :is-col="true"
style="margin-top:20px" style="margin-top: 20px"
@opensearchTable="opensearchTable1" @opensearchTable="opensearchTable1"
@hiddenFilterButton="hiddenSearchTableFilterButton" @hiddenFilterButton="hiddenSearchTableFilterButton"
@changeDialogWidth="changeDialogWidth" @changeDialogWidth="changeDialogWidth"
@ -133,15 +138,23 @@
@onChange="onChange" @onChange="onChange"
@onBlur="onBlur" @onBlur="onBlur"
@onEnter="onEnter" @onEnter="onEnter"
@onFocus="onFocus"
/> />
</div> </div>
<template #footer> <template #footer>
<ButtonBase :Butttondata="Butttondata" @button-base-click="buttonBaseClick" /> <ButtonBase :Butttondata="Butttondata" @button-base-click="buttonBaseClick" :key="count" />
</template> </template>
</Dialog> </Dialog>
<SearchTable ref="searchTableRef" :showSearchTableQueryFields="showSearchTableQueryFields" @searchTableSuccess="searchTableSuccess" /> <SearchTable
<SearchTable ref="searchTableRef1" :showSearchTableQueryFields="showSearchTableQueryFields" @searchTableSuccess="searchTableSuccess1" /> ref="searchTableRef"
:showSearchTableQueryFields="showSearchTableQueryFields"
@searchTableSuccess="searchTableSuccess"
/>
<SearchTable
ref="searchTableRef1"
:showSearchTableQueryFields="showSearchTableQueryFields"
@searchTableSuccess="searchTableSuccess1"
/>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { SearchTable } from '@/components/SearchTable' import { SearchTable } from '@/components/SearchTable'
@ -151,6 +164,7 @@ import TableForm from '@/components/TableForm/src/TableForm.vue'
import TableFormCountPlan from '@/components/TableFormCountPlan/src/TableFormCountPlan.vue' import TableFormCountPlan from '@/components/TableFormCountPlan/src/TableFormCountPlan.vue'
import { DICT_TYPE, getStrDictOptions } from '@/utils/dict' import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
import { debounce } from 'lodash-es' import { debounce } from 'lodash-es'
import { tableFormBlurVer, FormBlur, getListByBottonInput } from '@/api/wms/business/inputBlur'
const props = defineProps({ const props = defineProps({
// //
@ -164,9 +178,9 @@ const props = defineProps({
default: true default: true
}, },
// -- // --
isShowReduceButtonSelection:{ isShowReduceButtonSelection: {
type: Boolean, type: Boolean,
default: false, default: false
}, },
// tableForm // tableForm
isShowReduceButton: { isShowReduceButton: {
@ -299,13 +313,13 @@ const props = defineProps({
default: null default: null
}, },
// //
isOpenSearchTable:{ isOpenSearchTable: {
type: Boolean, type: Boolean,
required: false, required: false,
default: false default: false
}, },
fieldTableColumn:{ fieldTableColumn: {
type: String, type: String,
required: false, required: false,
default: '' default: ''
@ -315,22 +329,22 @@ const props = defineProps({
formField:form中对应的field, formField:form中对应的field,
tableField:searchtable中对应的field, tableField:searchtable中对应的field,
}]*/ }]*/
sumFormDataField:{ sumFormDataField: {
type: Array, type: Array,
required: false, required: false,
default: null default: null
}, },
sumFormDataByForm:{ sumFormDataByForm: {
type:Function, type: Function,
required: false, required: false,
default: null default: null
}, },
sumFormDataByTableCustom:{ sumFormDataByTableCustom: {
type:Function, type: Function,
required: false, required: false,
default: null default: null
}, },
showSearchTableQueryFields:{ showSearchTableQueryFields: {
type: Array, type: Array,
required: false, required: false,
default: [] default: []
@ -363,7 +377,7 @@ const formSchema = ref(props.formAllSchemas?.formSchema)
const CountPlanMain1FormAllSchemas = ref(props.CountPlanMain1FormAllSchemas?.formSchema) const CountPlanMain1FormAllSchemas = ref(props.CountPlanMain1FormAllSchemas?.formSchema)
const tableAllSchemas = ref(props.tableAllSchemas) const tableAllSchemas = ref(props.tableAllSchemas)
const tableFormRules = ref(props.tableFormRules) const tableFormRules = ref(props.tableFormRules)
console.log(111,formSchema) console.log(111, formSchema)
// - // -
// const buttondata = [ // const buttondata = [
@ -397,7 +411,7 @@ const opensearchTable = (
multiple, multiple,
type, type,
row, row,
isConcatDetailSchemas=false, isConcatDetailSchemas = false,
searchDetailSchemas: any searchDetailSchemas: any
) => { ) => {
const _searchCondition = {} const _searchCondition = {}
@ -405,7 +419,7 @@ const opensearchTable = (
if (searchCondition && searchCondition.length > 0) { if (searchCondition && searchCondition.length > 0) {
// //
let filters: any[] = [] let filters: any[] = []
for (var i=0; i< searchCondition.length; i++ ) { for (var i = 0; i < searchCondition.length; i++) {
// searchCondition.forEach((item) => { // searchCondition.forEach((item) => {
// row // row
if (searchCondition[i].isMainValue) { if (searchCondition[i].isMainValue) {
@ -418,17 +432,24 @@ const opensearchTable = (
: '' : ''
// //
let isNull = false let isNull = false
if (_searchCondition[searchCondition[i].key] == '' || _searchCondition[searchCondition[i].key] == undefined) { if (
_searchCondition[searchCondition[i].key] == '' ||
_searchCondition[searchCondition[i].key] == undefined
) {
isNull = true isNull = true
} }
if (isNull) { if (isNull) {
message.warning(searchCondition[i].message?searchCondition[i].message:'前置条件未选择!') message.warning(
searchCondition[i].message ? searchCondition[i].message : '前置条件未选择!'
)
return return
} }
}else if(searchCondition[i].isTableRowValue){ } else if (searchCondition[i].isTableRowValue) {
if(searchCondition[i].required){ if (searchCondition[i].required) {
if (row[searchCondition[i].value] == '' ||row[searchCondition[i].value] == undefined) { if (row[searchCondition[i].value] == '' || row[searchCondition[i].value] == undefined) {
message.warning(searchCondition[i].message?searchCondition[i].message:'前置条件未选择!') message.warning(
searchCondition[i].message ? searchCondition[i].message : '前置条件未选择!'
)
return return
} }
} }
@ -440,9 +461,14 @@ const opensearchTable = (
if (searchCondition[i].isSearch) { if (searchCondition[i].isSearch) {
if (searchCondition[i].isFormModel) { if (searchCondition[i].isFormModel) {
//formModel //formModel
if(searchCondition[i].required){ if (searchCondition[i].required) {
if (formRef.value.formModel[searchCondition[i].value] == '' ||formRef.value.formModel[searchCondition[i].value] == undefined) { if (
message.warning(searchCondition[i].message?searchCondition[i].message:'前置条件未选择!') formRef.value.formModel[searchCondition[i].value] == '' ||
formRef.value.formModel[searchCondition[i].value] == undefined
) {
message.warning(
searchCondition[i].message ? searchCondition[i].message : '前置条件未选择!'
)
return return
} }
} }
@ -451,14 +477,13 @@ const opensearchTable = (
column: searchCondition[i].key, column: searchCondition[i].key,
value: formRef.value.formModel[searchCondition[i].value] value: formRef.value.formModel[searchCondition[i].value]
}) })
}else{ } else {
filters.push({ filters.push({
action: searchCondition[i].action, action: searchCondition[i].action,
column: searchCondition[i].key, column: searchCondition[i].key,
value: searchCondition[i].value value: searchCondition[i].value
}) })
} }
} else { } else {
_searchCondition[searchCondition[i].key] = searchCondition[i].value _searchCondition[searchCondition[i].key] = searchCondition[i].value
} }
@ -497,20 +522,22 @@ const opensearchTable1 = (
multiple, multiple,
type, type,
row, row,
isConcatDetailSchemas=false, isConcatDetailSchemas = false,
searchDetailSchemas: any searchDetailSchemas: any
) => { ) => {
console.log(formField,searchField,searchTitle,searchAllSchemas,searchPage) console.log(formField, searchField, searchTitle, searchAllSchemas, searchPage)
const _searchCondition = {} const _searchCondition = {}
// //
if (searchCondition && searchCondition.length > 0) { if (searchCondition && searchCondition.length > 0) {
// //
let filters: any[] = [] let filters: any[] = []
for (var i=0; i< searchCondition.length; i++ ) { for (var i = 0; i < searchCondition.length; i++) {
// searchCondition.forEach((item) => { // searchCondition.forEach((item) => {
// row // row
if (searchCondition[i].isMainValue) { if (searchCondition[i].isMainValue) {
_searchCondition[searchCondition[i].key] = formRef1.value.formModel[searchCondition[i].value] _searchCondition[searchCondition[i].key] = formRef1.value.formModel[
searchCondition[i].value
]
? formRef1.value.formModel[searchCondition[i].value] ? formRef1.value.formModel[searchCondition[i].value]
: props.detailData : props.detailData
? props.detailData[searchCondition[i].value] ? props.detailData[searchCondition[i].value]
@ -519,17 +546,24 @@ const opensearchTable1 = (
: '' : ''
// //
let isNull = false let isNull = false
if (_searchCondition[searchCondition[i].key] == '' || _searchCondition[searchCondition[i].key] == undefined) { if (
_searchCondition[searchCondition[i].key] == '' ||
_searchCondition[searchCondition[i].key] == undefined
) {
isNull = true isNull = true
} }
if (isNull) { if (isNull) {
message.warning(searchCondition[i].message?searchCondition[i].message:'前置条件未选择!') message.warning(
searchCondition[i].message ? searchCondition[i].message : '前置条件未选择!'
)
return return
} }
}else if(searchCondition[i].isTableRowValue){ } else if (searchCondition[i].isTableRowValue) {
if(searchCondition[i].required){ if (searchCondition[i].required) {
if (row[searchCondition[i].value] == '' ||row[searchCondition[i].value] == undefined) { if (row[searchCondition[i].value] == '' || row[searchCondition[i].value] == undefined) {
message.warning(searchCondition[i].message?searchCondition[i].message:'前置条件未选择!') message.warning(
searchCondition[i].message ? searchCondition[i].message : '前置条件未选择!'
)
return return
} }
} }
@ -541,9 +575,14 @@ const opensearchTable1 = (
if (searchCondition[i].isSearch) { if (searchCondition[i].isSearch) {
if (searchCondition[i].isFormModel) { if (searchCondition[i].isFormModel) {
//formModel //formModel
if(searchCondition[i].required){ if (searchCondition[i].required) {
if (formRef1.value.formModel[searchCondition[i].value] == '' ||formRef1.value.formModel[searchCondition[i].value] == undefined) { if (
message.warning(searchCondition[i].message?searchCondition[i].message:'前置条件未选择!') formRef1.value.formModel[searchCondition[i].value] == '' ||
formRef1.value.formModel[searchCondition[i].value] == undefined
) {
message.warning(
searchCondition[i].message ? searchCondition[i].message : '前置条件未选择!'
)
return return
} }
} }
@ -552,14 +591,13 @@ const opensearchTable1 = (
column: searchCondition[i].key, column: searchCondition[i].key,
value: formRef1.value.formModel[searchCondition[i].value] value: formRef1.value.formModel[searchCondition[i].value]
}) })
}else{ } else {
filters.push({ filters.push({
action: searchCondition[i].action, action: searchCondition[i].action,
column: searchCondition[i].key, column: searchCondition[i].key,
value: searchCondition[i].value value: searchCondition[i].value
}) })
} }
} else { } else {
_searchCondition[searchCondition[i].key] = searchCondition[i].value _searchCondition[searchCondition[i].key] = searchCondition[i].value
} }
@ -590,42 +628,52 @@ const opensearchTable1 = (
} }
// searchTable // searchTable
const changeDialogWidth = (width)=>{ const changeDialogWidth = (width) => {
searchTableRef.value.changeDialogWidth(width) searchTableRef.value.changeDialogWidth(width)
} }
const hiddenSearchTableFilterButton = ()=>{ const hiddenSearchTableFilterButton = () => {
searchTableRef.value.hiddenFilterButton() searchTableRef.value.hiddenFilterButton()
} }
const clearSearchInput = (field)=>{ const clearSearchInput = (field) => {
emit('clearSearchInput',field) emit('clearSearchInput', field)
} }
const sumFormDataByTable = () => { const sumFormDataByTable = () => {
if(props.sumFormDataField){ if (props.sumFormDataField) {
const sumObject = {} const sumObject = {}
props.sumFormDataField.forEach(sumItem=>{ props.sumFormDataField.forEach((sumItem) => {
sumObject[sumItem?.formField]= props.tableData.reduce((prev, item) => prev + item[sumItem?.tableField],0) sumObject[sumItem?.formField] = props.tableData.reduce(
(prev, item) => prev + item[sumItem?.tableField],
0
)
}) })
nextTick(()=>{ nextTick(() => {
formRef.value.setValues(sumObject) formRef.value.setValues(sumObject)
}) })
} }
} }
watch(()=>props.tableData,() => { watch(
() => props.tableData,
() => {
sumFormDataByTable() sumFormDataByTable()
if(props?.sumFormDataByTableCustom&&unref(formRef)?.formModel&&props.tableData){ if (props?.sumFormDataByTableCustom && unref(formRef)?.formModel && props.tableData) {
props?.sumFormDataByTableCustom(formRef,unref(formRef)?.formModel,props.tableData) props?.sumFormDataByTableCustom(formRef, unref(formRef)?.formModel, props.tableData)
} }
},
},{ {
deep:true deep: true
})
watch(()=>unref(formRef)?.formModel,() => {
if(props?.sumFormDataByForm&&unref(formRef)?.formModel){
props?.sumFormDataByForm(formRef,unref(formRef)?.formModel)
} }
},{ )
deep:true watch(
}) () => unref(formRef)?.formModel,
() => {
if (props?.sumFormDataByForm && unref(formRef)?.formModel) {
props?.sumFormDataByForm(formRef, unref(formRef)?.formModel)
}
},
{
deep: true
}
)
// //
// val row // val row
@ -636,11 +684,17 @@ const searchTableSuccess1 = (formField, searchField, val, type, row) => {
emit('searchTableSuccess', formField, searchField, val, formRef1.value, type, row) emit('searchTableSuccess', formField, searchField, val, formRef1.value, type, row)
} }
/** 打开弹窗 */ /** 打开弹窗 */
const open = async (type: string, row?: any, masterParmas?: any, titleName?: any, alltitleName?: any) => { const open = async (
type: string,
row?: any,
masterParmas?: any,
titleName?: any,
alltitleName?: any
) => {
dialogVisible.value = true dialogVisible.value = true
if(alltitleName){ if (alltitleName) {
dialogTitle.value = alltitleName dialogTitle.value = alltitleName
}else if (titleName) { } else if (titleName) {
dialogTitle.value = t('action.' + titleName) dialogTitle.value = t('action.' + titleName)
} else { } else {
dialogTitle.value = t('action.' + type) dialogTitle.value = t('action.' + type)
@ -667,8 +721,8 @@ const open = async (type: string, row?: any, masterParmas?: any, titleName?: any
} finally { } finally {
formLoading.value = false formLoading.value = false
} }
}else{ } else {
if(row){ if (row) {
nextTick(() => { nextTick(() => {
formRef.value.setValues(row) formRef.value.setValues(row)
formRef1.value.setValues(row) formRef1.value.setValues(row)
@ -678,22 +732,25 @@ const open = async (type: string, row?: any, masterParmas?: any, titleName?: any
} }
// //
const handleAddTable = () => { const handleAddTable = () => {
if(props.isOpenSearchTable){ if (props.isOpenSearchTable) {
const tableFormKeys = {} const tableFormKeys = {}
tableAllSchemas.value.tableFormColumns.forEach(item => { tableAllSchemas.value.tableFormColumns.forEach((item) => {
tableFormKeys[item.field] = item.default ? item.default : '' tableFormKeys[item.field] = item.default ? item.default : ''
}) })
if(props.fieldTableColumn!=''){ if (props.fieldTableColumn != '') {
inpuFocus(tableAllSchemas.value.tableFormColumns.find(item=>item.field==props.fieldTableColumn),tableFormKeys,0) inpuFocus(
tableAllSchemas.value.tableFormColumns.find((item) => item.field == props.fieldTableColumn),
tableFormKeys,
0
)
} }
}else{ } else {
emit('handleAddTable') emit('handleAddTable')
} }
} }
/** 弹窗按钮 */ /** 弹窗按钮 */
let Butttondata:any = [] let Butttondata: any = []
if (props.isShowFooterButtton) { if (props.isShowFooterButtton) {
Butttondata = [ Butttondata = [
defaultButtons.formSaveBtn(null), // defaultButtons.formSaveBtn(null), //
@ -708,7 +765,7 @@ if (props.footButttondata) {
const buttonBaseClick = (val) => { const buttonBaseClick = (val) => {
// //
if (props.footButttondata) { if (props.footButttondata) {
emit('footButtonClick',val) emit('footButtonClick', val)
} }
// //
else if (val == 'save') { else if (val == 'save') {
@ -748,7 +805,7 @@ const submitForm = async () => {
try { try {
const data = unref(formRef)?.formModel const data = unref(formRef)?.formModel
const data1 = unref(formRef1)?.formModel const data1 = unref(formRef1)?.formModel
emit('submitForm', formType.value, {...data,...data1}) emit('submitForm', formType.value, { ...data, ...data1 })
} finally { } finally {
formLoading.value = false formLoading.value = false
} }
@ -757,7 +814,7 @@ const submitForm = async () => {
try { try {
const data = unref(formRef)?.formModel const data = unref(formRef)?.formModel
const data1 = unref(formRef1)?.formModel const data1 = unref(formRef1)?.formModel
emit('submitForm', formType.value, {...data}) emit('submitForm', formType.value, { ...data })
} finally { } finally {
formLoading.value = false formLoading.value = false
} }
@ -817,8 +874,8 @@ const formSelectChange = (field, val, row) => {
emit('formSelectChange', field, val, row) emit('formSelectChange', field, val, row)
} }
// //
const formFormDateChange = (field, val,row, index) => { const formFormDateChange = (field, val, row, index) => {
emit('formFormDateChange', field, val,row, index) emit('formFormDateChange', field, val, row, index)
} }
const formSelectvVisibleChange = (field, val, row) => { const formSelectvVisibleChange = (field, val, row) => {
emit('formSelectvVisibleChange', field, val, row) emit('formSelectvVisibleChange', field, val, row)
@ -855,16 +912,15 @@ const handleTableSelect = (row, column, event) => {
// //
const handleDeleteTable = (row, index) => { const handleDeleteTable = (row, index) => {
emit('handleDeleteTable', row, index,formRef.value) emit('handleDeleteTable', row, index, formRef.value)
} }
const inputFocusPlan = (row)=>{ const inputFocusPlan = (row) => {
emit('inputFocusPlan', row) emit('inputFocusPlan', row)
} }
// //
const inpuFocus = (headerItem, row) => { const inpuFocus = (headerItem, row) => {
console.log(headerItem, row) console.log(233, headerItem, row)
emit('inpuFocus', headerItem, row) emit('inpuFocus', headerItem, row)
opensearchTable( opensearchTable(
@ -882,7 +938,7 @@ const inpuFocus = (headerItem, row) => {
) )
} }
const clearInput = (field, row, index) => { const clearInput = (field, row, index) => {
emit('clearInput',field, row, index) emit('clearInput', field, row, index)
} }
/** /**
* 监听改变事件 * 监听改变事件
@ -892,22 +948,95 @@ const clearInput = (field, row, index) => {
const onChange = (field, cur) => { const onChange = (field, cur) => {
emit('onChange', field, cur, formRef) emit('onChange', field, cur, formRef)
} }
/** /**
* 监听失焦事件 * 监听失焦事件
* @param field 当前操作字段 * @param field 当前操作字段
* @param e * @param e
*/ */
const onBlur = (field, e) => { const count = ref(0)
const onBlur = async (field, e) => {
let formSchemaObj = CountPlanMain1FormAllSchemas.value.find((item) => item.field == field)?.componentProps
if (formSchemaObj?.enterSearch) {
await FormBlur(field, e, null, formRef1.value, props.detailData, formSchemaObj, (list) => {
emit('searchTableSuccess', field, formSchemaObj.searchField, list, formRef.value, 'form')
})
if (props.isShowFooterButtton && !props.footButttondata) {
Butttondata = [
defaultButtons.formSaveBtn(null), //
defaultButtons.formCloseBtn(null) //
]
count.value++
}
} else {
emit('onBlur', field, e) emit('onBlur', field, e)
}
}
const inputStringBlur = async (headerItem, val, row, index) => {
headerItem.tableForm.searchPage = row?.searchTable?.searchPage
await tableFormBlurVer(
headerItem,
val,
row,
index,
null,
formRef.value,
props.detailData,
props.tableData,
(list) => {
emit(
'searchTableSuccess',
headerItem.field,
headerItem.tableForm.searchField,
list,
formRef.value,
'tableForm',
row,
'blur',
index
)
}
)
if (props.isShowFooterButtton && !props.footButttondata) {
Butttondata = [
defaultButtons.formSaveBtn(null), //
defaultButtons.formCloseBtn(null) //
]
count.value++
}
}
//
const onFocus = (field) => {
let formSchemaObj = CountPlanMain1FormAllSchemas.value.find((item) => item.field == field)?.componentProps
if (formSchemaObj?.enterSearch) {
if (props.isShowFooterButtton && !props.footButttondata) {
Butttondata = [
defaultButtons.formSaveBtn({ disabled: true }), //
defaultButtons.formCloseBtn(null) //
]
}
count.value++
}
}
const inputStringFcous = (headerItem) => {
if (headerItem?.tableForm?.searchPage && headerItem?.tableForm?.verificationParams) {
if (props.isShowFooterButtton && !props.footButttondata) {
Butttondata = [
defaultButtons.formSaveBtn({ disabled: true }), //
defaultButtons.formCloseBtn(null) //
]
}
count.value++
}
} }
/** /**
* 回车事件 * 回车事件
* @param field 当前操作字段 * @param field 当前操作字段
* @param e * @param e
*/ */
const onEnter = (field,value, e) => { const onEnter = (field, value, e) => {
emit('onEnter', field,value, e) emit('onEnter', field, value, e)
} }
// //
@ -915,25 +1044,28 @@ const selectChange = (field, val) => {
emit('selectChange', field, val) emit('selectChange', field, val)
} }
// //
const selectChangeDetail = (field, val,formSchema) => { const selectChangeDetail = (field, val, formSchema) => {
formSchema.value = '' formSchema.value = ''
emit('selectChangeDetail', field, val) emit('selectChangeDetail', field, val)
} }
const tableFormChange = (field, val, row) => { const tableFormChange = (field, val, row) => {
emit('tableFormChange', field, val, row) emit('tableFormChange', field, val, row)
} }
const buttonOperationClick = (row, label, index)=> { const buttonOperationClick = (row, label, index) => {
emit("buttonOperationClick", row, label, index); emit('buttonOperationClick', row, label, index)
} }
const inputStringBlur = (headerItem, row, index)=> { defineExpose({
emit("inputStringBlur", headerItem, row, index); open,
} formRef,
defineExpose({ open, formRef, opensearchTable, dialogVisible, formLoading ,handleAddTable,changeDialogWidth}) // open opensearchTable,
dialogVisible,
formLoading,
handleAddTable,
changeDialogWidth
}) // open
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.table { .table {
@ -962,8 +1094,8 @@ defineExpose({ open, formRef, opensearchTable, dialogVisible, formLoading ,handl
::v-deep(.el-icon) { ::v-deep(.el-icon) {
display: block; display: block;
}button }
.button { button .button {
> div { > div {
display: flex; display: flex;
align-items: center; align-items: center;

2
src/components/Form/src/Form.vue

@ -274,7 +274,7 @@ export default defineComponent({
emit('onEnter',item.field,formModel.value[item.field],event) emit('onEnter',item.field,formModel.value[item.field],event)
} }
}} }}
onBlur={(e) => { onBlur(item.field, e) }} onBlur={(e) => { onBlur(item.field,formModel.value[item.field]) }}
onFocus={(e) => { onFocus(item.field) }} onFocus={(e) => { onFocus(item.field) }}
onChange={(e)=>{onChange(item.field, e)}} onChange={(e)=>{onChange(item.field, e)}}
v-slots={{ v-slots={{

12
src/components/TableFormCountPlan/src/TableFormCountPlan.vue

@ -72,6 +72,8 @@
v-model="row.value" v-model="row.value"
:placeholder="tableFields[1].placeholder || '请输入' + tableFields[1].label" :placeholder="tableFields[1].placeholder || '请输入' + tableFields[1].label"
:disabled = "row.disabled || false" :disabled = "row.disabled || false"
@blur="inputStringBlur(tableFields[1], row[tableFields[1].field], row, index)"
@focus="inputStringFcous(tableFields[1])"
/> />
<el-button :key="'值button' + $index" @click="inpuFocus(tableFields[1], row)" <el-button :key="'值button' + $index" @click="inpuFocus(tableFields[1], row)"
><Icon icon="ep:search" size="14" ><Icon icon="ep:search" size="14"
@ -183,7 +185,7 @@ const validateForm = () => {
}) })
} }
// //
const emit = defineEmits(['handleAddTable', 'selectChange', 'tableFormChange', 'inpuFocus']) const emit = defineEmits(['handleAddTable', 'selectChange', 'tableFormChange', 'inpuFocus','inputStringBlur','inputStringFcous'])
// //
const selectChange = (field, val) => { const selectChange = (field, val) => {
emit('selectChange', field, val) emit('selectChange', field, val)
@ -237,6 +239,14 @@ const inpuFocus = (headerItem, row) => {
console.log(111, headerItem, row) console.log(111, headerItem, row)
emit('inpuFocus', headerItem, row) emit('inpuFocus', headerItem, row)
} }
// input
const inputStringBlur = (headerItem, val, row, index) => {
emit('inputStringBlur', headerItem, val, row, index)
}
//
const inputStringFcous = (headerItem) => {
emit('inputStringFcous', headerItem)
}
// setup // setup
defineExpose({ defineExpose({
TableBaseComponents_Ref, TableBaseComponents_Ref,

35
src/views/wms/countManage/count/countPlanMain/countPlanMain.data.ts

@ -794,7 +794,15 @@ export const CountPlanDetail = useCrudSchemas(<CrudSchema[]>([
key: 'available', key: 'available',
value: 'TRUE', value: 'TRUE',
isMainValue: false isMainValue: false
}] }],
verificationParams: [{
key: 'code',
action: '==',
value: '',
isMainValue: false,
isSearch: 'true',
isFormModel: true
}], // 失去焦点校验参数
}, },
form: { form: {
componentProps: { componentProps: {
@ -843,13 +851,23 @@ export const CountPlanMain1 = useCrudSchemas(reactive<CrudSchema[]>([
}, },
form: { form: {
componentProps: { componentProps: {
enterSearch:true,
isSearchList: true, // 开启查询弹窗 isSearchList: true, // 开启查询弹窗
multiple:true,//是否可以多选 multiple:true,//是否可以多选
searchListPlaceholder: '请选择物料忽略名单', // 输入框占位文本 searchListPlaceholder: '请选择物料忽略名单', // 输入框占位文本
searchField: 'code', // 查询弹窗赋值字段 searchField: 'code', // 查询弹窗赋值字段
searchTitle: '物料信息', // 查询弹窗标题 searchTitle: '物料信息', // 查询弹窗标题
searchAllSchemas: Itembasic.allSchemas, // 查询弹窗所需类 searchAllSchemas: Itembasic.allSchemas, // 查询弹窗所需类
searchPage: ItembasicApi.getItembasicPage // 查询弹窗所需分页方法 searchPage: ItembasicApi.getItembasicPage, // 查询弹窗所需分页方法
verificationPage: ItembasicApi.getItemListByCodes,
verificationParams: [{
key: 'code',
action: '==',
value: '',
isMainValue: false,
isSearch: 'true',
isFormModel: true
}], // 失去焦点校验参数
} }
} }
}, },
@ -862,14 +880,23 @@ export const CountPlanMain1 = useCrudSchemas(reactive<CrudSchema[]>([
}, },
form: { form: {
componentProps: { componentProps: {
enterSearch: true,
isSearchList: true, // 开启查询弹窗 isSearchList: true, // 开启查询弹窗
multiple:true,//是否可以多选 multiple:true,//是否可以多选
searchListPlaceholder: '请选择库位忽略名单', // 输入框占位文本 searchListPlaceholder: '请选择库位忽略名单', // 输入框占位文本
searchField: 'code', // 查询弹窗赋值字段 searchField: 'code', // 查询弹窗赋值字段
searchTitle: '库位信息', // 查询弹窗标题 searchTitle: '库位信息', // 查询弹窗标题
searchAllSchemas: Location.allSchemas, // 查询弹窗所需类 searchAllSchemas: Location.allSchemas, // 查询弹窗所需类
searchPage: LocationApi.getLocationPage // 查询弹窗所需分页方法 searchPage: LocationApi.getLocationPage, // 查询弹窗所需分页方法
verificationPage: LocationApi.getLocationByCodes,
verificationParams: [{
key: 'code',
action: '==',
value: '',
isMainValue: false,
isSearch: 'true',
isFormModel: true
}], // 失去焦点校验参数
} }
} }
}, },

Loading…
Cancel
Save