调用：DetailListSearch 背景：bg2.jpg

明细.PNG

⚙ 配置

属性 说明 是否必需
headConfig 主明细表列头配置 YES
dataConfig 主明细表数据配置 YES
onSearch 按下键盘后执行的搜索事件 YES
onEnter 按下回车后执行的事件 YES

headConfig

  1. // 【必填】主表的表头
  2. headConfig:[
  3.   {
  4.     // 【必填】表头名称
  5.     tName: '处方号',
  6.     // 【选填】对齐方式，若传入则按你的方式来，不传，默认居中
  7.     align: "left",
  8.     // 【选填，最好不填】宽度，指定该列宽度。其余未指定宽度的将自适应，该列不参与。
  9.     // 建议：指定宽度的列最好不要超过2列
  10.     width: "200px",
  11.   },
  12. ]

dataConfig

  1. // 【必填】主表内容
  2. // 该配置为二维数组，每一项代表一条记录，每条记录的长度需要 == headConfig.length
  3. bodyConfig:[
  4.   ["20190725C20001", "内科门诊", "管理员", "2.00", "西药方", "2019-07-25"],
  5.   ["20190725C20001", "兽科门诊", "饲养员", "2.00", "中成方", "2019-07-25"],
  6.   ... ...
  7. ]

onSearch

  1. // config 内的配置项
  2. onSearch: "onSearch_DetailList",
  4. /**
  5.  * 明细-可搜索模板的用户输入的回调
  6.  * 返回新对象，该对象包含 headConfig 与 dataConfig
  7.  * 当然，你也可以传一个空的对象：{}，此时表格会显示：无更多数据
  8.  * @param  {string} params 用户输入的值
  9.  * @return {object} 
  10.  */
  11. function onSearch_DetailList(params) {
  12.   console.log(params)
  13.   return {
  14.     headConfig: [
  15.       {
  16.         tName: '处方号',
  17.         align: "left",
  18.         // width: "200px"
  19.       },
  20.       {
  21.         tName: '开单时间',
  22.         align: "left"
  23.       },
  24.       {
  25.         tName: '开单科室'
  26.       }, 
  27.     ],
  28.     dataConfig: [
  29.       ["20190725C20001", "内科门诊", "管理员"],
  30.       ["20190725C20002", "内科门诊", "管理员"],
  31.       ["20190725Q0001", "内科门诊", "管理员"],
  32.     ]
  33.   }
  34. }

onEnter

  1. // config 内的配置项
  2. onEnter: "onEnter"
  4. /**
  5.  * 用于处理用户敲击回车键所执行的函数
  6.  */
  7. function onEnter() {
  8.   console.log("你敲了回车键")
  9. }

♨️ JS Call

🚀 getData

无