调用：Department 背景：bg2.jpg

image.png
image.png

⚙ 配置

属性 说明 是否必需
searchBtnClickHandle 点击搜索按钮触发事件（不配置则无搜索框） NO
uniClick 点击科室按钮触发事件 YES
maxLength 输入框最大长度 NO
kbType 键盘类型（不配置则无搜索框） NO
btnList 按钮列表 YES
onEnter 敲击回车事件 NO

整体配置范例

  2. function Department() {
  3.   var data = {
  4.     model: "Department",
  5.     config: {
  6.       shell: commonShellCfg,
  7.       bgImg: "bg2.jpg",
  8.       modInAnimation: "fadeInLeft",
  9.       // searchBtnClickHandle: "Department_Search",
  10.       searchBtnClickHandle: function (value) {
  11.         console.log(value)
  12.         var newList = [
  13.           {
  14.             txt: '科室A1',
  15.             disabled: false
  16.           },
  17.           {
  18.             txt: '科室A2',
  19.             disabled: false
  20.           },]
  21.         return newList
  22.       },
  23.       uniClick: "Department_Btn",
  24.       maxLength: 11,
  25.       /**
  26.        * @param type 键盘类型
  27.        * 1. mix     全键盘
  28.        * 2. digital 数字
  29.        * 3. identy  身份证
  30.        * 4. money   金额输入
  31.        * 5. lower   小写
  32.        * 6. capital 大写
  33.        * @param maxLength 最长输入长度
  34.        */
  35.       kbType: 'mix',
  36.       onEnter: "onEnter",
  37.       btnList: [
  38.         {
  39.           txt: '妇科',
  40.           disabled: false
  41.         },
  42.         {
  43.           txt: '产科',
  44.           disabled: false
  45.         },
  46.         {
  47.           txt: '儿科',
  48.           disabled: false
  49.         },
  50.         {
  51.           txt: '内科',
  52.           disabled: false
  53.         },
  54.         {
  55.           txt: '骨伤科',
  56.           disabled: false
  57.         },
  58.         {
  59.           txt: '呼吸内科',
  60.           disabled: false
  61.         },
  62.         {
  63.           txt: '消化内科',
  64.           disabled: false
  65.         },
  66.         {
  67.           txt: '神经内科',
  68.           disabled: true
  69.         },
  70.         {
  71.           txt: '心血管内科',
  72.           disabled: false
  73.         },
  74.         {
  75.           txt: '肾内科',
  76.           disabled: false
  77.         }, {
  78.           txt: '血液内科',
  79.           disabled: false
  80.         }, {
  81.           txt: '免疫科',
  82.           disabled: false
  83.         },
  84.         {
  85.           txt: '内分泌科',
  86.           disabled: false
  87.         },
  88.         {
  89.           txt: '计划生育',
  90.           disabled: true
  91.         },
  92.         {
  93.           txt: '肛肠外科',
  94.           disabled: false
  95.         },
  96.         {
  97.           txt: '烧伤科',
  98.           disabled: false
  99.         },
  100.         {
  101.           txt: '科室A17',
  102.           disabled: false
  103.         },
  104.         {
  105.           txt: '科室A18',
  106.           disabled: false
  107.         },
  108.         {
  109.           txt: '科室B1',
  110.           disabled: false
  111.         },
  112.         {
  113.           txt: '科室B2',
  114.           disabled: false
  115.         },
  116.         {
  117.           txt: '科室B3',
  118.           disabled: false
  119.         },
  120.         {
  121.           txt: '科室B4',
  122.           disabled: false
  123.         },
  124.       ],
  125.     }
  126.   };
  127.   return data;
  128. }

searchBtnClickHandle

  1. // 点击搜索回调
  2. searchBtnClickHandle: "Department_Search",
  3. // 自定义事件
  4. // str……输入框内容
  5. function Department_Search(str) {
  6.   // 返回新数据重新填充前端并刷新展示
  7.   var newList = [
  8.     {
  9.       txt: '测试科室F-1-2',
  10.       disabled: false
  11.     },
  12.     {
  13.       txt: '测试科室F-1-2',
  14.       disabled: false
  15.     },... ];
  17.   return newList;
  18. }

uniClick

  1. // 点击科室按钮回调
  2. uniClick: "Department_Btn",
  3. // 自定义事件
  4. function Department_Btn(index,item) {
  5.   //获取按钮索引以及对应索引的值
  6.   console.log(index,item);
  7. }

maxLen

  1. maxLen: 11,

kbType

  1. /**
  2.  * 1. mix     全键盘
  3.  * 2. lower   小写
  4.  * 3. capital 大写
  5.  */
  6. kbType: 'capital',

btnList

  1. [
  2.   {
  3.     // 按钮标题
  4.     txt: '测试科室F-1-2',
  5.     // 按钮是否禁用
  6.     disabled: false
  7.   },
  8.   {
  9.     txt: '测试科室F-1-2',
  10.     disabled: false
  11.   },...
  12. ]

onEnter

  1. // 属性配置
  2. onEnter: "onEnter",
  3. // 执行方法
  4. function onEnter(){
  5.   console.log("你敲了回车键")
  6. }

♨️ JS Call

无

🚀 getData

无