sfms3.0-ui/README.md

## dev发布2024-06-01-002
**xxxx.data.ts 文件配置说明**

dictType: DICT_TYPE.INVENTORY_STATUS,
dictClass: 'string',
dictAllOption:true,// true 字典中--下拉框中展示全选按钮
dictAllValue:'全选', // 全选按钮的value值
hiddenSearchHigh: boolean // 是否隐藏高级筛选

**form表单查询弹窗配置**
form: {
    labelMessage: '信息提示说明！！！',
    componentProps: {
      value:'undefined',//默认值，设置为'undefined'-->实际是undefined(解决SelectV2不显示占位符placeholder)
      enterSearch: true, //可输入回车  对应绑定事件：@onEnter="onEnter"
      isSearchList: true, // 开启查询弹窗
      searchListPlaceholder: '请选择物料代码', // 输入框占位文本
      searchField: 'itemCode', // 查询弹窗赋值字段
      searchTitle: '生产线物料关系信息', // 查询弹窗标题
      hiddenFilterButton:true,//是否隐藏筛选按钮
      dialogWidth:'100px',//搜索出来弹窗的宽度
      isConcatDetailSchemas:true, // 是否主子表合并
      searchDetailSchemas: PurchasereceiptRecordDetail.allSchemas, // 查询弹窗所需子表类
      searchAllSchemas: Productionlineitem.allSchemas, // 查询弹窗所需类
      searchPage: ProductionlineitemApi.getProductionlineitemPage, // 查询弹窗所需分页方法
      searchCondition: [{
          key:'productionLineCode', // 查询列表中字段
          value:'prodLine', // 指主表某字段 
          message: '请选择生产线信息！', // 当前置条件为空时 弹出信息提示
          isMainValue: true // 表示查询条件是主表的字段的值
          isOptional:true, // isMainValue=true情况，添加参数可选可空的判断
          isFilterValue:true // 字段拼到filters里，和isMainValue配合使用
          action: '==', // 查询拼接条件
        },
        {
          key: 'customerCode', // 查询列表中字段
          value: 'customerCode', // 指查询具体值
          action: '==', // 查询拼接条件
          isSearch: true, // 使用自定义拼接条件
          isMainValue: false // 拼接条件必须要 false 同时不能与 isMainValue: true 同用
          isFormModel:true, // filters中添加筛选的数据--取于formModel
          required:true, // 前置添加必有，和isFormModel结合使用
          message: '请选择客户代码！', // 前置添加没填的提示语
          
        },
        {
          key: 'itemCode',
          value: 'itemCode',
          message: '请选择订单行',
          isTableRowValue: true, //查询当前searchTable表中行数据的值
          isMainValue:false
        },
        {
          key:'available', // 查询列表中字段
          value:'TRUE', // 指查询具体值
          isMainValue: false // 表示查询条件不是主表的字段的值
        },
        {
          key:'workshopCode',
          value:'workshopCode',
          message: '请填写车间代码！',
          isMainValue: true,
          isRemoveParams: true // 仅用于前端校验，不传参
        },
      ],
      verificationPage: ItembasicApi.getItemListByCodes, // tableForm下方输入框校验失去焦点之后是否正确的方法
      isShowTableFormSearch: true, //tableForm下方是否出现输入框
      isRepeat: true,//tableForm下方输入框是否可以重复添加该条数据
      // 失去焦点校验参数
      verificationParams: [{
        key: 'code',
        action: '==',
        value: '',
        isMainValue: false,
        isSearch: 'true',
        isFormModel: true,
      }]
    }
}
**tableForm明细列表查询弹窗配置**
tableForm:{
  hidden:false,//控制列是否展示
  isInpuFocusShow: true, // 开启查询弹窗 【**与form表单中唯一不同属性**】
  searchListPlaceholder: '请选择从仓库代码', // 输入框占位文本
  searchField: 'code', // 查询弹窗赋值字段
  searchTitle: '仓库基础信息', // 查询弹窗标题
  searchAllSchemas: Warehouse.allSchemas, // 查询弹窗所需类
  searchPage: WarehouseApi.getWarehousePage, // 查询弹窗所需分页方法
  searchCondition: [{
    key: 'available', // 查询列表中字段
    value: 'TRUE', // 指查询具体值
    isMainValue: false // 表示查询条件不是主表的字段的值
  },
  {
    key: 'available', // 查询列表中字段
    value: 'TRUE', // 指查询具体值
    action: '==', // 查询拼接条件
    isSearch: true, // 使用自定义拼接条件
    isMainValue: false // 拼接条件必须要 false 同时不能与 isMainValue: true 同用
  }]
},



**主子表合并需要修改的代码**
1、影响Table表头
const tableColumns = 
ref([…”PurchaseMain”.allSchemas.tableColumns,…”PurchaseDetail”.allSchemas.tableMainColumns])

PurchaseMain：主表
PurchaseDetail:子表

2、影响搜索头部
在TableHead标签内部添加属性：
    <TableHead
......
:detailAllSchemas="PurchaseDetail.allSchemas"
/>

3、影响操作按钮
3.1 修改<Table 标签中赋值
原有：
#action="{ row }”
:Butttondata=“butttondata(row)"
改为：
#action="{ row,$index }”
:Butttondata="butttondata(row,$index)"

3.2 在按钮回调中添加$index，固定的写死：
const butttondata = (row,$index) => {
  const findIndex = row['masterId']?tableObject.tableList.findIndex(item=>item['masterId'] == row['masterId']):-1
  if(findIndex>-1&&findIndex<$index){
    return []
  }
…下面是原有的按钮逻辑，不变
}

4、更换子表的请求接口
const { tableObject, tableMethods } = useTable({
  getListApi: “PurchasereceiptRequestDetailApi.getPurchasereceiptRequestDetailPage”// 分页接口
})

5、搜索工作栏
<Search
      :schema="[...CountPlanMain.allSchemas.searchSchema,...CountPlanDetail.allSchemas.searchSchema]"
      @search="setSearchParams"
      @reset="setSearchParams"
    />
    
6、ts文件配置：
hiddenInMain:true, //子表中数据不展示在主表
sortTableDefault:1000, // 主页面中Table表中展示的排序位置：默认值999 ，最小值1，值越大越靠后,值越小越靠前
sortSearchDefault：1000,// 搜素框中展示的排序位置，用法同sortTableDefault