edit.html 9.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>会员列表</title>
  7. <link rel="shortcut icon" href="favicon.ico">
  8. <link href="__CSS__/bootstrap.min.css?v=3.3.6" rel="stylesheet">
  9. <link href="__CSS__/font-awesome.min.css?v=4.4.0" rel="stylesheet">
  10. <link href="__CSS__/animate.min.css" rel="stylesheet">
  11. <link href="__JS__/layui/css/layui.css" rel="stylesheet">
  12. <link href="__CSS__/style.min.css?v=4.1.0" rel="stylesheet">
  13. </head>
  14. <body class="gray-bg">
  15. <div class="wrapper wrapper-content animated fadeInRight">
  16. <div class="row">
  17. <div class="col-sm-8">
  18. <div class="ibox float-e-margins">
  19. <div class="ibox-title">
  20. <h5>会员列表</h5>
  21. </div>
  22. <div class="ibox-content">
  23. <form class="form-horizontal m-t layui-form" id="commentForm" method="post" action="{:url('accounts/edit')}">
  24. <input type="hidden" value="{$info['id']}" name="id"/>
  25. <div class="form-group">
  26. <label class="col-sm-3 control-label">用户名称:</label>
  27. <div class="input-group col-sm-4">
  28. <input id="account_name" type="text" class="form-control" name="account_name" required="" aria-required="true" value="{$info['account_name']}" disabled="disabled">
  29. </div>
  30. </div>
  31. <div class="form-group">
  32. <label class="col-sm-3 control-label">用户昵称:</label>
  33. <div class="input-group col-sm-4">
  34. <input id="nick_name" type="text" class="form-control" name="nick_name" aria-required="true" value="{$info['nick_name']}">
  35. </div>
  36. </div>
  37. <div class="form-group">
  38. <label class="col-sm-3 control-label">用户邮箱:</label>
  39. <div class="input-group col-sm-4">
  40. <input id="account_email" type="text" class="form-control" name="account_email" aria-required="true" value="{$info['account_email']}">
  41. </div>
  42. </div>
  43. <div class="form-group">
  44. <label class="col-sm-3 control-label">电话:</label>
  45. <div class="input-group col-sm-4">
  46. <input id="account_phone" type="text" class="form-control" name="account_phone" aria-required="true" value="{$info['account_phone']}">
  47. </div>
  48. </div>
  49. <div class="form-group">
  50. <label class="col-sm-3 control-label">地址:</label>
  51. <div class="input-group col-sm-4">
  52. <input id="address" type="text" class="form-control" name="address" aria-required="true" value="{$info['address']}">
  53. </div>
  54. </div>
  55. <div class="form-group">
  56. <label class="col-sm-3 control-label">标签:</label>
  57. <div class="input-group col-sm-4">
  58. <input id="label" type="text" class="form-control" name="label" aria-required="true" value="{$info['label']}">
  59. </div>
  60. </div>
  61. <div class="form-group">
  62. <label class="col-sm-3 control-label">备注:</label>
  63. <div class="input-group col-sm-4">
  64. <input id="remark" type="text" class="form-control" name="remark" aria-required="true" value="{$info['remark']}">
  65. </div>
  66. </div>
  67. <!--<div class="form-group">-->
  68. <!--<label class="col-sm-3 control-label">状态:</label>-->
  69. <!--<div class="input-group col-sm-4">-->
  70. <!--<input id="no_public" type="radio" class="form-control" name="status" value="1" {$info['status']==1?'checked':''} title="正常">-->
  71. <!--<input id="public" type="radio" class="form-control" name="status" value="0" {$info['status']==0?'checked':''} title="停用">-->
  72. <!--</div>-->
  73. <!--</div>-->
  74. <div class="form-group">
  75. <label class="col-sm-3 control-label">选择负责人:</label>
  76. <input type="hidden" id="user_id" name="user_id" value="{$info['user_id']}"/>
  77. <div class="input-group col-sm-4 layui-form">
  78. <select lay-verify="required" lay-filter="user">
  79. <option value="0">请选择负责人</option>
  80. {if !empty($users)}
  81. {foreach name="users" item="vo"}
  82. <option value="{$vo['id']}" {if $vo['id'] eq $info['user_id']}selected{/if}>{$vo['user_name']}</option>
  83. {/foreach}
  84. {/if}
  85. </select>
  86. </div>
  87. </div>
  88. <div class="form-group">
  89. <div class="col-sm-4 col-sm-offset-6" style="margin-left: 20%;">
  90. <!--<a class="layui-btn layui-btn-sm lay-btn-diy" href="javascript:history.go(-1)" style="background-color:#1E9FFF;margin-bottom: 5px;height: 35px;line-height: 35px;">返回</a>-->
  91. <button class="btn btn-primary" type="submit">提交</button>
  92. </div>
  93. </div>
  94. </form>
  95. </div>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. <script src="__JS__/jquery.min.js?v=2.1.4"></script>
  101. <script src="__JS__/bootstrap.min.js?v=3.3.6"></script>
  102. <script src="__JS__/content.min.js?v=1.0.0"></script>
  103. <script src="__JS__/plugins/validate/jquery.validate.min.js"></script>
  104. <script src="__JS__/plugins/validate/messages_zh.min.js"></script>
  105. <script src="__JS__/plugins/layer/layer.min.js"></script>
  106. <script src="__JS__/layui/layui.js"></script>
  107. <script src="__JS__/jquery.form.js"></script>
  108. <script type="text/javascript">
  109. layui.use(['form', 'upload'], function(){
  110. var form = layui.form;
  111. var upload = layui.upload;
  112. //执行实例
  113. var uploadInst = upload.render({
  114. elem: '#up-avatar' //绑定元素
  115. ,url: "{:url('users/upAvatar')}" //上传接口
  116. ,exts: 'png|jpg|jpeg|gif'
  117. ,done: function(res){
  118. //上传完毕回调
  119. if(0 == res.code){
  120. $("#avatar").html('<img src="' + res.data.src + '" width="50px" height="50px">');
  121. $("#user_avatar").val(res.data.src);
  122. }else{
  123. layer.msg(res.msg);
  124. }
  125. }
  126. ,error: function(){
  127. //请求异常回调
  128. }
  129. });
  130. form.on('select(user)', function(value){
  131. $("#user_id").val(value.value);
  132. });
  133. });
  134. var index = '';
  135. function showStart(){
  136. index = layer.load(0, {shade: false});
  137. return true;
  138. }
  139. function showSuccess(res){
  140. layer.ready(function(){
  141. layer.close(index);
  142. if(1 == res.code){
  143. layer.alert(res.msg, {title: '友情提示', icon: 1, closeBtn: 0}, function(){
  144. window.location.href = res.data;
  145. });
  146. }else if(111 == res.code){
  147. window.location.reload();
  148. }else{
  149. layer.msg(res.msg, {anim: 6});
  150. }
  151. });
  152. }
  153. $(document).ready(function(){
  154. // 添加管理员
  155. var options = {
  156. beforeSubmit:showStart,
  157. success:showSuccess
  158. };
  159. $('#commentForm').submit(function(){
  160. $(this).ajaxSubmit(options);
  161. return false;
  162. });
  163. });
  164. // 表单验证
  165. $.validator.setDefaults({
  166. highlight: function(e) {
  167. $(e).closest(".form-group").removeClass("has-success").addClass("has-error")
  168. },
  169. success: function(e) {
  170. e.closest(".form-group").removeClass("has-error").addClass("has-success")
  171. },
  172. errorElement: "span",
  173. errorPlacement: function(e, r) {
  174. e.appendTo(r.is(":radio") || r.is(":checkbox") ? r.parent().parent().parent() : r.parent())
  175. },
  176. errorClass: "help-block m-b-none",
  177. validClass: "help-block m-b-none"
  178. });
  179. </script>
  180. </body>
  181. </html>