editUser.blade.php 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372
  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">
  9. <!-- BEGIN PAGE BREADCRUMB -->
  10. <ul class="page-breadcrumb breadcrumb">
  11. <li>
  12. <a href="{{url('admin')}}">管理中心</a>
  13. <i class="fa fa-circle"></i>
  14. </li>
  15. <li>
  16. <a href="{{url('admin/userList')}}">账号管理</a>
  17. <i class="fa fa-circle"></i>
  18. </li>
  19. <li>
  20. <a href="javascript:;">编辑账号</a>
  21. </li>
  22. </ul>
  23. <!-- END PAGE BREADCRUMB -->
  24. <!-- BEGIN PAGE BASE CONTENT -->
  25. <div class="tab-pane active">
  26. <div class="portlet light bordered">
  27. <div class="portlet-body form">
  28. <!-- BEGIN FORM-->
  29. <form action="{{url('admin/editUser')}}" method="post" class="form-horizontal" onsubmit="return do_submit();">
  30. <div class="form-body">
  31. <div class="row">
  32. <div class="col-md-6">
  33. <!-- BEGIN SAMPLE FORM PORTLET-->
  34. <div class="portlet light bordered">
  35. <div class="portlet-title">
  36. <div class="caption">
  37. <span class="caption-subject font-dark bold uppercase">账号信息</span>
  38. </div>
  39. </div>
  40. <div class="portlet-body">
  41. <div class="form-group">
  42. <label for="username" class="col-md-3 control-label">用户名</label>
  43. <div class="col-md-8">
  44. <input type="text" class="form-control" name="username" value="{{$user->username}}" id="username" placeholder="不填则不变" required>
  45. <input type="hidden" name="id" value="{{$user->id}}">
  46. <input type="hidden" name="_token" value="{{csrf_token()}}">
  47. </div>
  48. </div>
  49. <div class="form-group">
  50. <label for="password" class="col-md-3 control-label">密码</label>
  51. <div class="col-md-8">
  52. <input type="text" class="form-control" name="password" value="" id="password" placeholder="不填则不变">
  53. </div>
  54. </div>
  55. <div class="form-group">
  56. <label for="usage" class="col-md-3 control-label">用途</label>
  57. <div class="col-md-8">
  58. <div class="mt-radio-inline">
  59. <label class="mt-radio">
  60. <input type="radio" name="usage" value="1" {{$user->usage == 1 ? 'checked' : ''}}> 手机
  61. <span></span>
  62. </label>
  63. <label class="mt-radio">
  64. <input type="radio" name="usage" value="2" {{$user->usage == 2 ? 'checked' : ''}}> 电脑
  65. <span></span>
  66. </label>
  67. <label class="mt-radio">
  68. <input type="radio" name="usage" value="3" {{$user->usage == 3 ? 'checked' : ''}}> 路由器
  69. <span></span>
  70. </label>
  71. <label class="mt-radio">
  72. <input type="radio" name="usage" value="4" {{$user->usage == 4 ? 'checked' : ''}}> 其他
  73. <span></span>
  74. </label>
  75. </div>
  76. </div>
  77. </div>
  78. <div class="form-group">
  79. <label for="pay_way" class="col-md-3 control-label">付费方式</label>
  80. <div class="col-md-8">
  81. <div class="mt-radio-inline">
  82. <label class="mt-radio">
  83. <input type="radio" name="pay_way" value="1" {{$user->pay_way == 1 ? 'checked' : ''}}> 月付
  84. <span></span>
  85. </label>
  86. <label class="mt-radio">
  87. <input type="radio" name="pay_way" value="2" {{$user->pay_way == 2 ? 'checked' : ''}}> 半年付
  88. <span></span>
  89. </label>
  90. <label class="mt-radio">
  91. <input type="radio" name="pay_way" value="3" {{$user->pay_way == 3 ? 'checked' : ''}}> 年付
  92. <span></span>
  93. </label>
  94. </div>
  95. </div>
  96. </div>
  97. <div class="form-group">
  98. <label for="balance" class="col-md-3 control-label">金额</label>
  99. <div class="col-md-8">
  100. <input type="text" class="form-control" name="balance" value="{{$user->balance}}" id="balance" placeholder="" required>
  101. </div>
  102. </div>
  103. <div class="form-group">
  104. <label for="enable_time" class="col-md-3 control-label">开通时间</label>
  105. <div class="col-md-8">
  106. <div class="input-group input-medium date date-picker" data-date-format="yyyy-mm-dd">
  107. <input type="text" class="form-control" name="enable_time" value="{{$user->enable_time}}" id="enable_time" readonly>
  108. <span class="input-group-btn">
  109. <button class="btn default" type="button">
  110. <i class="fa fa-calendar"></i>
  111. </button>
  112. </span>
  113. </div>
  114. </div>
  115. </div>
  116. <div class="form-group">
  117. <label for="expire_time" class="col-md-3 control-label">过期时间</label>
  118. <div class="col-md-8">
  119. <div class="input-group input-medium date date-picker" data-date-format="yyyy-mm-dd" data-date-start-date="+0d">
  120. <input type="text" class="form-control" name="expire_time" value="{{$user->expire_time}}" id="expire_time" readonly>
  121. <span class="input-group-btn">
  122. <button class="btn default" type="button">
  123. <i class="fa fa-calendar"></i>
  124. </button>
  125. </span>
  126. </div>
  127. </div>
  128. </div>
  129. <hr>
  130. <div class="form-group">
  131. <label for="wechat" class="col-md-3 control-label">微信</label>
  132. <div class="col-md-8">
  133. <input type="text" class="form-control" name="wechat" value="{{$user->wechat}}" id="wechat" placeholder="">
  134. </div>
  135. </div>
  136. <div class="form-group">
  137. <label for="qq" class="col-md-3 control-label">QQ</label>
  138. <div class="col-md-8">
  139. <input type="text" class="form-control" name="qq" value="{{$user->qq}}" id="qq" placeholder="">
  140. </div>
  141. </div>
  142. <div class="form-group">
  143. <label for="is_admin" class="col-md-3 control-label">管理员</label>
  144. <div class="col-md-8">
  145. <select class="form-control" name="is_admin" id="is_admin">
  146. <option value="0" {{$user->is_admin == 0 ? 'selected' : ''}}>否</option>
  147. <option value="1" {{$user->is_admin == 1 ? 'selected' : ''}}>是</option>
  148. </select>
  149. </div>
  150. </div>
  151. <div class="form-group">
  152. <label for="remark" class="col-md-3 control-label">备注</label>
  153. <div class="col-md-8">
  154. <textarea class="form-control" rows="3" name="remark" id="remark">{{$user->remark}}</textarea>
  155. </div>
  156. </div>
  157. </div>
  158. </div>
  159. <!-- END SAMPLE FORM PORTLET-->
  160. </div>
  161. <div class="col-md-6">
  162. <!-- BEGIN SAMPLE FORM PORTLET-->
  163. <div class="portlet light bordered">
  164. <div class="portlet-title">
  165. <div class="caption">
  166. <span class="caption-subject font-dark bold">SS(R)信息</span>
  167. </div>
  168. </div>
  169. <div class="portlet-body">
  170. <div class="form-group">
  171. <label for="port" class="col-md-3 control-label">端口</label>
  172. <div class="col-md-8">
  173. <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>
  174. </div>
  175. </div>
  176. <div class="form-group">
  177. <label for="passwd" class="col-md-3 control-label">密码</label>
  178. <div class="col-md-8">
  179. <div class="input-group">
  180. <input class="form-control" type="text" name="passwd" value="{{$user->passwd}}" id="passwd" />
  181. <span class="input-group-btn">
  182. <button class="btn btn-success" type="button" onclick="makePasswd()">
  183. <i class="fa fa-arrow-left fa-fw" /></i> 生成 </button>
  184. </span>
  185. </div>
  186. </div>
  187. </div>
  188. <div class="form-group">
  189. <label for="method" class="col-md-3 control-label">加密方式</label>
  190. <div class="col-md-8">
  191. <select class="form-control" name="method" id="method">
  192. @foreach ($method_list as $method)
  193. <option value="{{$method->name}}" @if($method->name == $user->method) selected @endif>{{$method->name}}</option>
  194. @endforeach
  195. </select>
  196. </div>
  197. </div>
  198. <div class="form-group">
  199. <label for="custom_method" class="col-md-3 control-label">自定义加密方式</label>
  200. <div class="col-md-8">
  201. <select class="form-control" name="custom_method" id="custom_method">
  202. @foreach ($method_list as $method)
  203. <option value="{{$method->name}}" @if($method->name == $user->method) selected @endif>{{$method->name}}</option>
  204. @endforeach
  205. </select>
  206. </div>
  207. </div>
  208. <div class="form-group">
  209. <label for="transfer_enable" class="col-md-3 control-label">可用流量</label>
  210. <div class="col-md-8">
  211. <div class="input-group">
  212. <input type="text" class="form-control" name="transfer_enable" value="{{$user->transfer_enable}}" id="transfer_enable" placeholder="" required>
  213. <span class="input-group-addon">GiB</span>
  214. </div>
  215. </div>
  216. </div>
  217. <div class="form-group">
  218. <label for="enable" class="col-md-3 control-label">状态</label>
  219. <div class="col-md-8">
  220. <select class="form-control" name="enable" value="{{$user->enable}}" id="enable">
  221. <option value="1" {{$user->enable ? 'selected' : ''}}>启用</option>
  222. <option value="0" {{$user->enable ? '' : 'selected'}}>禁用</option>
  223. </select>
  224. </div>
  225. </div>
  226. <hr>
  227. <div class="form-group">
  228. <label for="protocol" class="col-md-3 control-label">协议</label>
  229. <div class="col-md-8">
  230. <select class="form-control" name="protocol" id="protocol">
  231. @foreach ($protocol_list as $protocol)
  232. <option value="{{$protocol->name}}" @if($protocol->name == $user->protocol) selected @endif>{{$protocol->name}}</option>
  233. @endforeach
  234. </select>
  235. </div>
  236. </div>
  237. <div class="form-group">
  238. <label for="protocol_param" class="col-md-3 control-label">协议参数</label>
  239. <div class="col-md-8">
  240. <input type="text" class="form-control" name="protocol_param" value="{{$user->protocol_param}}" id="protocol_param" placeholder="">
  241. </div>
  242. </div>
  243. <div class="form-group">
  244. <label for="obfs" class="col-md-3 control-label">混淆</label>
  245. <div class="col-md-8">
  246. <select class="form-control" name="obfs" id="obfs">
  247. @foreach ($obfs_list as $obfs)
  248. <option value="{{$obfs->name}}" @if($obfs->name == $user->obfs) selected @endif>{{$obfs->name}}</option>
  249. @endforeach
  250. </select>
  251. </div>
  252. </div>
  253. <div class="form-group">
  254. <label for="obfs_param" class="col-md-3 control-label">混淆参数</label>
  255. <div class="col-md-8">
  256. <textarea class="form-control" rows="5" name="obfs_param" id="obfs_param">{{$user->obfs_param}}</textarea>
  257. </div>
  258. </div>
  259. <hr>
  260. <div class="form-group">
  261. <label for="speed_limit_per_con" class="col-md-3 control-label">单连接限速</label>
  262. <div class="col-md-8">
  263. <div class="input-group">
  264. <input type="text" class="form-control" name="speed_limit_per_con" value="{{$user->speed_limit_per_con}}" id="speed_limit_per_con" placeholder="" required>
  265. <span class="input-group-addon">KB</span>
  266. </div>
  267. </div>
  268. </div>
  269. <div class="form-group">
  270. <label for="speed_limit_per_user" class="col-md-3 control-label">单用户限速</label>
  271. <div class="col-md-8">
  272. <div class="input-group">
  273. <input type="text" class="form-control" name="speed_limit_per_user" value="{{$user->speed_limit_per_user}}" id="speed_limit_per_user" placeholder="" required>
  274. <span class="input-group-addon">KB</span>
  275. </div>
  276. </div>
  277. </div>
  278. </div>
  279. </div>
  280. <!-- END SAMPLE FORM PORTLET-->
  281. </div>
  282. </div>
  283. </div>
  284. <div class="form-actions">
  285. <div class="row">
  286. <div class="row">
  287. <div class="col-md-offset-5 col-md-4">
  288. <button type="submit" class="btn green">提 交</button>
  289. <button type="button" class="btn default">取 消</button>
  290. </div>
  291. </div>
  292. </div>
  293. </div>
  294. </form>
  295. <!-- END FORM-->
  296. </div>
  297. </div>
  298. </div>
  299. <!-- END PAGE BASE CONTENT -->
  300. </div>
  301. <!-- END CONTENT BODY -->
  302. @endsection
  303. @section('script')
  304. <script src="/assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
  305. <script src="/assets/global/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js" type="text/javascript"></script>
  306. <script src="/assets/global/plugins/bootbox/bootbox.min.js" type="text/javascript"></script>
  307. <script type="text/javascript">
  308. // 过期时间
  309. $(".date-picker").datepicker({
  310. language: 'zh-CN',
  311. autoclose: true,
  312. todayHighlight: true
  313. });
  314. // ajax同步提交
  315. function do_submit() {
  316. var _token = '{{csrf_token()}}';
  317. var id = '{{Request::get('id')}}';
  318. var username = $('#username').val();
  319. var password = $('#password').val();
  320. var usage = $("input:radio[name='usage']:checked").val();
  321. var pay_way = $("input:radio[name='pay_way']:checked").val();
  322. var balance = $('#balance').val();
  323. var enable_time = $('#enable_time').val();
  324. var expire_time = $('#expire_time').val();
  325. var wechat = $('#wechat').val();
  326. var qq = $('#qq').val();
  327. var is_admin = $('#is_admin').val();
  328. var remark = $('#remark').val();
  329. var port = $('#port').val();
  330. var passwd = $('#passwd').val();
  331. var method = $('#method').val();
  332. var custom_method = $('#custom_method').val();
  333. var transfer_enable = $('#transfer_enable').val();
  334. var enable = $('#enable').val();
  335. var protocol = $('#protocol').val();
  336. var protocol_param = $('#protocol_param').val();
  337. var obfs = $('#obfs').val();
  338. var obfs_param = $('#obfs_param').val();
  339. var speed_limit_per_con = $('#speed_limit_per_con').val();
  340. var speed_limit_per_user = $('#speed_limit_per_user').val();
  341. $.ajax({
  342. type: "POST",
  343. url: "{{url('admin/editUser')}}",
  344. async: false,
  345. data: {_token:_token, id:id, username: username, password:password, usage:usage, pay_way:pay_way, balance:balance, enable_time:enable_time, expire_time:expire_time, wechat:wechat, qq:qq, is_admin:is_admin, remark:remark, 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},
  346. dataType: 'json',
  347. success: function (ret) {
  348. if (ret.status == 'success') {
  349. bootbox.alert(ret.message, function(){
  350. window.location.href = '{{url('admin/userList?page=') . Request::get('page')}}';
  351. });
  352. } else {
  353. bootbox.alert(ret.message);
  354. }
  355. }
  356. });
  357. return false;
  358. }
  359. // 生成随机密码
  360. function makePasswd() {
  361. $.get("{{url('makePasswd')}}", function(ret) {
  362. $("#passwd").val(ret);
  363. });
  364. }
  365. </script>
  366. @endsection