add.html 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. {extend name="layout/content" /}
  2. {block name="header"}
  3. <link rel="stylesheet" href="__STATIC__/css/FuzzySearch.css?v={$Think.STATIC_VERSION}">
  4. <title>添加礼包</title>
  5. <style>
  6. .layui-form-label {
  7. width: 110px;
  8. }
  9. </style>
  10. {/block}
  11. {block name="content"}
  12. <div class="x-body">
  13. <form class="layui-form" action="{:url('add')}" method="post">
  14. <div class="layui-inline">
  15. <label class="layui-form-label">后台用户:</label>
  16. <div class="layui-input-inline FuzzySearch_Container">
  17. <select name="admin_id" id="admin_id" lay-search="true" lay-verify=“required”>
  18. {volist name="admin_list" id="vo"}
  19. <option value="{$vo.id}" >{$vo.username}</option>
  20. {/volist}
  21. </select>
  22. </div>
  23. </div>
  24. <div class="layui-form-item">
  25. <label class="layui-form-label"> <span class="x-red">*</span>所属商务:</label>
  26. <div class="layui-input-inline" style="width: 40%">
  27. <div id="channel_ids"></div>
  28. </div>
  29. </div>
  30. <div class="layui-form-item">
  31. <div class="layui-input-block">
  32. <button class="layui-btn" lay-submit lay-filter="formDemo" id="J_submit_btn">提交</button>
  33. <button type="button" class="layui-btn layui-btn-primary" onClick="javascript:history.back(-1);">返回
  34. </button>
  35. </div>
  36. </div>
  37. </form>
  38. </div>
  39. {/block}
  40. {block name="footer"}
  41. <script type="text/javascript" src="__STATIC__/js/FuzzySearch.js?v={$Think.STATIC_VERSION}"></script>
  42. <script type="text/javascript" charset="utf-8" src="__STATIC__/lib/xm-select.js"></script>
  43. <script>
  44. var tagData1 = {:json_encode($channel_list)}; // 获取到后台给出的数据-PHP写法
  45. var tagIns1 = xmSelect.render({
  46. el: '#channel_ids', // div的id值
  47. toolbar: { // 工具条【‘全选’,‘清空’】
  48. show: true, // 开启工具条
  49. showIcon: false, // 隐藏工具条的图标
  50. },
  51. autoRow: true,
  52. // tips: '选择校区', // 让默认值不是“请选择”,而是“选择校区”
  53. filterable: true, // 开启搜索模式,默认按照name进行搜索
  54. paging: true, // 启用分页
  55. pageSize: 100, // 每页的数据个数
  56. data: tagData1,
  57. prop: { // 也许你的数据库返回的并不是name和value, 也许你提交的时候不止name和value, 怎么办? 自定义就行
  58. name: 'name',
  59. value: 'id'
  60. },
  61. })
  62. </script>
  63. {/block}