sfms3.0
/
sfms3.0-ui
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

失去焦点校验

hella_online_20240829
zhang_li 5 months ago
parent
569795a79c
commit
07a325765f
2 changed files with 416 additions and 305 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 704
      src/components/BasicForm/src/BasicForm.vue
  2. 17
      src/views/wms/basicDataManage/itemManage/bom/bom.data.ts

704
src/components/BasicForm/src/BasicForm.vue
View File

@ -7,131 +7,136 @@
:vLoading="formLoading" :vLoading="formLoading"
@updateFullscreen="updateFullscreen" @updateFullscreen="updateFullscreen"
> >
<div style="overflow-y: auto" :style="{ 'max-height': formHeight }">
<div <Form
style="overflow-y: auto;" :style="{'max-height':formHeight}"> ref="formRef"
<Form :rules="rules"
ref="formRef" :schema="formSchema"
:rules="rules" :is-col="true"
:schema="formSchema" @opensearchTable="opensearchTable"
:is-col="true" @hiddenFilterButton="hiddenSearchTableFilterButton"
@opensearchTable="opensearchTable" @changeDialogWidth="changeDialogWidth"
@hiddenFilterButton="hiddenSearchTableFilterButton" @clearSearchInput="clearSearchInput"
@changeDialogWidth="changeDialogWidth" @onChange="onChange"
@clearSearchInput="clearSearchInput" @onBlur="onBlur"
@onChange="onChange" @onEnter="onEnter"
@onBlur="onBlur" >
@onEnter="onEnter" <template #crontab="formSchema1" v-if="fromeWhere == 'countPlan'">
> <crontab
<template #crontab="formSchema1" v-if="fromeWhere == 'countPlan'"> v-model="formSchema1.crontab"
:disabled="
<crontab v-model="formSchema1.crontab" :disabled="formSchema?.find(item=>item.field == 'crontab')?.componentProps?.disabled "/> formSchema?.find((item) => item.field == 'crontab')?.componentProps?.disabled
</template> "
<template #type="formSchema" v-if="fromeWhere == 'countPlan'">
<el-select
v-model="formSchema.type"
placeholder="选择盘点类型"
@change="selectChange('type', $event)"
v-if="!isDetail"
>
<el-option
v-for="dict in getStrDictOptions(DICT_TYPE.COUNT_TYPE)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
<el-select
v-model="formSchema.type"
placeholder="选择盘点范围类型"
@change="selectChangeDetail('type', $event,formSchema)"
v-if="isDetail"
>
<el-option
v-for="dict in getStrDictOptions(DICT_TYPE.COUNT_SCOPE_TYPE)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</template>
<template #value="formSchema" v-if="fromeWhere == 'countPlan'">
<el-select
v-model="formSchema.value"
placeholder="选择盘点范围值"
multiple
v-if="isDetail&& formTypeDetail =='Select'"
>
<el-option
v-for="dict in countPlanAllList"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/> />
</el-select> </template>
<el-input v-model="formSchema.value" v-if="isDetail && formTypeDetail =='InputString'"/> <template #type="formSchema" v-if="fromeWhere == 'countPlan'">
</template> <el-select
</Form> v-model="formSchema.type"
<div class="table" v-if="isBusiness && formType == 'create' && fromeWhere != 'countPlan'"> placeholder="选择盘点类型"
<TableForm @change="selectChange('type', $event)"
ref="tableFormRef" v-if="!isDetail"
class="w-[100%]" >
:maxHeight = "490" <el-option
:tableFields="tableAllSchemas.tableFormColumns" v-for="dict in getStrDictOptions(DICT_TYPE.COUNT_TYPE)"
:tableData="tableData" :key="dict.value"
:tableFormRules="tableFormRules" :label="dict.label"
:isShowButton="isShowButton" :value="dict.value"
:isShowReduceButton="isShowReduceButton" />
:isShowReduceButtonSelection="isShowReduceButtonSelection" </el-select>
@handleAddTable="handleAddTable" <el-select
@handleDeleteTable="handleDeleteTable" v-model="formSchema.type"
@tableSelectionChange="tableSelectionChange" placeholder="选择盘点范围类型"
@tableSelectionDelete="tableSelectionDelete" @change="selectChangeDetail('type', $event, formSchema)"
@extendedButtonsClick="extendedButtonsClick" v-if="isDetail"
@formSelectChange="formSelectChange" >
@formSelectvVisibleChange="formSelectvVisibleChange" <el-option
@tableSortChange="tableSortChange" v-for="dict in getStrDictOptions(DICT_TYPE.COUNT_SCOPE_TYPE)"
@selectCallback="selectCallback" :key="dict.value"
@handleTableSelect="handleTableSelect" :label="dict.label"
@inpuFocus="inpuFocus" :value="dict.value"
@buttonOperationClick="buttonOperationClick" />
@inputStringBlur="inputStringBlur" </el-select>
@inputNumberChange="inputNumberChange" </template>
@tableFormSelectOnBlur="tableFormSelectOnBlur" <template #value="formSchema" v-if="fromeWhere == 'countPlan'">
@formFormDateChange="formFormDateChange" <el-select
@clearInput='clearInput' v-model="formSchema.value"
placeholder="选择盘点范围值"
multiple
v-if="isDetail && formTypeDetail == 'Select'"
>
<el-option
v-for="dict in countPlanAllList"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
<el-input v-model="formSchema.value" v-if="isDetail && formTypeDetail == 'InputString'" />
</template>
</Form>
<div class="table" v-if="isBusiness && formType == 'create' && fromeWhere != 'countPlan'">
<TableForm
ref="tableFormRef"
class="w-[100%]"
:maxHeight="490"
:tableFields="tableAllSchemas.tableFormColumns"
:tableData="tableData"
:tableFormRules="tableFormRules"
:isShowButton="isShowButton"
:isShowReduceButton="isShowReduceButton"
:isShowReduceButtonSelection="isShowReduceButtonSelection"
@handleAddTable="handleAddTable"
@handleDeleteTable="handleDeleteTable"
@tableSelectionChange="tableSelectionChange"
@tableSelectionDelete="tableSelectionDelete"
@extendedButtonsClick="extendedButtonsClick"
@formSelectChange="formSelectChange"
@formSelectvVisibleChange="formSelectvVisibleChange"
@tableSortChange="tableSortChange"
@selectCallback="selectCallback"
@handleTableSelect="handleTableSelect"
@inpuFocus="inpuFocus"
@buttonOperationClick="buttonOperationClick"
@inputStringBlur="inputStringBlur"
@inputNumberChange="inputNumberChange"
@tableFormSelectOnBlur="tableFormSelectOnBlur"
@formFormDateChange="formFormDateChange"
@clearInput="clearInput"
@batchAdd="batchAdd" @batchAdd="batchAdd"
:routeName="routeName" :routeName="routeName"
@visibleChange='visibleChange' @visibleChange="visibleChange"
> >
<template v-slot="{row}"> <template v-slot="{ row }">
<slot :row="row"></slot> <slot :row="row"></slot>
</template> </template>
</TableForm> </TableForm>
</div> </div>
<div v-if="isBusiness && formType == 'create' && fromeWhere == 'countPlan'"> <div v-if="isBusiness && formType == 'create' && fromeWhere == 'countPlan'">
<TableFormCountPlan <TableFormCountPlan
:tableFields="tableAllSchemas.tableFormColumns" :tableFields="tableAllSchemas.tableFormColumns"
:tableData="tableData" :tableData="tableData"
:countScopeType="countScopeType" :countScopeType="countScopeType"
:tableFormRules="tableFormRules" :tableFormRules="tableFormRules"
ref="tableFormRef" ref="tableFormRef"
@tableFormChange="tableFormChange" @tableFormChange="tableFormChange"
@handleAddTable="handleAddTable" @handleAddTable="handleAddTable"
@handleDeleteTable="handleDeleteTable" @handleDeleteTable="handleDeleteTable"
/> />
</div>
</div> </div>
</div> <template #footer>
<template #footer >
<slot name="foorter"></slot> <slot name="foorter"></slot>
<ButtonBase :Butttondata="Butttondata" @button-base-click="buttonBaseClick" /> <ButtonBase :Butttondata="Butttondata" @button-base-click="buttonBaseClick" />
</template> </template>
</Dialog> </Dialog>
<SearchTable ref="searchTableRef" :showSearchTableQueryFields="showSearchTableQueryFields" @searchTableSuccess="searchTableSuccess" > <SearchTable
ref="searchTableRef"
:showSearchTableQueryFields="showSearchTableQueryFields"
@searchTableSuccess="searchTableSuccess"
>
<template v-for="name in Object.keys($slots)" :key="name" #[name]> <template v-for="name in Object.keys($slots)" :key="name" #[name]>
<slot :name="name"></slot> <slot :name="name"></slot>
</template> </template>
</SearchTable> </SearchTable>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
@ -140,9 +145,10 @@ import * as defaultButtons from '@/utils/disposition/defaultButtons'
import ButtonBase from '@/components/XButton/src/ButtonBase.vue' import ButtonBase from '@/components/XButton/src/ButtonBase.vue'
import TableForm from '@/components/TableForm/src/TableForm.vue' 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 { tableFormBlurVer,FormBlur,getListByBottonInput } from '@/api/wms/business/business' import { tableFormBlurVer, FormBlur, getListByBottonInput } from '@/api/wms/business/business'
import { isString } from 'min-dash' import { isString } from 'min-dash'
const props = defineProps({ const props = defineProps({
// 显示窗口宽度设置 // 显示窗口宽度设置
basicFormWidth: { basicFormWidth: {
@ -155,9 +161,9 @@ const props = defineProps({
default: true default: true
}, },
// 是否显示删除按钮--多选 // 是否显示删除按钮--多选
isShowReduceButtonSelection:{ isShowReduceButtonSelection: {
type: Boolean, type: Boolean,
default: false, default: false
}, },
// 是否显示tableForm 删除按钮 // 是否显示tableForm 删除按钮
isShowReduceButton: { isShowReduceButton: {
@ -290,13 +296,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: ''
@ -306,36 +312,32 @@ 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: []
}, },
byCodespageApi: { // 失去焦点之后是否进行校验，
type: Function, isJiaoyan: {
required: true, type: Boolean,
default: null required: false,
}, //输入框校验是否正确的方法 default: false
byCodesParams: { }
type: Object,
required: true,
default: null
} //输入框校验是否正确的参数
}) })
const { t } = useI18n() // 国际化 const { t } = useI18n() // 国际化
@ -347,8 +349,8 @@ if (props.basicFormWidth) {
dialogWidth.value = props.isBusiness ? '60%' : '40%' dialogWidth.value = props.isBusiness ? '60%' : '40%'
} }
const formHeight = ref('60vh') const formHeight = ref('60vh')
const updateFullscreen = (isFullscreen)=>{ const updateFullscreen = (isFullscreen) => {
formHeight.value = isFullscreen?'auto':'60vh' formHeight.value = isFullscreen ? 'auto' : '60vh'
} }
const dialogVisible = ref(false) // 弹窗的是否展示 const dialogVisible = ref(false) // 弹窗的是否展示
@ -363,7 +365,7 @@ const tableFormRules = ref(props.tableFormRules)
const route = useRoute() // 路由信息 const route = useRoute() // 路由信息
const routeName = ref('') const routeName = ref('')
routeName.value = route.name routeName.value = route.name
const isExecute = ref(true)//如果走失去焦点的方法只有为true的时候才能进行保存 const isExecute = ref(true) //如果走失去焦点的方法只有为true的时候才能进行保存
// 列表-按钮 // 列表-按钮
// const buttondata = [ // const buttondata = [
@ -373,9 +375,9 @@ const isExecute = ref(true)//如果走失去焦点的方法只有为true的时
// // 列表-操作按钮事件 // // 列表-操作按钮事件
// const buttonTableClick = async (val, row) => { // const buttonTableClick = async (val, row) => {
// if (val == 'edit') { // if (val == 'edit') {
// } else if (val == 'delete') { // } else if (val == 'delete') {
// } else { // } else {
// } // }
// } // }
@ -396,7 +398,7 @@ const opensearchTable = (
multiple, multiple,
type, type,
row, row,
isConcatDetailSchemas=false, isConcatDetailSchemas = false,
searchDetailSchemas: any searchDetailSchemas: any
) => { ) => {
const _searchCondition = {} const _searchCondition = {}
@ -404,8 +406,8 @@ 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) {
_searchCondition[searchCondition[i].key] = formRef.value.formModel[searchCondition[i].value] _searchCondition[searchCondition[i].key] = formRef.value.formModel[searchCondition[i].value]
@ -417,19 +419,26 @@ 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(
return searchCondition[i].message ? searchCondition[i].message : '前置条件未选择！'
} )
return
}
} }
row[searchCondition[i].value] row[searchCondition[i].value]
//查询当前table表数据的值 //查询当前table表数据的值
@ -439,10 +448,15 @@ 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] == '' ||
return formRef.value.formModel[searchCondition[i].value] == undefined
) {
message.warning(
searchCondition[i].message ? searchCondition[i].message : '前置条件未选择！'
)
return
} }
} }
filters.push({ filters.push({
@ -450,14 +464,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
} }
@ -488,50 +501,76 @@ const opensearchTable = (
} }
//修改 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(
sumFormDataByTable() () => props.tableData,
if(props?.sumFormDataByTableCustom&&unref(formRef)?.formModel&&props.tableData){ () => {
props?.sumFormDataByTableCustom(formRef,unref(formRef)?.formModel,props.tableData) sumFormDataByTable()
if (props?.sumFormDataByTableCustom && unref(formRef)?.formModel && props.tableData) {
props?.sumFormDataByTableCustom(formRef, unref(formRef)?.formModel, props.tableData)
}
},
{
deep: true
} }
)
},{
deep:true
})
let originFormModel = {} let originFormModel = {}
const updateOriginFormModel = (data)=>{ const updateOriginFormModel = (data) => {
originFormModel = JSON.parse(JSON.stringify(data)) originFormModel = JSON.parse(JSON.stringify(data))
} }
const sumFormDataHandle1 = ()=>{ const sumFormDataHandle1 = () => {
emit('sumFormDataHandle',formRef,unref(formRef)?.formModel,props.tableData,formType.value,originFormModel,updateOriginFormModel) emit(
'sumFormDataHandle',
formRef,
unref(formRef)?.formModel,
props.tableData,
formType.value,
originFormModel,
updateOriginFormModel
)
} }
watch(()=>unref(formRef)?.formModel,async () => { watch(
if(props?.sumFormDataByForm&&unref(formRef)?.formModel){ () => unref(formRef)?.formModel,
props?.sumFormDataByForm(formRef,unref(formRef)?.formModel,props.tableData,formType.value,originFormModel,updateOriginFormModel,sumFormDataHandle1) async () => {
if (props?.sumFormDataByForm && unref(formRef)?.formModel) {
props?.sumFormDataByForm(
formRef,
unref(formRef)?.formModel,
props.tableData,
formType.value,
originFormModel,
updateOriginFormModel,
sumFormDataHandle1
)
}
},
{
deep: true
} }
},{ )
deep:true
})
// 弹层确定返回所选数据 // 弹层确定返回所选数据
// val ： 弹层列表row 数据 // val ： 弹层列表row 数据
@ -540,11 +579,17 @@ const searchTableSuccess = (formField, searchField, val, 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)
@ -574,22 +619,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), // 保存
@ -604,9 +652,9 @@ 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') {
submitForm() submitForm()
} }
@ -708,15 +756,15 @@ const emit = defineEmits([
'visibleChange' 'visibleChange'
]) ])
const visibleChange = (field, val, row, index) => { const visibleChange = (field, val, row, index) => {
emit('visibleChange',field, val, row, index) emit('visibleChange', field, val, row, index)
} }
//普通下拉改变事件 //普通下拉改变事件
const formSelectChange = (field, val, row) => { 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)
@ -753,14 +801,11 @@ 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 inpuFocus = (headerItem, row, index) => { const inpuFocus = (headerItem, row, index) => {
emit('inpuFocus', headerItem, row, index) emit('inpuFocus', headerItem, row, index)
opensearchTable( opensearchTable(
@ -778,7 +823,7 @@ const inpuFocus = (headerItem, row, index) => {
) )
} }
const clearInput = (field, row, index) => { const clearInput = (field, row, index) => {
emit('clearInput',field, row, index) emit('clearInput', field, row, index)
} }
/** /**
* 监听改变事件 * 监听改变事件
@ -796,48 +841,31 @@ const onChange = (field, cur) => {
*/ */
const onBlur = async (field, e) => { const onBlur = async (field, e) => {
isExecute.value = false isExecute.value = false
if (
field == 'supplierCode' || let formSchemaObj = formSchema.value.find((item) => item.field == field)?.componentProps
field == 'itemCode' || if (formSchemaObj?.enterSearch) {
field == 'productItemCode' || if (formSchemaObj.verificationPage) {
field == 'componentItemCode' || let searchCondition1 = formSchema.value.find((item) => item.field == field).componentProps
field == 'packUnit' || .searchCondition //获取data.ts参数信息
field == 'inPackUnit' || let verificationParams = formSchema.value.find((item) => item.field == field).componentProps
field == 'fromPackingNumber' .verificationParams //获取失去焦点参数信息
) { console.log('走新方法啦')
await FormBlur(
field,
e,
routeName.value,
formRef.value,
props.detailData,
formSchema.value,
(searchField, list) => {
emit('searchTableSuccess', field, searchField, list, formRef.value, 'form')
}
)
} else {
let formSchemaObj = formSchema.value.find((item) => item.field == field)
let searchCondition1 = formSchema.value.find((item) => item.field == field).componentProps
.searchCondition //获取data.ts参数信息
if (formSchemaObj?.componentProps?.enterSearch) {
if (e && isString(e)) { if (e && isString(e)) {
let setV = {} let setV = {}
setV[field] = '' setV[field] = ''
let obj = {} let params = {}
console.log(233,searchCondition1)
// 循环参数设置参数为key：value格式 // 循环参数设置参数为key：value格式
if (searchCondition1 && searchCondition1.length > 0) { if (searchCondition1 && searchCondition1.length > 0) {
for (let i = 0; i < searchCondition1.length; i++) { for (let i = 0; i < searchCondition1.length; i++) {
if (searchCondition1[i].isMainValue) { if (searchCondition1[i].isMainValue) {
obj[searchCondition1[i].key] = formRef.value.formModel[searchCondition1[i].value] params[searchCondition1[i].key] = formRef.value.formModel[searchCondition1[i].value]
? formRef.value.formModel[searchCondition1[i].value] ? formRef.value.formModel[searchCondition1[i].value]
: props.detailData : props.detailData
? props.detailData[searchCondition1[i].value] ? props.detailData[searchCondition1[i].value]
: '' : ''
// 是否含有空参数情况 // 是否含有空参数情况
let isNull = false let isNull = false
if (obj[searchCondition1[i].key] == '' || obj[searchCondition1[i].key] == undefined) { if (params[searchCondition1[i].key] == '' || params[searchCondition1[i].key] == undefined) {
isNull = true isNull = true
} }
if (isNull) { if (isNull) {
@ -865,120 +893,188 @@ console.log(233,searchCondition1)
} }
} }
} }
obj[searchCondition1[i].key] = searchCondition1[i].value params[searchCondition1[i].key] = searchCondition1[i].value
} else { } else {
obj[searchCondition1[i].key] = searchCondition1[i].value params[searchCondition1[i].key] = searchCondition1[i].value
} }
} }
} }
} }
if (!formSchemaObj?.componentProps.multiple && e.indexOf(',') > -1) { // 循环参数设置参数为key：value格式
if (verificationParams && verificationParams.length > 0) {
for (let i = 0; i < verificationParams.length; i++) {
params[verificationParams[i].key] = e?.trim()
}
}
console.log(333,params)
if (!formSchemaObj?.multiple && e.indexOf(',') > -1) {
message.alert('该输入框只能输入一条数据') message.alert('该输入框只能输入一条数据')
formRef.value.setValues(setV) formRef.value.setValues(setV)
return return
} }
if (props.byCodespageApi) { await formSchemaObj.verificationPage(params).then((res) => {
let params = {} let arr1 = e.split(',')
if (props.byCodesParams) { let list = ref([])
params = { ...props.byCodesParams, ...obj, codes: e } list.value = res
} else { console.log(222, list.value)
params = { ...obj, codes: e } if (list.value?.length == 0) {
message.alert('暂无数据')
formRef.value.setValues(setV)
return
} }
await props.byCodespageApi(params).then((res) => { if (arr1.length != list.value.length) {
let arr1 = e.split(',') let arr2 = list.value.map((item) => item.code)
let list = ref([]) let str = [
list.value = res ...arr1.filter((item) => !arr2.includes(item)),
if (list.value?.length == 0) { ...arr2.filter((item) => !arr1.includes(item))
message.alert('暂无数据') ].join(',')
formRef.value.setValues(setV) message.alert('代码' + str + '没有找到对应数据')
return formRef.value.setValues(setV)
} return
if (arr1.length != list.value.length) { }
let arr2 = list.value.map((item) => item.code) // emit('searchTableSuccess', formField, searchField, list.value, formRef.value, 'form')
let str = [ // callback(list.value)
...arr1.filter((item) => !arr2.includes(item)), })
...arr2.filter((item) => !arr1.includes(item)) // emit(
].join(',') // 'onBlur',
message.alert('代码' + str + '没有找到对应数据') // field,
formRef.value.setValues(setV) // e,
return // formSchemaObj.componentProps.searchField,
} // formSchemaObj,
emit( // formRef.value,
'searchTableSuccess', // 'form',
field, // obj
searchCondition1.searchField, // )
list,
formRef.value,
'form'
)
})
}
} }
} else { } else {
emit('onBlur', field, e) if (
field == 'supplierCode' ||
field == 'itemCode' ||
field == 'productItemCode' ||
field == 'componentItemCode' ||
field == 'packUnit' ||
field == 'inPackUnit' ||
field == 'fromPackingNumber'
) {
await FormBlur(
field,
e,
routeName.value,
formRef.value,
props.detailData,
formSchema.value,
(searchField, list) => {
emit('searchTableSuccess', field, searchField, list, formRef.value, 'form')
}
)
return
}
} }
} else {
emit('onBlur', field, e)
} }
isExecute.value = true isExecute.value = true
emit('onBlur', field, e)
} }
// 批量增加 // 批量增加
const batchAdd = async (val) => { const batchAdd = async (val) => {
const row = {} const row = {}
tableAllSchemas.value.tableFormColumns.forEach((item) => { tableAllSchemas.value.tableFormColumns.forEach((item) => {
row[item.field] = item.default ? item.default : '' row[item.field] = item.default ? item.default : ''
})
const headerItem = tableAllSchemas.value.tableColumns.find((item) => item.field == props.fieldTableColumn)
await getListByBottonInput(headerItem, val,row,routeName.value,formRef.value,props.detailData,props.tableData,(list)=>{
emit('searchTableSuccess',headerItem.field,'itemCode',list, formRef.value,'tableForm',row)
}) })
const headerItem = tableAllSchemas.value.tableColumns.find(
(item) => item.field == props.fieldTableColumn
)
await getListByBottonInput(
headerItem,
val,
row,
routeName.value,
formRef.value,
props.detailData,
props.tableData,
(list) => {
emit(
'searchTableSuccess',
headerItem.field,
'itemCode',
list,
formRef.value,
'tableForm',
row
)
}
)
} }
const inputStringBlur = async (headerItem, val, row, index) => { const inputStringBlur = async (headerItem, val, row, index) => {
// isExecute.value = false // isExecute.value = false
await tableFormBlurVer(headerItem,val,row,index,routeName.value,formRef.value,props.detailData,props.tableData,(searchField, list)=>{ await tableFormBlurVer(
emit('searchTableSuccess',headerItem.field,searchField,list, formRef.value,'tableForm',row,'blur',index) headerItem,
}) val,
row,
index,
routeName.value,
formRef.value,
props.detailData,
props.tableData,
(searchField, list) => {
emit(
'searchTableSuccess',
headerItem.field,
searchField,
list,
formRef.value,
'tableForm',
row,
'blur',
index
)
}
)
// isExecute.value = true // isExecute.value = true
} }
/** /**
* 回车事件 * 回车事件
* @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)
} }
// 修改盘点类型 // 修改盘点类型
const selectChange = (field, val) => { 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)
} }
defineExpose({
defineExpose({ open, formRef, opensearchTable, dialogVisible, formLoading ,handleAddTable,changeDialogWidth,searchTableRef,tableFormRef}) // 提供 open 方法，用于打开弹窗 open,
formRef,
opensearchTable,
dialogVisible,
formLoading,
handleAddTable,
changeDialogWidth,
searchTableRef,
tableFormRef
}) // 提供 open 方法，用于打开弹窗
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.table { .table {
@ -1007,8 +1103,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;

17
src/views/wms/basicDataManage/itemManage/bom/bom.data.ts
View File

@ -32,6 +32,11 @@ export const Bom = useCrudSchemas(reactive<CrudSchema[]>([
searchTitle: '物料基础信息', // 查询弹窗标题 searchTitle: '物料基础信息', // 查询弹窗标题
searchAllSchemas: Itembasic.allSchemas, // 查询弹窗所需类 searchAllSchemas: Itembasic.allSchemas, // 查询弹窗所需类
searchPage: ItembasicApi.selectItembasicPageToFgAndSemibasicPage, // 查询弹窗所需分页方法 searchPage: ItembasicApi.selectItembasicPageToFgAndSemibasicPage, // 查询弹窗所需分页方法
verificationPage: ItembasicApi.getItemListByCodes, // 失去焦点校验输入框的数据内容存在
verificationParams: [{
key: 'codes',
value: '',
}], // 失去焦点校验参数
} }
} }
}, },
@ -53,6 +58,11 @@ export const Bom = useCrudSchemas(reactive<CrudSchema[]>([
searchTitle: '物料基础信息', // 查询弹窗标题 searchTitle: '物料基础信息', // 查询弹窗标题
searchAllSchemas: Itembasic.allSchemas, // 查询弹窗所需类 searchAllSchemas: Itembasic.allSchemas, // 查询弹窗所需类
searchPage: ItembasicApi.selectTypeToItembasic, // 查询弹窗所需分页方法 searchPage: ItembasicApi.selectTypeToItembasic, // 查询弹窗所需分页方法
verificationPage: ItembasicApi.getItemListByCodes, // 失去焦点校验输入框的数据内容存在
verificationParams: [{
key: 'codes',
value: '',
}], // 失去焦点校验参数
} }
} }
}, },
@ -105,7 +115,12 @@ export const Bom = useCrudSchemas(reactive<CrudSchema[]>([
key: 'available', key: 'available',
value: 'TRUE', value: 'TRUE',
isMainValue: false isMainValue: false
}] }],
verificationPage: ProcessApi.getProcessByCodes, // 失去焦点校验输入框的数据内容存在
verificationParams: [{
key: 'codes',
value: '',
}], // 失去焦点校验参数
} }
} }
}, },

Write Preview
Loading…
Cancel
Save