Browse Source

tableForm弹窗列表框的input不可以输入

master
zhang_li 1 year ago
parent
commit
fcfc6fb3d2
  1. 3
      src/components/BasicForm/src/BasicForm.vue
  2. 6
      src/components/TableForm/src/TableForm.vue
  3. 4
      src/views/wms/supplierManage/purchaseclaim/purchaseclaimRequestMain/purchaseclaimRequestMain.data.ts

3
src/components/BasicForm/src/BasicForm.vue

@ -295,9 +295,6 @@ const handleAddTable = () => {
} }
// //
const inpuFocus = (headerItem, row, index) => { const inpuFocus = (headerItem, row, index) => {
console.log(11)
console.log(headerItem)
console.log(11)
opensearchTable( opensearchTable(
headerItem.field, headerItem.field,
headerItem.tableForm.searchField, headerItem.tableForm.searchField,

6
src/components/TableForm/src/TableForm.vue

@ -63,10 +63,10 @@
clearable clearable
:type="headerItem?.tableForm?.inputType" :type="headerItem?.tableForm?.inputType"
:placeholder="headerItem?.tableForm?.placeholder || '请输入' + headerItem.label" :placeholder="headerItem?.tableForm?.placeholder || '请输入' + headerItem.label"
:disabled="headerItem?.tableForm?.isSearchList ? true : false" :disabled="headerItem?.tableForm?.isInpuFocusShow ? true : false"
style="flex:1" style="flex:1"
/> />
<el-button v-if="headerItem?.tableForm?.isSearchList" @click="inpuFocus(headerItem,row,index)"><Icon icon="ep:search" size="14"/></el-button> <el-button v-if="headerItem?.tableForm?.isInpuFocusShow" @click="inpuFocus(headerItem,row,index)"><Icon icon="ep:search" size="14"/></el-button>
</el-form-item> </el-form-item>
<!-- 金额输入框 --> <!-- 金额输入框 -->
<el-form-item <el-form-item
@ -389,7 +389,7 @@ const handleAddTable = () => {
} }
// //
const inpuFocus = (headerItem, row, index)=>{ const inpuFocus = (headerItem, row, index)=>{
if(headerItem?.tableForm?.isSearchList){ if(headerItem?.tableForm?.isInpuFocusShow){
emit('inpuFocus', headerItem, row, index) emit('inpuFocus', headerItem, row, index)
} }
} }

4
src/views/wms/supplierManage/purchaseclaim/purchaseclaimRequestMain/purchaseclaimRequestMain.data.ts

@ -334,7 +334,7 @@ export const PurchaseclaimRequestDetail = useCrudSchemas(reactive<CrudSchema[]>(
label: '订单号', label: '订单号',
field: 'poNumber', field: 'poNumber',
tableForm:{ tableForm:{
isSearchList: true, // 开启查询弹窗 isInpuFocusShow: true, // 开启查询弹窗
searchListPlaceholder: '请选择订单号', searchListPlaceholder: '请选择订单号',
searchField: 'poNumber', searchField: 'poNumber',
searchTitle: '供应商发货记录', searchTitle: '供应商发货记录',
@ -347,7 +347,7 @@ export const PurchaseclaimRequestDetail = useCrudSchemas(reactive<CrudSchema[]>(
form: { form: {
// labelMessage: '信息提示说明!!!', // labelMessage: '信息提示说明!!!',
componentProps: { componentProps: {
isSearchList: true, isInpuFocusShow: true,
searchListPlaceholder: '请选择订单号', searchListPlaceholder: '请选择订单号',
searchField: 'poNumber', searchField: 'poNumber',
searchTitle: '供应商发货记录', searchTitle: '供应商发货记录',

Loading…
Cancel
Save