editUser.blade.php 33 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481
  1. @extends('admin.layouts')
  2. @section('css')
  3. <link href="/assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css" />
  4. @endsection
  5. @section('title', '控制面板')
  6. @section('content')
  7. <!-- BEGIN CONTENT BODY -->
  8. <div class="page-content" style="padding-top:0;">
  9. <!-- BEGIN PAGE BASE CONTENT -->
  10. <div class="tab-pane active">
  11. <div class="portlet light bordered">
  12. <div class="portlet-body form">
  13. <!-- BEGIN FORM-->
  14. <form action="{{url('admin/editUser')}}" method="post" class="form-horizontal" onsubmit="return do_submit();">
  15. <div class="form-body">
  16. <div class="row">
  17. <div class="col-md-6">
  18. <!-- BEGIN SAMPLE FORM PORTLET-->
  19. <div class="portlet light bordered">
  20. <div class="portlet-title" style="width:100%">
  21. <div class="caption" style="width:100%">
  22. <div class="row">
  23. <span class="caption-subject font-dark bold uppercase col-md-4">账号信息</span>
  24. <div class="text-right col-md-8" style="">
  25. <button type="button" class="btn btn-sm btn-danger btn-outline" onclick="switchToUser()">切换身份</button>
  26. </div>
  27. </div>
  28. </div>
  29. </div>
  30. <div class="portlet-body">
  31. <div class="form-group">
  32. <label for="username" class="col-md-3 control-label">用户名</label>
  33. <div class="col-md-8">
  34. <input type="text" class="form-control" name="username" value="{{$user->username}}" id="username" placeholder="不填则不变" autofocus required>
  35. <input type="hidden" name="id" value="{{$user->id}}">
  36. <input type="hidden" name="_token" value="{{csrf_token()}}">
  37. </div>
  38. </div>
  39. <div class="form-group">
  40. <label for="password" class="col-md-3 control-label">密码</label>
  41. <div class="col-md-8">
  42. <input type="text" class="form-control" name="password" value="" id="password" placeholder="不填则不变">
  43. </div>
  44. </div>
  45. <div class="form-group">
  46. <label for="usage" class="col-md-3 control-label">用途</label>
  47. <div class="col-md-8">
  48. <div class="mt-radio-inline">
  49. <label class="mt-radio">
  50. <input type="radio" name="usage" value="1" {{$user->usage == 1 ? 'checked' : ''}}> 手机
  51. <span></span>
  52. </label>
  53. <label class="mt-radio">
  54. <input type="radio" name="usage" value="2" {{$user->usage == 2 ? 'checked' : ''}}> 电脑
  55. <span></span>
  56. </label>
  57. <label class="mt-radio">
  58. <input type="radio" name="usage" value="3" {{$user->usage == 3 ? 'checked' : ''}}> 路由器
  59. <span></span>
  60. </label>
  61. <label class="mt-radio">
  62. <input type="radio" name="usage" value="4" {{$user->usage == 4 ? 'checked' : ''}}> 其他
  63. <span></span>
  64. </label>
  65. </div>
  66. </div>
  67. </div>
  68. <div class="form-group">
  69. <label for="pay_way" class="col-md-3 control-label">付费方式</label>
  70. <div class="col-md-8">
  71. <div class="mt-radio-inline">
  72. <label class="mt-radio">
  73. <input type="radio" name="pay_way" value="0" {{$user->pay_way == 0 ? 'checked' : ''}}> 免费
  74. <span></span>
  75. </label>
  76. <label class="mt-radio">
  77. <input type="radio" name="pay_way" value="1" {{$user->pay_way == 1 ? 'checked' : ''}}> 月付
  78. <span></span>
  79. </label>
  80. <label class="mt-radio">
  81. <input type="radio" name="pay_way" value="2" {{$user->pay_way == 2 ? 'checked' : ''}}> 半年付
  82. <span></span>
  83. </label>
  84. <label class="mt-radio">
  85. <input type="radio" name="pay_way" value="3" {{$user->pay_way == 3 ? 'checked' : ''}}> 年付
  86. <span></span>
  87. </label>
  88. </div>
  89. </div>
  90. </div>
  91. <div class="form-group">
  92. <label for="balance" class="col-md-3 control-label">级别</label>
  93. <div class="col-md-8">
  94. <select class="form-control" name="level" id="level">
  95. @if(!$level_list->isEmpty())
  96. @foreach($level_list as $level)
  97. <option value="{{$level['level']}}" {{$user->level == $level['level'] ? 'selected' : ''}}>{{$level['level_name']}}</option>
  98. @endforeach
  99. @endif
  100. </select>
  101. </div>
  102. </div>
  103. <div class="form-group">
  104. <label for="balance" class="col-md-3 control-label">余额</label>
  105. <div class="col-md-5">
  106. <p class="form-control-static"> {{$user->balance}} </p>
  107. </div>
  108. <div class="col-md-3">
  109. <div style="float:right;">
  110. <button type="button" class="btn btn-sm btn-danger" data-toggle="modal" data-target="#handle_user_balance">充值</button>
  111. </div>
  112. </div>
  113. </div>
  114. <!--
  115. <div class="form-group">
  116. <label for="score" class="col-md-3 control-label">积分</label>
  117. <div class="col-md-5">
  118. <p class="form-control-static"> {{$user->score}} </p>
  119. </div>
  120. <div class="col-md-3">
  121. <div style="float:right;">
  122. <button type="button" class="btn btn-sm btn-danger">操作</button>
  123. </div>
  124. </div>
  125. </div>
  126. -->
  127. <div class="form-group">
  128. <label class="col-md-3 control-label">有效期</label>
  129. <div class="col-md-8">
  130. <div class="input-group input-large input-daterange">
  131. <input type="text" class="form-control" name="enable_time" value="{{$user->enable_time}}" id="enable_time">
  132. <span class="input-group-addon"> 至 </span>
  133. <input type="text" class="form-control" name="expire_time" value="{{$user->expire_time}}" id="expire_time">
  134. </div>
  135. <span class="help-block"> 留空默认为一年 </span>
  136. </div>
  137. </div>
  138. <div class="form-group">
  139. <label for="status" class="col-md-3 control-label">状态</label>
  140. <div class="col-md-8">
  141. <select class="form-control" name="status" id="status">
  142. <option value="1" @if($user->status == '1') selected @endif>正常</option>
  143. <option value="0" @if($user->status == '0') selected @endif>未激活</option>
  144. <option value="-1" @if($user->status == '-1') selected @endif>禁用</option>
  145. </select>
  146. </div>
  147. </div>
  148. <hr>
  149. <div class="form-group">
  150. <label for="gender" class="col-md-3 control-label">性别</label>
  151. <div class="col-md-8">
  152. <select class="form-control" name="gender" id="gender">
  153. <option value="1" @if($user->gender == '1') selected @endif>男</option>
  154. <option value="0" @if($user->gender == '0') selected @endif>女</option>
  155. </select>
  156. </div>
  157. </div>
  158. <div class="form-group">
  159. <label for="wechat" class="col-md-3 control-label">微信</label>
  160. <div class="col-md-8">
  161. <input type="text" class="form-control" name="wechat" value="{{$user->wechat}}" id="wechat" placeholder="">
  162. </div>
  163. </div>
  164. <div class="form-group">
  165. <label for="qq" class="col-md-3 control-label">QQ</label>
  166. <div class="col-md-8">
  167. <input type="text" class="form-control" name="qq" value="{{$user->qq}}" id="qq" placeholder="">
  168. </div>
  169. </div>
  170. <div class="form-group">
  171. <label for="is_admin" class="col-md-3 control-label">管理员</label>
  172. <div class="col-md-8">
  173. <select class="form-control" name="is_admin" id="is_admin">
  174. <option value="0" {{$user->is_admin == 0 ? 'selected' : ''}}>否</option>
  175. <option value="1" {{$user->is_admin == 1 ? 'selected' : ''}}>是</option>
  176. </select>
  177. </div>
  178. </div>
  179. <div class="form-group">
  180. <label for="remark" class="col-md-3 control-label">备注</label>
  181. <div class="col-md-8">
  182. <textarea class="form-control" rows="3" name="remark" id="remark">{{$user->remark}}</textarea>
  183. </div>
  184. </div>
  185. </div>
  186. </div>
  187. <!-- END SAMPLE FORM PORTLET-->
  188. </div>
  189. <div class="col-md-6">
  190. <!-- BEGIN SAMPLE FORM PORTLET-->
  191. <div class="portlet light bordered">
  192. <div class="portlet-title">
  193. <div class="caption">
  194. <span class="caption-subject font-dark bold">SSR(R)信息</span>
  195. </div>
  196. </div>
  197. <div class="portlet-body">
  198. <div class="form-group">
  199. <label for="port" class="col-md-3 control-label">端口</label>
  200. <div class="col-md-8">
  201. <input type="text" class="form-control" name="port" value="{{$user->port}}" id="port" placeholder="" aria-required="true" aria-invalid="true" aria-describedby="number-error" required>
  202. </div>
  203. </div>
  204. <div class="form-group">
  205. <label for="passwd" class="col-md-3 control-label">密码</label>
  206. <div class="col-md-8">
  207. <div class="input-group">
  208. <input class="form-control" type="text" name="passwd" value="{{$user->passwd}}" id="passwd" />
  209. <span class="input-group-btn">
  210. <button class="btn btn-success" type="button" onclick="makePasswd()">
  211. <i class="fa fa-arrow-left fa-fw" /></i> 生成 </button>
  212. </span>
  213. </div>
  214. </div>
  215. </div>
  216. <div class="form-group">
  217. <label for="method" class="col-md-3 control-label">加密方式</label>
  218. <div class="col-md-8">
  219. <select class="form-control" name="method" id="method">
  220. @foreach ($method_list as $method)
  221. <option value="{{$method->name}}" @if($method->name == $user->method) selected @endif>{{$method->name}}</option>
  222. @endforeach
  223. </select>
  224. </div>
  225. </div>
  226. <div class="form-group">
  227. <label for="transfer_enable" class="col-md-3 control-label">可用流量</label>
  228. <div class="col-md-8">
  229. <div class="input-group">
  230. <input type="text" class="form-control" name="transfer_enable" value="{{$user->transfer_enable}}" id="transfer_enable" placeholder="" required>
  231. <span class="input-group-addon">GiB</span>
  232. </div>
  233. </div>
  234. </div>
  235. <div class="form-group">
  236. <label for="enable" class="col-md-3 control-label">状态</label>
  237. <div class="col-md-8">
  238. <select class="form-control" name="enable" value="{{$user->enable}}" id="enable">
  239. <option value="1" {{$user->enable ? 'selected' : ''}}>启用</option>
  240. <option value="0" {{$user->enable ? '' : 'selected'}}>禁用</option>
  241. </select>
  242. </div>
  243. </div>
  244. <hr>
  245. <div class="form-group">
  246. <label for="protocol" class="col-md-3 control-label">协议</label>
  247. <div class="col-md-8">
  248. <select class="form-control" name="protocol" id="protocol">
  249. @foreach ($protocol_list as $protocol)
  250. <option value="{{$protocol->name}}" @if($protocol->name == $user->protocol) selected @endif>{{$protocol->name}}</option>
  251. @endforeach
  252. </select>
  253. </div>
  254. </div>
  255. <div class="form-group">
  256. <label for="obfs" class="col-md-3 control-label">混淆</label>
  257. <div class="col-md-8">
  258. <select class="form-control" name="obfs" id="obfs">
  259. @foreach ($obfs_list as $obfs)
  260. <option value="{{$obfs->name}}" @if($obfs->name == $user->obfs) selected @endif>{{$obfs->name}}</option>
  261. @endforeach
  262. </select>
  263. </div>
  264. </div>
  265. <div class="form-group">
  266. <label for="protocol_param" class="col-md-3 control-label">协议参数</label>
  267. <div class="col-md-8">
  268. <input type="text" class="form-control" name="protocol_param" value="{{$user->protocol_param}}" id="protocol_param" placeholder="节点单端口时,请务必留空">
  269. </div>
  270. </div>
  271. <div class="form-group">
  272. <label for="obfs_param" class="col-md-3 control-label">混淆参数</label>
  273. <div class="col-md-8">
  274. <textarea class="form-control" rows="5" name="obfs_param" id="obfs_param" placeholder="节点单端口时,请务必留空">{{$user->obfs_param}}</textarea>
  275. </div>
  276. </div>
  277. <hr>
  278. <div class="form-group">
  279. <label for="speed_limit_per_con" class="col-md-3 control-label">单连接限速</label>
  280. <div class="col-md-8">
  281. <div class="input-group">
  282. <input type="text" class="form-control" name="speed_limit_per_con" value="{{$user->speed_limit_per_con}}" id="speed_limit_per_con" placeholder="" required>
  283. <span class="input-group-addon">KB</span>
  284. </div>
  285. </div>
  286. </div>
  287. <div class="form-group">
  288. <label for="speed_limit_per_user" class="col-md-3 control-label">单用户限速</label>
  289. <div class="col-md-8">
  290. <div class="input-group">
  291. <input type="text" class="form-control" name="speed_limit_per_user" value="{{$user->speed_limit_per_user}}" id="speed_limit_per_user" placeholder="" required>
  292. <span class="input-group-addon">KB</span>
  293. </div>
  294. </div>
  295. </div>
  296. </div>
  297. </div>
  298. <!-- END SAMPLE FORM PORTLET-->
  299. </div>
  300. </div>
  301. </div>
  302. <div class="form-actions">
  303. <div class="row">
  304. <div class="col-md-offset-6">
  305. <button type="submit" class="btn green">提 交</button>
  306. </div>
  307. </div>
  308. </div>
  309. </form>
  310. <!-- END FORM-->
  311. </div>
  312. </div>
  313. <!-- 余额充值 -->
  314. <div id="handle_user_balance" class="modal fade" tabindex="-1" data-focus-on="input:first" data-backdrop="static" data-keyboard="false">
  315. <div class="modal-dialog" style="width:300px;">
  316. <div class="modal-content">
  317. <div class="modal-header">
  318. <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
  319. <h4 class="modal-title">充值</h4>
  320. </div>
  321. <div class="modal-body">
  322. <div class="alert alert-danger" style="display: none;" id="msg"></div>
  323. <!-- BEGIN FORM-->
  324. <form action="#" method="post" class="form-horizontal">
  325. <div class="form-body">
  326. <div class="form-group">
  327. <label for="amount" class="col-md-4 control-label"> 充值金额 </label>
  328. <div class="col-md-8">
  329. <input type="text" class="form-control" name="amount" id="amount" placeholder="填入负值则会扣余额" onkeydown="if(event.keyCode==13){return false;}">
  330. </div>
  331. </div>
  332. </div>
  333. </form>
  334. <!-- END FORM-->
  335. </div>
  336. <div class="modal-footer">
  337. <button type="button" data-dismiss="modal" class="btn dark btn-outline">关闭</button>
  338. <button type="button" class="btn red btn-outline" onclick="return handleUserBalance();">充值</button>
  339. </div>
  340. </div>
  341. </div>
  342. </div>
  343. </div>
  344. <!-- END PAGE BASE CONTENT -->
  345. </div>
  346. <!-- END CONTENT BODY -->
  347. @endsection
  348. @section('script')
  349. <script src="/assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
  350. <script src="/assets/global/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js" type="text/javascript"></script>
  351. <script src="/js/layer/layer.js" type="text/javascript"></script>
  352. <script type="text/javascript">
  353. // 切换用户身份
  354. function switchToUser() {
  355. $.ajax({
  356. 'url': "{{url("/admin/switchToUser")}}",
  357. 'data': {
  358. 'user_id': '{{$user->id}}',
  359. '_token': '{{csrf_token()}}'
  360. },
  361. 'dataType': "json",
  362. 'type': "POST",
  363. success: function (ret) {
  364. layer.msg(ret.message, {time: 1000}, function () {
  365. if (ret.status == 'success') {
  366. window.location.href = "/user";
  367. }
  368. });
  369. }
  370. });
  371. }
  372. // 有效期
  373. $('.input-daterange input').each(function() {
  374. $(this).datepicker({
  375. language: 'zh-CN',
  376. autoclose: true,
  377. todayHighlight: true,
  378. format: 'yyyy-mm-dd'
  379. });
  380. });
  381. // ajax同步提交
  382. function do_submit() {
  383. var _token = '{{csrf_token()}}';
  384. var id = '{{Request::get('id')}}';
  385. var username = $('#username').val();
  386. var password = $('#password').val();
  387. var usage = $("input:radio[name='usage']:checked").val();
  388. var pay_way = $("input:radio[name='pay_way']:checked").val();
  389. var balance = $('#balance').val();
  390. var score = $('#score').val();
  391. var status = $('#status').val();
  392. var enable_time = $('#enable_time').val();
  393. var expire_time = $('#expire_time').val();
  394. var gender = $('#gender').val();
  395. var wechat = $('#wechat').val();
  396. var qq = $('#qq').val();
  397. var is_admin = $('#is_admin').val();
  398. var remark = $('#remark').val();
  399. var level = $("#level option:selected").val();
  400. var port = $('#port').val();
  401. var passwd = $('#passwd').val();
  402. var method = $('#method').val();
  403. var custom_method = $('#custom_method').val();
  404. var transfer_enable = $('#transfer_enable').val();
  405. var enable = $('#enable').val();
  406. var protocol = $('#protocol').val();
  407. var protocol_param = $('#protocol_param').val();
  408. var obfs = $('#obfs').val();
  409. var obfs_param = $('#obfs_param').val();
  410. var speed_limit_per_con = $('#speed_limit_per_con').val();
  411. var speed_limit_per_user = $('#speed_limit_per_user').val();
  412. $.ajax({
  413. type: "POST",
  414. url: "{{url('admin/editUser')}}",
  415. async: false,
  416. data: {_token:_token, id:id, username: username, password:password, usage:usage, pay_way:pay_way, balance:balance, score:score, status:status, enable_time:enable_time, expire_time:expire_time, gender:gender, wechat:wechat, qq:qq, is_admin:is_admin, remark:remark, level:level, port:port, passwd:passwd, method:method, custom_method:custom_method, transfer_enable:transfer_enable, enable:enable, protocol:protocol, protocol_param:protocol_param, obfs:obfs, obfs_param:obfs_param, speed_limit_per_con:speed_limit_per_con, speed_limit_per_user:speed_limit_per_user},
  417. dataType: 'json',
  418. success: function (ret) {
  419. layer.msg(ret.message, {time:1000}, function() {
  420. if (ret.status == 'success') {
  421. window.location.href = '{{url('admin/userList?page=') . Request::get('page')}}';
  422. }
  423. });
  424. }
  425. });
  426. return false;
  427. }
  428. // 生成随机密码
  429. function makePasswd() {
  430. $.get("{{url('admin/makePasswd')}}", function(ret) {
  431. $("#passwd").val(ret);
  432. });
  433. }
  434. // 余额充值
  435. function handleUserBalance() {
  436. var amount = $("#amount").val();
  437. var reg = /^(\-?)\d+(\.\d+)?$/; //只可以是正负数字
  438. if (amount == '' || amount == 0 || !reg.test(amount)) {
  439. $("#msg").show().html("请输入充值金额");
  440. $("#name").focus();
  441. return false;
  442. }
  443. $.ajax({
  444. url:'{{url('admin/handleUserBalance')}}',
  445. type:"POST",
  446. data:{_token:'{{csrf_token()}}', user_id:'{{Request::get('id')}}', amount:amount},
  447. beforeSend:function(){
  448. $("#msg").show().html("充值中...");
  449. },
  450. success:function(ret){
  451. if (ret.status == 'fail') {
  452. $("#msg").show().html(ret.message);
  453. return false;
  454. } else {
  455. layer.msg(ret.message, {time:1000}, function() {
  456. if (ret.status == 'success') {
  457. $("#handle_user_balance").modal("hide");
  458. window.location.reload();
  459. }
  460. });
  461. }
  462. },
  463. error:function(){
  464. $("#msg").show().html("请求错误,请重试");
  465. },
  466. complete:function(){}
  467. });
  468. }
  469. </script>
  470. @endsection