Files
ProxyPanel/resources/views/admin/editUser.blade.php
兔姬桑 0e2e5f61dd 2.3 版本 功能添加与优化
加入新支付方式 PayJS ← 未实装,后续版本实装。目前本人还卡在他们的账号注册上面,没法测试代码o(╥﹏╥)o
用户注册等地方添加新字段: 昵称; 用于后续邮件,页面显示;还需要更多优化与应用;
用户头像获取与昵称获取; 前提是用户有填写QQ信息或者注册邮箱为正常的QQ邮箱;
添加 维护模式; 模式开启后,用户界面将自动导到维护界面,管理后台正常运行。哀悼日网站可以添加大厂一样的哀悼维护了 3.1 维护模式定时关闭功能; 3.2 维护模式自定义提示语;
Ping检测与定时记录; 4.1 添加Ping记录界面; 4.2 节点界面添加检测独立Ping按钮; 4.3 针对用户界面添加Ping参考信息;
余额充值自定义功能
部分界面js显示优化
模块化页面;
2020-08-05 03:20:25 +08:00

564 lines
25 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
@extends('admin.layouts')
@section('css')
<link href="/assets/global/vendor/bootstrap-select/bootstrap-select.min.css" type="text/css" rel="stylesheet">
<link href="/assets/global/vendor/bootstrap-datepicker/bootstrap-datepicker.min.css" type="text/css" rel="stylesheet">
@endsection
@section('content')
<div class="page-content container-fluid">
<div class="panel">
<div class="panel-heading">
<h2 class="panel-title">用户信息编辑</h2>
<div class="panel-actions">
<button type="button" class="btn btn-sm btn-danger" onclick="switchToUser()">切换身份</button>
</div>
</div>
<div class="panel-body">
<form action="/admin/editUser/{{$user->id}}" method="post" class="form-horizontal" onsubmit="return Submit()">
<div class="form-row">
<div class="col-lg-6">
<h4 class="example-title">账号信息</h4>
<div class="form-group row">
<label class="col-md-2 col-sm-3 col-form-label" for="username">昵称</label>
<div class="col-xl-6 col-sm-8">
<input type="text" class="form-control" name="username" value="{{$user->username}}" id="username" autocomplete="off" required/>
</div>
</div>
<div class="form-group row">
<label class="col-md-2 col-sm-3 col-form-label" for="email">邮箱</label>
<div class="col-xl-6 col-sm-8">
<input type="text" class="form-control" name="email" value="{{$user->email}}" id="email" autocomplete="off" autofocus required/>
</div>
</div>
<div class="form-group row">
<label class="col-md-2 col-sm-3 col-form-label" for="password">密码</label>
<div class="col-xl-6 col-sm-8">
<input type="text" class="form-control" name="password" id="password" placeholder="不填则不变" autocomplete="off"/>
</div>
</div>
<div class="form-group row">
<label class="col-md-2 col-sm-3 col-form-label" for="usage">用途</label>
<div class="col-md-10 col-sm-8">
<ul class="list-unstyled list-inline">
<li class="list-inline-item">
<div class="checkbox-custom checkbox-primary">
<input type="checkbox" name="usage" value="1" {{in_array(1, $user->usage) ? 'checked' : ''}} />
<label>手机</label>
</div>
</li>
<li class="list-inline-item">
<div class="checkbox-custom checkbox-primary">
<input type="checkbox" name="usage" value="2" {{in_array(2, $user->usage) ? 'checked' : ''}} />
<label>电脑</label>
</div>
</li>
<li class="list-inline-item">
<div class="checkbox-custom checkbox-primary">
<input type="checkbox" name="usage" value="3" {{in_array(3, $user->usage) ? 'checked' : ''}} />
<label>路由器</label>
</div>
</li>
<li class="list-inline-item">
<div class="checkbox-custom checkbox-primary">
<input type="checkbox" name="usage" value="4" {{in_array(4, $user->usage) ? 'checked' : ''}} />
<label>平板</label>
</div>
</li>
</ul>
</div>
</div>
<div class="form-group row">
<label class="col-md-2 col-sm-3 col-form-label" for="pay_way">付费方式</label>
<div class="col-md-10 col-sm-8">
<ul class="list-unstyled list-inline">
<li class="list-inline-item">
<div class="radio-custom radio-primary">
<input type="radio" name="pay_way" value="0" {{$user->pay_way == 0 ? 'checked' : ''}} />
<label>免费</label>
</div>
</li>
<li class="list-inline-item">
<div class="radio-custom radio-primary">
<input type="radio" name="pay_way" value="1" {{$user->pay_way == 1 ? 'checked' : ''}} />
<label>月付</label>
</div>
</li>
<li class="list-inline-item">
<div class="radio-custom radio-primary">
<input type="radio" name="pay_way" value="2" {{$user->pay_way == 2 ? 'checked' : ''}} />
<label>季付</label>
</div>
</li>
<li class="list-inline-item">
<div class="radio-custom radio-primary">
<input type="radio" name="pay_way" value="3" {{$user->pay_way == 3 ? 'checked' : ''}} />
<label>半年付</label>
</div>
</li>
<li class="list-inline-item">
<div class="radio-custom radio-primary">
<input type="radio" name="pay_way" value="4" {{$user->pay_way == 4 ? 'checked' : ''}} />
<label>年付</label>
</div>
</li>
</ul>
</div>
</div>
<div class="form-group row">
<label class="col-md-2 col-sm-3 col-form-label" for="level">级别</label>
<div class="col-xl-4 col-sm-8">
<select class="form-control" name="level" id="level" data-plugin="selectpicker" data-style="btn-outline btn-primary">
@if(!$level_list->isEmpty())
@foreach($level_list as $level)
<option value="{{$level->level}}" {{$user->level == $level->level ? 'selected' : ''}}>{{$level->level_name}}</option>
@endforeach
@endif
</select>
</div>
</div>
<div class="form-group row">
<label class="col-md-2 col-sm-3 col-form-label" for="balance">余额</label>
<div class="col-xl-4 col-sm-8">
<div class="input-group">
<p class="form-control"> {{$user->balance}} </p>
<span class="input-group-append"><button class="btn btn-danger" type="button" data-toggle="modal" data-target="#handle_user_balance">充值</button></span>
</div>
</div>
</div>
<div class="form-group row">
<label class="col-md-2 col-sm-3 col-form-label" for="reset_time">重置日</label>
<div class="col-xl-4 col-sm-4">
<div class="input-group input-daterange" data-plugin="datepicker">
<div class="input-group-prepend">
<span class="input-group-text"><i class="icon wb-calendar" aria-hidden="true"></i></span>
</div>
<input type="text" class="form-control" name="reset_time" id="reset_time" @if ($user->reset_time) value="{{$user->reset_time}} @endif"/>
</div>
<span class="text-help"> 账号流量重置日期 </span>
</div>
</div>
<div class="form-group row">
<label class="col-md-2 col-sm-3 col-form-label">有效期</label>
<div class="col-xl-8 col-sm-8">
<div class="input-group input-daterange" data-plugin="datepicker">
<div class="input-group-prepend">
<span class="input-group-text"><i class="icon wb-calendar" aria-hidden="true"></i></span>
</div>
<input type="text" class="form-control" name="start" id="enable_time" value="{{$user->enable_time}}"/>
<div class="input-group-prepend">
<span class="input-group-text"></span>
</div>
<input type="text" class="form-control" name="end" id="expire_time" value="{{$user->expire_time}}"/>
</div>
<span class="text-help"> 留空默认为一年 </span>
</div>
</div>
<div class="form-group row">
<label class="col-md-2 col-sm-3 col-form-label" for="status">账户状态</label>
<div class="col-md-10 col-sm-8">
<ul class="list-unstyled list-inline">
<li class="list-inline-item">
<div class="radio-custom radio-primary">
<input type="radio" name="status" value="1" {{$user->status == '1' ? 'checked' : ''}} />
<label>正常</label>
</div>
</li>
<li class="list-inline-item">
<div class="radio-custom radio-primary">
<input type="radio" name="status" value="0" {{$user->status == '0' ? 'checked' : ''}} />
<label>未激活</label>
</div>
</li>
<li class="list-inline-item">
<div class="radio-custom radio-primary">
<input type="radio" name="status" value="-1" {{$user->status == '-1' ? 'checked' : ''}} />
<label>禁用</label>
</div>
</li>
</ul>
</div>
</div>
<div class="form-group row">
<label class="col-md-2 col-sm-3 col-form-label" for="is_admin">管理员</label>
<div class="col-md-10 col-sm-8">
<ul class="list-unstyled list-inline">
<li class="list-inline-item">
<div class="radio-custom radio-primary">
<input type="radio" name="is_admin" value="1" {{$user->is_admin == '1' ? 'checked' : ''}} />
<label></label>
</div>
</li>
<li class="list-inline-item">
<div class="radio-custom radio-primary">
<input type="radio" name="is_admin" value="0" {{$user->is_admin == '0' ? 'checked' : ''}} />
<label></label>
</div>
</li>
</ul>
</div>
</div>
<hr>
<div class="form-group row">
<label class="col-md-2 col-sm-3 col-form-label" for="labels">标签</label>
<div class="col-xl-6 col-sm-8">
<select data-plugin="selectpicker" data-style="btn-outline btn-primary" class="form-control show-tick" id="labels" name="labels" placeholder="设置后则可见相同标签的节点" multiple>
@foreach($label_list as $label)
<option value="{{$label->id}}" @if(in_array($label->id, $user->labels)) selected @endif>{{$label->name}}</option>
@endforeach
</select>
</div>
</div>
<hr>
<div class="form-group row">
<label class="col-md-2 col-sm-3 col-form-label" for="wechat">微信</label>
<div class="col-xl-6 col-sm-8">
<input type="text" class="form-control" name="wechat" value="{{$user->wechat}}" id="wechat" autocomplete="off"/>
</div>
</div>
<div class="form-group row">
<label class="col-md-2 col-sm-3 col-form-label" for="qq">QQ</label>
<div class="col-xl-6 col-sm-8">
<input type="number" class="form-control" name="qq" value="{{$user->qq}}" id="qq" autocomplete="off"/>
</div>
</div>
<div class="form-group row">
<label class="col-md-2 col-sm-3 col-form-label" for="remark">备注</label>
<div class="col-xl-6 col-sm-8">
<textarea class="form-control" rows="3" name="remark" id="remark">{{$user->remark}}</textarea>
</div>
</div>
<hr>
<div class="form-group row">
<label class="col-md-2 col-sm-3 col-form-label" for="referral_uid">邀请人</label>
<div class="col-xl-6 col-sm-8">
<p class="form-control"> {{empty($user->referral) ? '无邀请人' : $user->referral->email}} </p>
</div>
</div>
</div>
<div class="col-sm-12 col-lg-6">
<h4 class="example-title">代理信息</h4>
<div class="form-group row">
<label class="col-md-2 col-sm-3 col-form-label" for="port">端口</label>
<div class="col-xl-5 col-sm-8">
<div class="input-group">
<input type="number" class="form-control" name="port" value="{{$user->port}}" id="port"/>
<span class="input-group-append"><button class="btn btn-success" type="button" onclick="makePort()"> <i class="icon wb-refresh"></i> </button></span>
</div>
</div>
</div>
<div class="form-group row">
<label class="col-md-2 col-sm-3 col-form-label" for="passwd">密码</label>
<div class="col-xl-5 col-sm-8">
<div class="input-group">
<input class="form-control" type="text" name="passwd" id="passwd" value="{{$user->passwd}}"/>
<span class="input-group-append"><button class="btn btn-success" type="button" onclick="makePasswd()"> <i class="icon wb-refresh"></i> </button></span>
</div>
</div>
</div>
<div class="form-group row">
<label class="col-md-2 col-sm-3 col-form-label" for="method">加密方式</label>
<div class="col-xl-5 col-sm-8">
<select class="form-control" name="method" id="method" data-plugin="selectpicker" data-style="btn-outline btn-primary">
@foreach ($method_list as $method)
<option value="{{$method->name}}" @if($method->name == $user->method) selected @endif>{{$method->name}}</option>
@endforeach
</select>
</div>
</div>
<div class="form-group row">
<label class="col-md-2 col-sm-3 col-form-label" for="transfer_enable">可用流量</label>
<div class="col-xl-5 col-sm-8">
<div class="input-group">
<input type="text" class="form-control" name="transfer_enable" value="{{$user->transfer_enable}}" id="transfer_enable" required>
<span class="input-group-text">GB</span>
</div>
</div>
</div>
<div class="form-group row">
<label class="col-md-2 col-sm-3 col-form-label" for="enable">代理状态</label>
<div class="col-md-10 col-sm-8">
<ul class="list-unstyled list-inline">
<li class="list-inline-item">
<div class="radio-custom radio-primary">
<input type="radio" name="enable" value="1" {{$user->enable == '1' ? 'checked' : ''}} />
<label>启用</label>
</div>
</li>
<li class="list-inline-item">
<div class="radio-custom radio-primary">
<input type="radio" name="enable" value="0" {{$user->enable == '0' ? 'checked' : ''}} />
<label>禁用</label>
</div>
</li>
</ul>
</div>
</div>
<hr>
<div class="form-group row">
<label class="col-md-2 col-sm-3 col-form-label" for="protocol">协议</label>
<div class="col-xl-5 col-sm-8">
<select class="form-control" name="protocol" id="protocol" data-plugin="selectpicker" data-style="btn-outline btn-primary">
@foreach ($protocol_list as $protocol)
<option value="{{$protocol->name}}" @if($protocol->name == $user->protocol) selected @endif>{{$protocol->name}}</option>
@endforeach
</select>
</div>
</div>
<div class="form-group row">
<label class="col-md-2 col-sm-3 col-form-label" for="obfs">混淆</label>
<div class="col-xl-5 col-sm-8">
<select data-plugin="selectpicker" data-style="btn-outline btn-primary" class="form-control" name="obfs" id="obfs">
@foreach ($obfs_list as $obfs)
<option value="{{$obfs->name}}" @if($obfs->name == $user->obfs) selected @endif>{{$obfs->name}}</option>
@endforeach
</select>
</div>
</div>
<div class="form-group row">
<label class="col-md-2 col-sm-3 col-form-label" for="protocol_param">协议参数</label>
<div class="col-xl-6 col-sm-8">
<input type="text" class="form-control" name="protocol_param" id="protocol_param" value="{{$user->protocol_param}}" placeholder="节点单端口时无效"/>
</div>
</div>
<div class="form-group row">
<label class="col-md-2 col-sm-3 col-form-label" for="obfs_param">混淆参数</label>
<div class="col-xl-6 col-sm-8">
<textarea class="form-control" rows="3" name="obfs_param" id="obfs_param" placeholder="不填则取节点自定义混淆参数">{{$user->obfs_param}}</textarea>
</div>
</div>
<hr>
<div class="form-group row">
<label class="col-md-2 col-sm-3 col-form-label" for="speed_limit_per_con">单连接限速</label>
<div class="col-xl-6 col-sm-8">
<div class="input-group">
<input type="text" class="form-control" name="speed_limit_per_con" id="speed_limit_per_con" value="{{$user->speed_limit_per_con}}"/>
<span class="input-group-text">Byte</span>
</div>
<span class="text-help"> 0 时不限速 </span>
</div>
</div>
<div class="form-group row">
<label class="col-md-2 col-sm-3 col-form-label" for="speed_limit_per_user">单用户限速</label>
<div class="col-xl-6 col-sm-8">
<div class="input-group">
<input type="text" class="form-control" name="speed_limit_per_user" id="speed_limit_per_user" value="{{$user->speed_limit_per_user}}"/>
<span class="input-group-text">Byte</span>
</div>
<span class="text-help"> 0 时不限速 </span>
</div>
</div>
<hr>
<div class="form-group row">
<label class="col-md-2 col-sm-3 col-form-label" for="vmess_id">VMess UUID</label>
<div class="col-xl-6 col-sm-8">
<div class="input-group">
<input class="form-control" type="text" name="vmess_id" id="vmess_id" value="{{$user->vmess_id}}"/>
<span class="input-group-append"><button class="btn btn-success" type="button" onclick="makeVmessId()"> <i class="icon wb-refresh"></i> </button></span>
</div>
<span class="text-help"> V2Ray的账户ID </span>
</div>
</div>
</div>
<div class="col-sm-12 form-actions">
<button type="submit" class="btn btn-success float-right"> </button>
</div>
</div>
</form>
</div>
</div>
</div>
<!-- 余额充值 -->
<div class="modal fade" id="handle_user_balance" aria-hidden="true" role="dialog" tabindex="-1">
<div class="modal-dialog modal-simple modal-center">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title">充值</h4>
</div>
<form action="#" method="post" class="modal-body">
<div class="alert alert-danger" style="display: none;" id="msg"></div>
<div class="form-group row">
<label class="col-md-2 col-sm-3 col-form-label" for="amount"> 充值金额 </label>
<input type="number" class="col-sm-4 form-control" name="amount" id="amount" placeholder="填入负值则会扣余额" step="0.01" onkeydown="if(event.keyCode===13){return false;}"/>
</div>
</form>
<div class="modal-footer">
<button data-dismiss="modal" class="btn btn-danger">关闭</button>
<button type="button" class="btn btn-primary" onclick="return handleUserBalance();">充值</button>
</div>
</div>
</div>
</div>
@endsection
@section('script')
<script src="/assets/global/vendor/bootstrap-select/bootstrap-select.min.js" type="text/javascript"></script>
<script src="/assets/global/vendor/bootstrap-datepicker/bootstrap-datepicker.min.js" type="text/javascript"></script>
<script src="/assets/global/js/Plugin/bootstrap-select.js" type="text/javascript"></script>
<script src="/assets/global/js/Plugin/bootstrap-datepicker.js" type="text/javascript"></script>
<script type="text/javascript">
$('.input-daterange>input').datepicker({
format: "yyyy-mm-dd",
});
// 切换用户身份
function switchToUser() {
$.ajax({
'url': "/admin/switchToUser",
'data': {
'user_id': '{{$user->id}}',
'_token': '{{csrf_token()}}'
},
'dataType': "json",
'type': "POST",
success: function (ret) {
if (ret.status === 'success') {
swal.fire({title: ret.message, type: 'success', timer: 1000, showConfirmButton: false})
.then(() => window.location.href = "/")
} else {
swal.fire({title: ret.message, type: "error"}).then(() => window.location.reload())
}
}
});
}
// ajax同步提交
function Submit() {
// 用途
let usage = '';
$.each($("input:checkbox[name='usage']"), function () {
if (this.checked) {
usage += $(this).val() + ',';
}
});
$.ajax({
type: "POST",
url: "/admin/editUser/{{$user->id}}",
async: false,
data: {
_token: '{{csrf_token()}}',
username: $('#username').val(),
email: $('#email').val(),
password: $('#password').val(),
usage: usage.substring(0, usage.length - 1),
pay_way: $("input:radio[name='pay_way']:checked").val(),
balance: $('#balance').val(),
status: $("input:radio[name='status']:checked").val(),
labels: $('#labels').val(),
reset_time: $('#reset_time').val(),
enable_time: $('#enable_time').val(),
expire_time: $('#expire_time').val(),
wechat: $('#wechat').val(),
qq: $('#qq').val(),
is_admin: $("input:radio[name='is_admin']:checked").val(),
remark: $('#remark').val(),
level: $("#level option:selected").val(),
port: $('#port').val(),
passwd: $('#passwd').val(),
method: $('#method option:selected').val(),
transfer_enable: $('#transfer_enable').val(),
enable: $("input:radio[name='enable']:checked").val(),
protocol: $('#protocol option:selected').val(),
protocol_param: $('#protocol_param').val(),
obfs: $('#obfs option:selected').val(),
obfs_param: $('#obfs_param').val(),
speed_limit_per_con: $('#speed_limit_per_con').val(),
speed_limit_per_user: $('#speed_limit_per_user').val(),
vmess_id: $('#vmess_id').val()
},
dataType: 'json',
success: function (ret) {
if (ret.status === 'success') {
swal.fire({
title: '提示',
text: '更新成功,是否返回?',
type: 'question',
showCancelButton: true,
cancelButtonText: '{{trans('home.ticket_close')}}',
confirmButtonText: '{{trans('home.ticket_confirm')}}',
}).then((result) => {
if (result.value) {
@if (Request::getQueryString())
window.location.href = '/admin/userList' + '?{!! Request::getQueryString() !!}';
@else
window.location.href = '/admin/userList';
@endif
}
}
)
} else {
swal.fire({title: ret.message, timer: 1000, showConfirmButton: false})
}
}
});
return false;
}
// 生成随机端口
function makePort() {
$.get("/admin/makePort", function (ret) {
$("#port").val(ret);
});
}
// 生成随机VmessId
function makeVmessId() {
$.get("/makeVmessId", function (ret) {
$("#vmess_id").val(ret);
});
}
// 生成随机密码
function makePasswd() {
$.get("/makePasswd", function (ret) {
$("#passwd").val(ret);
});
}
// 余额充值
function handleUserBalance() {
const amount = $("#amount").val();
const reg = /^(-?)\d+(\.\d+)?$/; //只可以是正负数字
if (amount.trim() === '' || amount === 0 || !reg.test(amount)) {
$("#msg").show().html("请输入充值金额");
$("#name").focus();
return false;
}
$.ajax({
url: '/admin/handleUserBalance',
type: "POST",
data: {_token: '{{csrf_token()}}', user_id: '{{$user->id}}', amount: amount},
beforeSend: function () {
$("#msg").show().html("充值中...");
},
success: function (ret) {
if (ret.status === 'fail') {
$("#msg").show().html(ret.message);
return false;
} else {
if (ret.status === 'success') {
swal.fire({title: ret.message, type: 'success', timer: 1000, showConfirmButton: false})
.then(() => {
$("#handle_user_balance").modal("hide");
window.location.reload();
})
} else {
swal.fire({title: ret.message, type: "error"}).then(() => window.location.reload())
}
}
},
error: function () {
$("#msg").show().html("请求错误,请重试");
},
complete: function () {
}
});
}
</script>
@endsection