info.blade.php 30 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542
  1. @extends('admin.layouts')
  2. @section('css')
  3. <link href="/assets/global/vendor/bootstrap-select/bootstrap-select.min.css" rel="stylesheet">
  4. <link href="/assets/global/vendor/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
  5. @endsection
  6. @section('content')
  7. <div class="page-content container-fluid">
  8. <div class="panel">
  9. <div class="panel-heading">
  10. <h2 class="panel-title">@isset($user) 编辑用户 @else 添加用户 @endisset</h2>
  11. @isset($user)
  12. @can('admin.user.switch')
  13. <div class="panel-actions">
  14. <button type="button" class="btn btn-sm btn-danger" onclick="switchToUser()">切换身份</button>
  15. </div>
  16. @endcan
  17. @endisset
  18. </div>
  19. <div class="panel-body">
  20. <form class="form-horizontal" onsubmit="return Submit()">
  21. <div class="form-row">
  22. <div class="col-lg-6">
  23. <h4 class="example-title">账号信息</h4>
  24. <div class="form-group row">
  25. <label class="col-md-2 col-sm-3 col-form-label" for="username">昵称</label>
  26. <div class="col-xl-6 col-sm-8">
  27. <input type="text" class="form-control" name="username" id="username" required/>
  28. </div>
  29. </div>
  30. <div class="form-group row">
  31. <label class="col-md-2 col-sm-3 col-form-label" for="email">邮箱</label>
  32. <div class="col-xl-6 col-sm-8">
  33. <input type="email" class="form-control" name="email" id="email" required/>
  34. </div>
  35. </div>
  36. <div class="form-group row">
  37. <label class="col-md-2 col-sm-3 col-form-label" for="password">密码</label>
  38. <div class="col-xl-6 col-sm-8">
  39. <input type="password" class="form-control" name="password" id="password" autocomplete="new-password"
  40. placeholder="@isset($user)留空为不变 @else 留空则自动生成随机密码 @endisset"/>
  41. </div>
  42. </div>
  43. <div class="form-group row">
  44. <label class="col-md-2 col-sm-3 col-form-label" for="level">级别</label>
  45. <div class="col-xl-4 col-sm-8">
  46. <select class="form-control" name="level" id="level" data-plugin="selectpicker" data-style="btn-outline btn-primary">
  47. @foreach($levels as $level)
  48. <option value="{{$level->level}}">{{$level->name}}</option>
  49. @endforeach
  50. </select>
  51. </div>
  52. </div>
  53. <div class="form-group row">
  54. <label class="col-md-2 col-sm-3 col-form-label" for="group">分组</label>
  55. <div class="col-xl-4 col-sm-8">
  56. <select class="form-control" name="group" id="group" data-plugin="selectpicker" data-style="btn-outline btn-primary">
  57. <option value="">无分组</option>
  58. @foreach($userGroups as $group)
  59. <option value="{{$group->id}}">{{$group->name}}</option>
  60. @endforeach
  61. </select>
  62. </div>
  63. </div>
  64. @isset($user)
  65. <div class="form-group row">
  66. <label class="col-md-2 col-sm-3 col-form-label" for="credit">余额</label>
  67. <div class="col-xl-4 col-sm-8">
  68. <div class="input-group">
  69. <p class="form-control"> {{$user->credit}} </p>
  70. @can('admin.user.updateCredit')
  71. <div class="input-group-append">
  72. <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#handle_user_credit">充值</button>
  73. </div>
  74. @endcan
  75. </div>
  76. </div>
  77. </div>
  78. @endisset
  79. <div class="form-group row">
  80. <label class="col-md-2 col-sm-3 col-form-label" for="invite_num">可用邀请码</label>
  81. <div class="col-xl-4 col-sm-8">
  82. <input type="number" class="form-control" name="invite_num" id="invite_num" value="0" required/>
  83. </div>
  84. </div>
  85. <div class="form-group row">
  86. <label class="col-md-2 col-sm-3 col-form-label" for="reset_time">重置日</label>
  87. <div class="col-xl-4 col-sm-4">
  88. <div class="input-group input-daterange">
  89. <div class="input-group-prepend">
  90. <span class="input-group-text">
  91. <i class="icon wb-calendar" aria-hidden="true"></i>
  92. </span>
  93. </div>
  94. <input type="text" class="form-control" name="reset_time" id="reset_time"/>
  95. </div>
  96. <span class="text-help"> 账号流量下一个重置日期 </span>
  97. </div>
  98. </div>
  99. <div class="form-group row">
  100. <label class="col-md-2 col-sm-3 col-form-label" for="expired_at">过期日</label>
  101. <div class="col-xl-4 col-sm-4">
  102. {{-- <div class="input-append date" id="datetimepicker" data-date="12-02-2012" data-date-format="dd-mm-yyyy">--}}
  103. {{-- <input type="text" class="form-control" name="expired_at" id="expired_at"/>--}}
  104. {{-- <span class="add-on"><i class="icon-remove"></i></span>--}}
  105. {{-- <span class="add-on"><i class="icon-th"></i></span>--}}
  106. {{-- </div>--}}
  107. <div class="input-group input-daterange form_datetime" id="datetimepicker">
  108. <div class="input-group-prepend">
  109. <span class="input-group-text">
  110. <i class="icon wb-calendar" aria-hidden="true"></i>
  111. </span>
  112. </div>
  113. <input type="text" class="form-control" name="expired_at" id="expired_at"/>
  114. </div>
  115. <span class="text-help"> 留空默认为一年 </span>
  116. </div>
  117. </div>
  118. <div class="form-group row">
  119. <label class="col-md-2 col-sm-3 col-form-label">账户状态</label>
  120. <div class="col-md-10 col-sm-8">
  121. <ul class="list-unstyled list-inline">
  122. <li class="list-inline-item">
  123. <div class="radio-custom radio-primary">
  124. <input type="radio" name="status" id="normal" value="1" checked/>
  125. <label for="normal">正常</label>
  126. </div>
  127. </li>
  128. <li class="list-inline-item">
  129. <div class="radio-custom radio-primary">
  130. <input type="radio" name="status" id="nonactive" value="0"/>
  131. <label for="nonactive">未激活</label>
  132. </div>
  133. </li>
  134. <li class="list-inline-item">
  135. <div class="radio-custom radio-primary">
  136. <input type="radio" name="status" id="baned" value="-1"/>
  137. <label for="baned">禁用</label>
  138. </div>
  139. </li>
  140. </ul>
  141. </div>
  142. </div>
  143. <div class="form-group row">
  144. <label class="col-md-2 col-sm-3 col-form-label" for="roles">角色权限</label>
  145. <div class="col-xl-4 col-sm-8">
  146. <select class="form-control show-tick" name="roles[]" id="roles" data-plugin="selectpicker" data-style="btn-outline btn-primary" multiple>
  147. @foreach($roles as $key => $description)
  148. <option value="{{ $key }}">{{ $description }}</option>
  149. @endforeach
  150. </select>
  151. </div>
  152. </div>
  153. <hr>
  154. <div class="form-group row">
  155. <label class="col-md-2 col-sm-3 col-form-label" for="wechat">微信</label>
  156. <div class="col-xl-6 col-sm-8">
  157. <input type="text" class="form-control" name="wechat" id="wechat"/>
  158. </div>
  159. </div>
  160. <div class="form-group row">
  161. <label class="col-md-2 col-sm-3 col-form-label" for="qq">QQ</label>
  162. <div class="col-xl-6 col-sm-8">
  163. <input type="number" class="form-control" name="qq" id="qq"/>
  164. </div>
  165. </div>
  166. <div class="form-group row">
  167. <label class="col-md-2 col-sm-3 col-form-label" for="remark">备注</label>
  168. <div class="col-xl-6 col-sm-8">
  169. <textarea class="form-control" rows="3" name="remark" id="remark"></textarea>
  170. </div>
  171. </div>
  172. </div>
  173. <div class="col-lg-6">
  174. <h4 class="example-title">代理信息</h4>
  175. <div class="form-group row">
  176. <label class="col-md-2 col-sm-3 col-form-label" for="port">端口</label>
  177. <div class="col-xl-5 col-sm-8">
  178. <div class="input-group">
  179. <input type="number" class="form-control" name="port" id="port" placeholder="留空则自动生成随机端口"/>
  180. <div class="input-group-append">
  181. <button class="btn btn-success" type="button" onclick="makePort()">
  182. <i class="icon wb-refresh"></i>
  183. </button>
  184. </div>
  185. </div>
  186. </div>
  187. </div>
  188. <div class="form-group row">
  189. <label class="col-md-2 col-sm-3 col-form-label" for="uuid">VMess UUID</label>
  190. <div class="col-xl-5 col-sm-8">
  191. <div class="input-group">
  192. <input type="text" class="form-control" name="uuid" id="uuid" placeholder="留空则自动生成随机UUID"/>
  193. <div class="input-group-append">
  194. <button class="btn btn-success" type="button" onclick="makeUUID()">
  195. <i class="icon wb-refresh"></i>
  196. </button>
  197. </div>
  198. </div>
  199. <span class="text-help"> V2Ray的账户ID </span>
  200. </div>
  201. </div>
  202. <div class="form-group row">
  203. <label class="col-md-2 col-sm-3 col-form-label" for="passwd">密码</label>
  204. <div class="col-xl-5 col-sm-8">
  205. <div class="input-group">
  206. <input type="text" class="form-control" name="passwd" id="passwd" placeholder="留空则自动生成随机密码"/>
  207. <div class="input-group-append">
  208. <button class="btn btn-success" type="button" onclick="makePasswd()">
  209. <i class="icon wb-refresh"></i>
  210. </button>
  211. </div>
  212. </div>
  213. </div>
  214. </div>
  215. <div class="form-group row">
  216. <label class="col-md-2 col-sm-3 col-form-label" for="method">加密方式</label>
  217. <div class="col-xl-5 col-sm-8">
  218. <select class="form-control" name="method" id="method" data-plugin="selectpicker" data-style="btn-outline btn-primary">
  219. @foreach (Helpers::methodList() as $method)
  220. <option value="{{$method->name}}" @if($method->is_default) selected @endif>{{$method->name}}</option>
  221. @endforeach
  222. </select>
  223. </div>
  224. </div>
  225. <div class="form-group row">
  226. <label class="col-md-2 col-sm-3 col-form-label" for="transfer_enable">可用流量</label>
  227. <div class="col-xl-5 col-sm-8">
  228. <div class="input-group">
  229. <input type="text" class="form-control" name="transfer_enable" id="transfer_enable" value="1024" required>
  230. <span class="input-group-text">GB</span>
  231. </div>
  232. </div>
  233. </div>
  234. <div class="form-group row">
  235. <label class="col-md-2 col-sm-3 col-form-label">代理状态</label>
  236. <div class="col-md-10 col-sm-8">
  237. <ul class="list-unstyled list-inline">
  238. <li class="list-inline-item">
  239. <div class="radio-custom radio-primary">
  240. <input type="radio" name="enable" id="enable" value="1" checked/>
  241. <label for="enable">启用</label>
  242. </div>
  243. </li>
  244. <li class="list-inline-item">
  245. <div class="radio-custom radio-primary">
  246. <input type="radio" name="enable" id="disable" value="0"/>
  247. <label for="disable">禁用</label>
  248. </div>
  249. </li>
  250. </ul>
  251. </div>
  252. </div>
  253. <hr>
  254. <div class="form-group row">
  255. <label class="col-md-2 col-sm-3 col-form-label" for="protocol">协议</label>
  256. <div class="col-xl-5 col-sm-8">
  257. <select class="form-control" name="protocol" id="protocol" data-plugin="selectpicker" data-style="btn-outline btn-primary">
  258. @foreach (Helpers::protocolList() as $protocol)
  259. <option value="{{$protocol->name}}" @if($protocol->is_default) selected @endif>{{$protocol->name}}</option>
  260. @endforeach
  261. </select>
  262. </div>
  263. </div>
  264. <div class="form-group row">
  265. <label class="col-md-2 col-sm-3 col-form-label" for="obfs">混淆</label>
  266. <div class="col-xl-5 col-sm-8">
  267. <select data-plugin="selectpicker" data-style="btn-outline btn-primary" class="form-control" name="obfs" id="obfs">
  268. @foreach (Helpers::obfsList() as $obfs)
  269. <option value="{{$obfs->name}}" @if($obfs->is_default) selected @endif>{{$obfs->name}}</option>
  270. @endforeach
  271. </select>
  272. </div>
  273. </div>
  274. <hr>
  275. <div class="form-group row">
  276. <label class="col-md-2 col-sm-3 col-form-label" for="speed_limit">用户限速</label>
  277. <div class="col-xl-5 col-sm-8">
  278. <div class="input-group">
  279. <input type="number" class="form-control" name="speed_limit" id="speed_limit" value="200"/>
  280. <span class="input-group-text"> Mbps</span>
  281. </div>
  282. <span class="text-help">为 0 时不限速 </span>
  283. </div>
  284. </div>
  285. @isset($user)
  286. <hr>
  287. <div class="form-group row">
  288. <label class="col-md-2 col-sm-3 col-form-label" for="inviter">邀请人</label>
  289. <div class="col-xl-6 col-sm-8">
  290. <p class="form-control"> {{empty($user->inviter) ? '无邀请人' : $user->inviter->email}} </p>
  291. </div>
  292. </div>
  293. <div class="form-group row">
  294. <label class="col-md-2 col-sm-3 col-form-label" for="created_at">注册时间</label>
  295. <div class="col-xl-6 col-sm-8">
  296. <p class="form-control"> {{$user->created_at}} </p>
  297. </div>
  298. </div>
  299. @endisset
  300. </div>
  301. <div class="col-12 form-actions text-right">
  302. <a href="{{route('admin.user.index')}}" class="btn btn-secondary">返 回</a>
  303. <button type="submit" class="btn btn-success">提 交</button>
  304. </div>
  305. </div>
  306. </form>
  307. </div>
  308. </div>
  309. </div>
  310. @isset($user)
  311. @can('admin.user.updateCredit')
  312. <!-- 余额充值 -->
  313. <div class="modal fade" id="handle_user_credit" aria-hidden="true" role="dialog" tabindex="-1">
  314. <div class="modal-dialog modal-simple modal-center">
  315. <div class="modal-content">
  316. <div class="modal-header">
  317. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  318. <span aria-hidden="true">×</span>
  319. </button>
  320. <h4 class="modal-title">充值</h4>
  321. </div>
  322. <form action="#" method="post" class="modal-body">
  323. <div class="alert alert-danger" style="display: none;" id="msg"></div>
  324. <div class="form-group row">
  325. <label class="col-md-2 col-sm-3 col-form-label" for="amount"> 充值金额 </label>
  326. <input type="number" class="col-sm-4 form-control" name="amount" id="amount" placeholder="填入负值则会扣余额" step="0.01"
  327. onkeydown="if(event.keyCode===13){return false;}"/>
  328. </div>
  329. </form>
  330. <div class="modal-footer">
  331. <button data-dismiss="modal" class="btn btn-danger">关闭</button>
  332. <button type="button" class="btn btn-primary" onclick="handleUserCredit()">充值</button>
  333. </div>
  334. </div>
  335. </div>
  336. </div>
  337. @endcan
  338. @endisset
  339. @endsection
  340. @section('javascript')
  341. <script src="/assets/global/vendor/bootstrap-select/bootstrap-select.min.js"></script>
  342. <script src="/assets/global/vendor/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
  343. <script src="/assets/global/vendor/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>
  344. <script src="/assets/global/js/Plugin/bootstrap-select.js"></script>
  345. <script src="/assets/global/js/Plugin/bootstrap-datepicker.js"></script>
  346. <script>
  347. $(document).ready(function() {
  348. @isset($user)
  349. $('#username').val('{{$user->username}}');
  350. $('#email').val('{{$user->email}}');
  351. $('#level').selectpicker('val', '{{$user->level}}');
  352. $('#group').selectpicker('val', '{{$user->user_group_id}}');
  353. $('#invite_num').val('{{$user->invite_num}}');
  354. $('#reset_time').val('{{$user->reset_time}}');
  355. $('#expired_at').val('{{$user->expired_at}}');
  356. $("input[name='status'][value='{{$user->status}}']").click();
  357. $('#wechat').val('{{$user->wechat}}');
  358. $('#qq').val('{{$user->qq}}');
  359. $('#remark').val('{{$user->remark}}');
  360. $('#port').val('{{$user->port}}');
  361. $('#passwd').val('{{$user->passwd}}');
  362. $('#method').selectpicker('val', '{{$user->method}}');
  363. $('#transfer_enable').val('{{$user->transfer_enable/GB}}');
  364. $("input[name='enable'][value='{{$user->enable}}']").click();
  365. $('#protocol').selectpicker('val', '{{$user->protocol}}');
  366. $('#obfs').selectpicker('val', '{{$user->obfs}}');
  367. $('#speed_limit').val('{{$user->speed_limit}}');
  368. $('#uuid').val('{{$user->vmess_id}}');
  369. $('#roles').selectpicker('val', @json($user->roles()->pluck('name')));
  370. @else
  371. $('#level').selectpicker('val', '0');
  372. @endisset
  373. });
  374. $('.input-daterange>input').datetimepicker({
  375. format: 'yyyy-mm-dd hh:ii:ss', language : 'zh-CN',todayBtn: 1,weekStart: 1,
  376. });
  377. @isset($user)
  378. @can('admin.user.switch')
  379. // 切换用户身份
  380. function switchToUser() {
  381. $.ajax({
  382. url: '{{route('admin.user.switch', $user)}}',
  383. data: {'_token': '{{csrf_token()}}'},
  384. dataType: 'json',
  385. method: 'POST',
  386. success: function(ret) {
  387. if (ret.status === 'success') {
  388. swal.fire({title: ret.message, icon: 'success', timer: 1000, showConfirmButton: false}).then(() => window.location.href = '/');
  389. } else {
  390. swal.fire({title: ret.message, icon: 'error'}).then(() => window.location.reload());
  391. }
  392. },
  393. });
  394. }
  395. @endcan
  396. @can('admin.user.updateCredit')
  397. // 余额充值
  398. function handleUserCredit() {
  399. const amount = $('#amount').val();
  400. const reg = /^(-?)\d+(\.\d+)?$/; //只可以是正负数字
  401. if (amount.trim() === '' || amount === 0 || !reg.test(amount)) {
  402. $('#msg').show().html('请输入充值金额');
  403. $('#name').focus();
  404. return false;
  405. }
  406. $.ajax({
  407. url: '{{route('admin.user.updateCredit', $user)}}',
  408. method: 'POST',
  409. data: {_token: '{{csrf_token()}}', amount: amount},
  410. beforeSend: function() {
  411. $('#msg').show().html('充值中...');
  412. },
  413. success: function(ret) {
  414. if (ret.status === 'fail') {
  415. $('#msg').show().html(ret.message);
  416. return false;
  417. } else {
  418. $('#handle_user_credit').modal('hide');
  419. if (ret.status === 'success') {
  420. swal.fire({title: ret.message, icon: 'success', timer: 1000, showConfirmButton: false}).then(() => {
  421. window.location.reload();
  422. });
  423. } else {
  424. swal.fire({title: ret.message, icon: 'error'}).then(() => window.location.reload());
  425. }
  426. }
  427. },
  428. error: function() {
  429. $('#msg').show().html('请求错误,请重试');
  430. },
  431. complete: function() {
  432. },
  433. });
  434. }
  435. @endcan
  436. @endisset
  437. // ajax同步提交
  438. function Submit() {
  439. // 用途
  440. let usage = '';
  441. $.each($('input:checkbox[name=\'usage\']'), function() {
  442. if (this.checked) {
  443. usage += $(this).val() + ',';
  444. }
  445. });
  446. $.ajax({
  447. method: @isset($user)'PUT' @else 'POST' @endisset,
  448. url: '{{isset($user)? route('admin.user.update', $user) : route('admin.user.store')}}',
  449. dataType: 'json',
  450. data: {
  451. _token: '{{csrf_token()}}',
  452. username: $('#username').val(),
  453. email: $('#email').val(),
  454. password: $('#password').val(),
  455. port: $('#port').val(),
  456. passwd: $('#passwd').val(),
  457. uuid: $('#uuid').val(),
  458. transfer_enable: $('#transfer_enable').val(),
  459. enable: $('input:radio[name=\'enable\']:checked').val(),
  460. method: $('#method option:selected').val(),
  461. protocol: $('#protocol option:selected').val(),
  462. obfs: $('#obfs option:selected').val(),
  463. speed_limit: $('#speed_limit').val(),
  464. wechat: $('#wechat').val(),
  465. qq: $('#qq').val(),
  466. expired_at: $('#expired_at').val(),
  467. remark: $('#remark').val(),
  468. level: $('#level').val(),
  469. user_group_id: $('#group').val(),
  470. roles: $('#roles').val(),
  471. reset_time: $('#reset_time').val(),
  472. invite_num: $('#invite_num').val(),
  473. status: $('input:radio[name=\'status\']:checked').val(),
  474. },
  475. success: function(ret) {
  476. if (ret.status === 'success') {
  477. swal.fire({
  478. title: '提示',
  479. text: '更新成功,是否返回?',
  480. icon: 'question',
  481. showCancelButton: true,
  482. cancelButtonText: '{{trans('common.close')}}',
  483. confirmButtonText: '{{trans('common.confirm')}}',
  484. }).then((result) => {
  485. if (result.value) {
  486. window.location.href = '{!! route('admin.user.index').(Request::getQueryString()?('?'.Request::getQueryString()):'') !!}';
  487. }
  488. },
  489. );
  490. } else {
  491. swal.fire({title: ret.message, icon: 'error', timer: 1000, showConfirmButton: false});
  492. }
  493. },
  494. error: function(data) {
  495. let str = '';
  496. const errors = data.responseJSON;
  497. if ($.isEmptyObject(errors) === false) {
  498. $.each(errors.errors, function(index, value) {
  499. str += '<li>' + value + '</li>';
  500. });
  501. swal.fire({title: '提示', html: str, icon: 'error', confirmButtonText: '{{trans('common.confirm')}}'});
  502. }
  503. },
  504. });
  505. return false;
  506. }
  507. // 生成随机端口
  508. function makePort() {
  509. $.get('{{route('getPort')}}', function(ret) {
  510. $('#port').val(ret);
  511. });
  512. }
  513. // 生成UUID
  514. function makeUUID() {
  515. $.get('{{route('createUUID')}}', function(ret) {
  516. $('#uuid').val(ret);
  517. });
  518. }
  519. // 生成随机密码
  520. function makePasswd() {
  521. $.get('{{route('createStr')}}', function(ret) {
  522. $('#passwd').val(ret);
  523. });
  524. }
  525. </script>
  526. @endsection