form.html 4.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <form class="layui-form layui-card" action="{:request()->url()}" data-auto="true" method="post" autocomplete="off">
  2. <div class="layui-card-body padding-left-40">
  3. <div class="layui-row layui-col-space15">
  4. <div class="layui-col-xs5">
  5. <label class="block relative">
  6. <span class="color-green font-w7">学校名称</span>
  7. <span class="color-desc margin-left-5">Nick Name</span>
  8. <input name="name" value='{$vo.name|default=""}' required placeholder="请输入学校名称" class="layui-input">
  9. <span class="help-block">用户显示的账号别名,请尽量保持不要重复</span>
  10. </label>
  11. </div>
  12. <div class="layui-col-xs5">
  13. <label class="block relative">
  14. <span class="color-green font-w7">登录账号</span>
  15. <span class="color-desc margin-left-5">User Name</span>
  16. {if isset($vo) and isset($vo.contact_mail)}
  17. <input disabled value='{$vo.username|default=""}' class="layui-input layui-bg-gray">
  18. {else}
  19. <input name="username" value='{$vo.username|default=""}' required placeholder="请输入登录账号" class="layui-input">
  20. {/if}
  21. <span class="help-block">登录账号不能重复,账号创建后不能再次修改</span>
  22. </label>
  23. </div>
  24. </div>
  25. <div class="hr-line-dashed margin-top-10 margin-bottom-10"></div>
  26. <div class="layui-row layui-col-space15">
  27. <div class="layui-col-xs4">
  28. <label class="relative block">
  29. <span class="color-green font-w7">联系邮箱</span><span class="color-desc margin-left-5">Contact Email</span>
  30. <input name="contact_mail" pattern="^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$" value='{$vo.contact_mail|default=""}' placeholder="请输入联系电子邮箱" class="layui-input">
  31. <span class="color-desc">可选,请填写常用的电子邮箱</span>
  32. </label>
  33. </div>
  34. <div class="layui-col-xs4">
  35. <label class="relative block">
  36. <span class="color-green font-w7">联系手机</span><span class="color-desc margin-left-5">Contact Mobile</span>
  37. <input type="tel" maxlength="11" name="contact_phone" value='{$vo.contact_phone|default=""}' pattern="^1[3-9][0-9]{9}$" placeholder="请输入用户联系手机" class="layui-input">
  38. <span class="color-desc">可选,请填写常用的联系手机号</span>
  39. </label>
  40. </div>
  41. <div class="layui-col-xs4">
  42. <label class="relative block">
  43. <span class="color-green font-w7">联系QQ</span><span class="color-desc margin-left-5">Contact QQ</span>
  44. <input name="contact_qq" pattern="^\d{6,}$" value='{$vo.contact_qq|default=""}' placeholder="请输入常用的联系QQ" class="layui-input">
  45. <span class="color-desc">可选,请填写常用的联系QQ号</span>
  46. </label>
  47. </div>
  48. </div>
  49. <div class="layui-col-xs12 relative block">
  50. <span class="color-green font-w7 label-required-prev">所在地</span>
  51. <span class="color-desc margin-left-5">(原地点:{$vo.province|default='--'} - {$vo.city|default=''} - {$vo.area|default=''} )</span>
  52. <div class="layui-row layui-col-space10">
  53. <label class="layui-col-xs4"><select class="layui-select block full-width" lay-ignore name="province"></select></label>
  54. <label class="layui-col-xs4"><select class="layui-select block full-width" lay-ignore name="city"></select></label>
  55. <label class="layui-col-xs4"><select class="layui-select block full-width" lay-ignore name="area"></select></label>
  56. </div>
  57. </div>
  58. <div class="hr-line-dashed"></div>
  59. {notempty name='vo.id'}<input type='hidden' value='{$vo.id}' name='id'>{/notempty}
  60. <div class="layui-form-item text-center">
  61. <button class="layui-btn" type='submit'>保存数据</button>
  62. <button class="layui-btn layui-btn-danger" type='button' data-confirm="确定要取消编辑吗?" data-close>取消编辑</button>
  63. </div>
  64. </div>
  65. <script>
  66. require(['pcasunzips'], function () {
  67. (function (province, city, area) {
  68. new PCAS("province", "city", "area", province, city, area);
  69. window.form.render();
  70. })('{$vo.province|default=""}', '{$vo.city|default=""}', '{$vo.area|default=""}');
  71. });
  72. </script>
  73. </form>