Merge branch 'master' of https://git.yunzer.cn/yunzerwebsite/yunzer
This commit is contained in:
云泽网
@@ -139,25 +139,20 @@ class ResourcesController extends BaseController
|
||||
$this->error('添加失败');
|
||||
}
|
||||
Log::record('添加资源', 1, '', '资源管理');
|
||||
return View::fetch('lists');
|
||||
}
|
||||
|
||||
try {
|
||||
// 获取资源列表
|
||||
$lists = Resource::where('delete_time', null)
|
||||
->where('status', '<>', 3)
|
||||
return json(['code' => 0, 'msg' => '添加成功', 'data' => []]);
|
||||
} else {
|
||||
// 获取所有分类
|
||||
$allCategories = ResourceCategory::where('delete_time', null)
|
||||
->where('status', 1)
|
||||
->field('id, name, cid, icon, number')
|
||||
->order('sort asc, id asc')
|
||||
->select()
|
||||
->toArray();
|
||||
|
||||
// 确保变量存在且不为空
|
||||
if (!isset($lists) || empty($lists)) {
|
||||
$lists = [];
|
||||
}
|
||||
$categories = $this->buildParentChild($allCategories);
|
||||
|
||||
// 传递数据到视图
|
||||
View::assign([
|
||||
'lists' => $lists,
|
||||
'categories' => [] // 添加空的分类数组
|
||||
'categories' => $categories
|
||||
]);
|
||||
|
||||
return View::fetch();
|
||||
|
||||
@@ -25,8 +25,11 @@ use app\admin\controller\LogController as Log;
|
||||
use app\admin\model\AdminSysMenu;
|
||||
use app\admin\model\AdminUserGroup;
|
||||
use app\admin\model\AdminUser;
|
||||
use app\admin\model\User\Users;
|
||||
use app\admin\model\User\UsersGroup;
|
||||
use app\admin\model\Banner;
|
||||
use app\admin\model\ContentPush;
|
||||
use app\admin\model\ContentPush\ContentPush;
|
||||
use app\admin\model\ContentPush\ContentPushSetting;
|
||||
|
||||
|
||||
class YunzeradminController extends Base
|
||||
@@ -332,6 +335,208 @@ class YunzeradminController extends Base
|
||||
}
|
||||
}
|
||||
|
||||
// 前端会员列表
|
||||
public function frontuser()
|
||||
{
|
||||
$lists = Users::select();
|
||||
$group = [];
|
||||
$groups = UsersGroup::select();
|
||||
foreach ($groups as $key => $value) {
|
||||
$group[$value['group_id']] = $value['group_name'];
|
||||
}
|
||||
// 替换 group_id 为 group_name
|
||||
foreach ($lists as &$user) {
|
||||
$gid = $user['group_id'] ?? 0;
|
||||
$user['group_id'] = isset($group[$gid]) ? $group[$gid] : '';
|
||||
}
|
||||
unset($user);
|
||||
if (request()->isAjax()) {
|
||||
return json([
|
||||
'code' => 0,
|
||||
'msg' => '',
|
||||
'count' => count($lists),
|
||||
'data' => $lists
|
||||
]);
|
||||
}
|
||||
View::assign([
|
||||
'lists' => $lists,
|
||||
'group' => $group
|
||||
]);
|
||||
return View::fetch();
|
||||
}
|
||||
|
||||
// 前端会员添加
|
||||
public function frontuseradd()
|
||||
{
|
||||
if (Request::isPost()) {
|
||||
$data['account'] = trim(input('post.account'));
|
||||
if (empty($data['account'])) {
|
||||
Log::record('添加管理员', 0, '账号不能为空', '管理员管理');
|
||||
return json(['code' => 1, 'msg' => '账号不能为空']);
|
||||
}
|
||||
$pattern = "/^([0-9A-Za-z-_.]+)@([0-9a-z]+.[a-z]{2,3}(.[a-z]{2})?)$/i";
|
||||
if (!preg_match($pattern, $data['account'])) {
|
||||
Log::record('添加管理员', 0, '邮箱格式不正确', '管理员管理');
|
||||
return json(['code' => 1, 'msg' => '邮箱格式不正确']);
|
||||
}
|
||||
$item = Users::where('account', $data['account'])->find();
|
||||
if ($item) {
|
||||
Log::record('添加管理员', 0, '该账号已存在', '管理员管理');
|
||||
return json(['code' => 1, 'msg' => '该账号已存在']);
|
||||
}
|
||||
$data['name'] = trim(input('post.name'));
|
||||
$data['phone'] = trim(input('post.phone'));
|
||||
$data['qq'] = (int) trim(input('post.qq'));
|
||||
$data['group_id'] = (int) input('post.group_id');
|
||||
$data['sex'] = (int) (input('post.sex'));
|
||||
$data['status'] = (int) (input('post.status'));
|
||||
$password = trim(input('post.password'));
|
||||
if (empty($data['name'])) {
|
||||
Log::record('添加管理员', 0, '姓名不能为空', '管理员管理');
|
||||
return json(['code' => 1, 'msg' => '姓名不能为空']);
|
||||
}
|
||||
if (empty($data['phone'])) {
|
||||
Log::record('添加管理员', 0, '手机号不能为空', '管理员管理');
|
||||
return json(['code' => 1, 'msg' => '手机号不能为空']);
|
||||
}
|
||||
if (empty($data['group_id'])) {
|
||||
Log::record('添加管理员', 0, '请选择角色', '管理员管理');
|
||||
return json(['code' => 1, 'msg' => '请选择角色']);
|
||||
}
|
||||
if (empty($password)) {
|
||||
Log::record('添加管理员', 0, '密码不能为空', '管理员管理');
|
||||
return json(['code' => 1, 'msg' => '密码不能为空']);
|
||||
} else {
|
||||
$data['password'] = md5($password);
|
||||
}
|
||||
$data['create_time'] = time();
|
||||
$data['update_time'] = time();
|
||||
$res = Users::insert($data);
|
||||
if (!$res) {
|
||||
Log::record('添加管理员', 0, '添加管理员失败', '管理员管理');
|
||||
return json(['code' => 1, 'msg' => '添加管理员失败']);
|
||||
}
|
||||
Log::record('添加管理员', 1, '', '管理员管理');
|
||||
return json(['code' => 0, 'msg' => '添加成功']);
|
||||
} else {
|
||||
$group = [];
|
||||
$groups = UsersGroup::select();
|
||||
foreach ($groups as $key => $value) {
|
||||
$group[$value['group_id']] = $value;
|
||||
}
|
||||
View::assign([
|
||||
'group' => $group
|
||||
]);
|
||||
return View::fetch();
|
||||
}
|
||||
}
|
||||
|
||||
// 前端会员编辑
|
||||
public function frontuseredit()
|
||||
{
|
||||
if (Request::isPost()) {
|
||||
$uid = (int) trim(input('post.uid'));
|
||||
$data['name'] = trim(input('post.name'));
|
||||
$data['phone'] = trim(input('post.phone'));
|
||||
$data['qq'] = (int) trim(input('post.qq'));
|
||||
$data['group_id'] = (int) input('post.group_id');
|
||||
$data['sex'] = (int) (input('post.sex'));
|
||||
$data['status'] = (int) (input('post.status'));
|
||||
if (empty($data['name'])) {
|
||||
Log::record('编辑管理员', 0, '姓名不能为空', '管理员管理');
|
||||
return json(['code' => 1, 'msg' => '姓名不能为空']);
|
||||
}
|
||||
if (empty($data['phone'])) {
|
||||
Log::record('编辑管理员', 0, '手机号不能为空', '管理员管理');
|
||||
return json(['code' => 1, 'msg' => '手机号不能为空']);
|
||||
}
|
||||
if (empty($data['group_id'])) {
|
||||
Log::record('编辑管理员', 0, '请选择角色', '管理员管理');
|
||||
return json(['code' => 1, 'msg' => '请选择角色']);
|
||||
}
|
||||
$res = Users::where('uid', $uid)->update($data);
|
||||
if (!$res) {
|
||||
Log::record('编辑管理员', 0, '更新管理员信息失败', '管理员管理');
|
||||
return json(['code' => 1, 'msg' => '更新管理员信息失败']);
|
||||
}
|
||||
Log::record('编辑管理员', 1, '', '管理员管理');
|
||||
return json(['code' => 0, 'msg' => '更新成功']);
|
||||
} else {
|
||||
$uid = (int) input('get.uid');
|
||||
// 加载前端会员
|
||||
$lists = Users::where('uid', $uid)->find();
|
||||
// 加载角色
|
||||
$group = [];
|
||||
$groups = UsersGroup::select();
|
||||
foreach ($groups as $key => $value) {
|
||||
$group[$value['group_id']] = $value;
|
||||
}
|
||||
View::assign([
|
||||
'lists' => $lists,
|
||||
'group' => $group
|
||||
]);
|
||||
return View::fetch();
|
||||
}
|
||||
}
|
||||
|
||||
// 前端会员删除
|
||||
public function frontuserdel()
|
||||
{
|
||||
$uid = (int) input('post.uid');
|
||||
$res = Users::where('uid', $uid)->delete();
|
||||
if (empty($res)) {
|
||||
Log::record('删除管理员', 0, '删除管理员失败', '管理员管理');
|
||||
return json(['code' => 1, 'msg' => '删除管理员失败']);
|
||||
}
|
||||
Log::record('删除管理员', 1, '', '管理员管理');
|
||||
return json(['code' => 0, 'msg' => '删除成功']);
|
||||
}
|
||||
|
||||
// 前端会员信息
|
||||
public function frontuserdetail()
|
||||
{
|
||||
if (Request::isPost()) {
|
||||
$find = Users::where('uid', $this->adminId)->find();
|
||||
if (empty($find)) {
|
||||
Log::record('修改个人信息', 0, '当前账户不存在', '个人信息');
|
||||
return json(['code' => 1, 'msg' => '当前账户不存在']);
|
||||
}
|
||||
$data['name'] = trim(input('post.name'));
|
||||
$data['phone'] = trim(input('post.phone'));
|
||||
$data['qq'] = (int) trim(input('post.qq'));
|
||||
$data['sex'] = (int) (input('post.sex'));
|
||||
if (empty($data['name'])) {
|
||||
Log::record('修改个人信息', 0, '姓名不能为空', '个人信息');
|
||||
return json(['code' => 1, 'msg' => '姓名不能为空']);
|
||||
}
|
||||
if (empty($data['phone'])) {
|
||||
Log::record('修改个人信息', 0, '手机号不能为空', '个人信息');
|
||||
return json(['code' => 1, 'msg' => '手机号不能为空']);
|
||||
}
|
||||
|
||||
// 处理密码修改
|
||||
$old_pw = trim(input('post.old_pw'));
|
||||
$new_pw = trim(input('post.new_pw'));
|
||||
if (!empty($old_pw) && !empty($new_pw)) {
|
||||
if (md5($old_pw) != $find['password']) {
|
||||
Log::record('修改个人信息', 0, '原密码错误', '个人信息');
|
||||
return json(['code' => 1, 'msg' => '原密码错误']);
|
||||
}
|
||||
$data['password'] = md5($new_pw);
|
||||
}
|
||||
|
||||
$res = Users::where('uid', $this->adminId)->update($data);
|
||||
if (!$res) {
|
||||
Log::record('修改个人信息', 0, '更新管理员信息失败', '个人信息');
|
||||
return json(['code' => 1, 'msg' => '更新管理员信息失败']);
|
||||
}
|
||||
Log::record('修改个人信息', 1, '', '个人信息');
|
||||
return json(['code' => 0, 'msg' => '更新成功']);
|
||||
} else {
|
||||
return View::fetch();
|
||||
}
|
||||
}
|
||||
|
||||
//banner管理
|
||||
public function banner()
|
||||
{
|
||||
@@ -533,8 +738,9 @@ class YunzeradminController extends Base
|
||||
}
|
||||
Log::record('添加内容推送', 1, '', '内容推送管理');
|
||||
return json(['code' => 0, 'msg' => '添加成功']);
|
||||
} else {
|
||||
return View::fetch();
|
||||
}
|
||||
return json(['code' => 1, 'msg' => '请求方法无效']);
|
||||
}
|
||||
|
||||
// 编辑内容推送
|
||||
@@ -612,4 +818,239 @@ class YunzeradminController extends Base
|
||||
}
|
||||
return json(['code' => 1, 'msg' => '请求方法无效']);
|
||||
}
|
||||
|
||||
//推送配置列表（渲染列表）
|
||||
public function contentpushsetting()
|
||||
{
|
||||
if (Request::isAjax() || Request::isPost()) {
|
||||
$page = intval(input('get.page', 1));
|
||||
$limit = intval(input('get.limit', 10));
|
||||
|
||||
$query = ContentPushSetting::where('delete_time', null)
|
||||
->field('id, title, value, status, sort, create_time');
|
||||
|
||||
$count = $query->count();
|
||||
|
||||
$lists = $query->order(['sort' => 'DESC', 'id' => 'DESC'])
|
||||
->page($page, $limit)
|
||||
->select()
|
||||
->toArray();
|
||||
|
||||
foreach ($lists as &$item) {
|
||||
$item['create_time'] = is_numeric($item['create_time']) ? date('Y-m-d H:i:s', $item['create_time']) : $item['create_time'];
|
||||
}
|
||||
|
||||
return json([
|
||||
'code' => 0,
|
||||
'msg' => '获取成功',
|
||||
'count' => $count,
|
||||
'data' => $lists
|
||||
]);
|
||||
} else {
|
||||
return View::fetch();
|
||||
}
|
||||
}
|
||||
|
||||
//推送配置添加和编辑通用方法
|
||||
public function contentpushsettingadd()
|
||||
{
|
||||
if (Request::isPost()) {
|
||||
$params = input('post.');
|
||||
$id = isset($params['id']) ? intval($params['id']) : 0;
|
||||
|
||||
if ($id > 0) {
|
||||
// 编辑
|
||||
$res = ContentPushSetting::update($params, ['id' => $id]);
|
||||
if ($res === false) {
|
||||
Log::record('编辑推送配置', 0, '编辑推送配置失败', '推送配置管理');
|
||||
return json(['code' => 1, 'msg' => '编辑推送配置失败']);
|
||||
}
|
||||
Log::record('编辑推送配置', 1, '', '推送配置管理');
|
||||
return json(['code' => 0, 'msg' => '编辑成功']);
|
||||
} else {
|
||||
// 添加
|
||||
$res = ContentPushSetting::create($params);
|
||||
if (!$res) {
|
||||
Log::record('添加推送配置', 0, '添加推送配置失败', '推送配置管理');
|
||||
return json(['code' => 1, 'msg' => '添加推送配置失败']);
|
||||
}
|
||||
Log::record('添加推送配置', 1, '', '推送配置管理');
|
||||
return json(['code' => 0, 'msg' => '添加成功']);
|
||||
}
|
||||
} else {
|
||||
$id = input('get.id', 0);
|
||||
$info = [];
|
||||
if ($id) {
|
||||
$info = ContentPushSetting::where('id', $id)->find();
|
||||
if ($info) {
|
||||
$info = $info->toArray();
|
||||
}
|
||||
}
|
||||
return View::fetch('', ['info' => $info]);
|
||||
}
|
||||
}
|
||||
|
||||
//推送配置软删除
|
||||
public function contentpushsettingdel()
|
||||
{
|
||||
if (Request::isPost()) {
|
||||
$id = intval(input('post.id', 0));
|
||||
if (!$id) {
|
||||
return json(['code' => 1, 'msg' => '参数错误']);
|
||||
}
|
||||
$setting = ContentPushSetting::where('id', $id)->find();
|
||||
if (!$setting) {
|
||||
return json(['code' => 1, 'msg' => '配置不存在']);
|
||||
}
|
||||
$res = ContentPushSetting::where('id', $id)->update(['delete_time' => date('Y-m-d H:i:s')]);
|
||||
if ($res === false) {
|
||||
Log::record('删除推送配置', 0, '删除失败', '推送配置管理');
|
||||
return json(['code' => 1, 'msg' => '删除失败']);
|
||||
}
|
||||
Log::record('删除推送配置', 1, '', '推送配置管理');
|
||||
return json(['code' => 0, 'msg' => '删除成功']);
|
||||
}
|
||||
return json(['code' => 1, 'msg' => '请求方式错误']);
|
||||
}
|
||||
|
||||
//素材中心
|
||||
public function materialcenter()
|
||||
{
|
||||
return View::fetch();
|
||||
}
|
||||
// 内容推送列表
|
||||
public function materialcenterlist()
|
||||
{
|
||||
if (Request::isGet()) {
|
||||
$page = intval(input('post.page', 1));
|
||||
$limit = intval(input('post.limit', 10));
|
||||
|
||||
$query = ContentPush::where('delete_time', null)
|
||||
->field('id, title, type, status, sort, create_time, update_time');
|
||||
|
||||
// 获取总记录数
|
||||
$count = $query->count();
|
||||
|
||||
// 获取分页数据
|
||||
$lists = $query->order(['sort DESC', 'id DESC'])
|
||||
->page($page, $limit)
|
||||
->select()
|
||||
->toArray();
|
||||
|
||||
// 处理数据
|
||||
foreach ($lists as &$item) {
|
||||
$item['create_time'] = is_numeric($item['create_time']) ? date('Y-m-d H:i:s', $item['create_time']) : $item['create_time'];
|
||||
$item['update_time'] = is_numeric($item['update_time']) ? date('Y-m-d H:i:s', $item['update_time']) : $item['update_time'];
|
||||
}
|
||||
|
||||
return json([
|
||||
'code' => 0,
|
||||
'msg' => '',
|
||||
'count' => $count,
|
||||
'data' => $lists
|
||||
]);
|
||||
}
|
||||
return json(['code' => 1, 'msg' => '请求方法无效']);
|
||||
}
|
||||
// 添加内容推送
|
||||
public function materialcenteradd()
|
||||
{
|
||||
if (Request::isPost()) {
|
||||
$data = [
|
||||
'title' => input('post.title'),
|
||||
'content' => input('post.content'),
|
||||
'image' => input('post.image'),
|
||||
'url' => input('post.url'),
|
||||
'type' => input('post.type', 1),
|
||||
'status' => input('post.status', 1),
|
||||
'sort' => input('post.sort', 0),
|
||||
'create_time' => time()
|
||||
];
|
||||
|
||||
$res = ContentPush::insert($data);
|
||||
if (!$res) {
|
||||
Log::record('添加内容推送', 0, '添加内容推送失败', '内容推送管理');
|
||||
return json(['code' => 1, 'msg' => '添加内容推送失败']);
|
||||
}
|
||||
Log::record('添加内容推送', 1, '', '内容推送管理');
|
||||
return json(['code' => 0, 'msg' => '添加成功']);
|
||||
}
|
||||
return json(['code' => 1, 'msg' => '请求方法无效']);
|
||||
}
|
||||
|
||||
// 编辑内容推送
|
||||
public function materialcenteredit()
|
||||
{
|
||||
if (Request::isPost()) {
|
||||
$id = input('post.id');
|
||||
if (empty($id)) {
|
||||
Log::record('编辑内容推送', 0, 'ID不能为空', '内容推送管理');
|
||||
return json(['code' => 1, 'msg' => 'ID不能为空']);
|
||||
}
|
||||
|
||||
$data = [
|
||||
'title' => input('post.title'),
|
||||
'content' => input('post.content'),
|
||||
'image' => input('post.image'),
|
||||
'url' => input('post.url'),
|
||||
'type' => input('post.type', 1),
|
||||
'status' => input('post.status', 1),
|
||||
'sort' => input('post.sort', 0),
|
||||
'update_time' => time()
|
||||
];
|
||||
|
||||
$res = ContentPush::where('id', $id)->update($data);
|
||||
if ($res === false) {
|
||||
Log::record('编辑内容推送', 0, '更新内容推送失败', '内容推送管理');
|
||||
return json(['code' => 1, 'msg' => '更新内容推送失败']);
|
||||
}
|
||||
Log::record('编辑内容推送', 1, '', '内容推送管理');
|
||||
return json(['code' => 0, 'msg' => '更新成功']);
|
||||
}
|
||||
return json(['code' => 1, 'msg' => '请求方法无效']);
|
||||
}
|
||||
|
||||
// 删除内容推送
|
||||
public function materialcenterdel()
|
||||
{
|
||||
if (Request::isPost()) {
|
||||
$id = input('post.id');
|
||||
if (empty($id)) {
|
||||
Log::record('删除内容推送', 0, 'ID不能为空', '内容推送管理');
|
||||
return json(['code' => 1, 'msg' => 'ID不能为空']);
|
||||
}
|
||||
|
||||
$res = ContentPush::where('id', $id)->update(['delete_time' => time()]);
|
||||
if (!$res) {
|
||||
Log::record('删除内容推送', 0, '删除内容推送失败', '内容推送管理');
|
||||
return json(['code' => 1, 'msg' => '删除内容推送失败']);
|
||||
}
|
||||
Log::record('删除内容推送', 1, '', '内容推送管理');
|
||||
return json(['code' => 0, 'msg' => '删除成功']);
|
||||
}
|
||||
return json(['code' => 1, 'msg' => '请求方法无效']);
|
||||
}
|
||||
|
||||
// 修改内容推送状态
|
||||
public function materialcenterstatus()
|
||||
{
|
||||
if (Request::isPost()) {
|
||||
$id = input('post.id');
|
||||
$status = input('post.status');
|
||||
|
||||
if (empty($id)) {
|
||||
Log::record('修改内容推送状态', 0, 'ID不能为空', '内容推送管理');
|
||||
return json(['code' => 1, 'msg' => 'ID不能为空']);
|
||||
}
|
||||
|
||||
$res = ContentPush::where('id', $id)->update(['status' => $status]);
|
||||
if ($res === false) {
|
||||
Log::record('修改内容推送状态', 0, '更新状态失败', '内容推送管理');
|
||||
return json(['code' => 1, 'msg' => '更新状态失败']);
|
||||
}
|
||||
Log::record('修改内容推送状态', 1, '', '内容推送管理');
|
||||
return json(['code' => 0, 'msg' => '更新成功']);
|
||||
}
|
||||
return json(['code' => 1, 'msg' => '请求方法无效']);
|
||||
}
|
||||
}
|
||||
@@ -16,7 +16,7 @@
|
||||
* 3. 禁止转售或分发
|
||||
*/
|
||||
|
||||
namespace app\admin\model;
|
||||
namespace app\admin\model\ContentPush;
|
||||
|
||||
use think\Model;
|
||||
|
||||
@@ -0,0 +1,34 @@
|
||||
<?php
|
||||
/**
|
||||
* 商业使用授权协议
|
||||
*
|
||||
* Copyright (c) 2025 [云泽网]. 保留所有权利.
|
||||
*
|
||||
* 本软件仅供评估使用。任何商业用途必须获得书面授权许可。
|
||||
* 未经授权商业使用本软件属于侵权行为，将承担法律责任。
|
||||
*
|
||||
* 授权购买请联系: 357099073@qq.com
|
||||
* 官方网站: https://www.yunzer.cn
|
||||
*
|
||||
* 评估用户须知:
|
||||
* 1. 禁止移除版权声明
|
||||
* 2. 禁止用于生产环境
|
||||
* 3. 禁止转售或分发
|
||||
*/
|
||||
|
||||
namespace app\admin\model\ContentPush;
|
||||
|
||||
use think\Model;
|
||||
|
||||
class ContentPushSetting extends Model
|
||||
{
|
||||
protected $name = 'content_push_setting';
|
||||
|
||||
// 自动写入时间戳
|
||||
protected $autoWriteTimestamp = true;
|
||||
|
||||
// 定义时间戳字段名
|
||||
protected $createTime = 'create_time';
|
||||
protected $updateTime = 'update_time';
|
||||
protected $deleteTime = 'delete_time';
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
<?php
|
||||
/**
|
||||
* 商业使用授权协议
|
||||
*
|
||||
* Copyright (c) 2025 [云泽网]. 保留所有权利.
|
||||
*
|
||||
* 本软件仅供评估使用。任何商业用途必须获得书面授权许可。
|
||||
* 未经授权商业使用本软件属于侵权行为，将承担法律责任。
|
||||
*
|
||||
* 授权购买请联系: 357099073@qq.com
|
||||
* 官方网站: https://www.yunzer.cn
|
||||
*
|
||||
* 评估用户须知:
|
||||
* 1. 禁止移除版权声明
|
||||
* 2. 禁止用于生产环境
|
||||
* 3. 禁止转售或分发
|
||||
*/
|
||||
|
||||
namespace app\admin\model\User;
|
||||
|
||||
use think\Model;
|
||||
|
||||
class UsersGroup extends Model
|
||||
{
|
||||
}
|
||||
+312
-529
@@ -11,156 +11,166 @@
|
||||
</div>
|
||||
</div>
|
||||
<form class="layui-form" action="" method="post">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">资源名称</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="title" placeholder="请输入资源名称" autocomplete="off"
|
||||
class="layui-input" lay-affix="clear">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">分类</label>
|
||||
<div class="layui-input-block">
|
||||
<select name="cate" lay-filter="cate">
|
||||
<option value="">请选择分类</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">资源编号</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="number" placeholder="选取分类后系统自动生成"
|
||||
autocomplete="off" class="layui-input" lay-affix="clear" readonly>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">描述</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea name="desc" placeholder="请输入资源描述" class="layui-textarea" lay-affix="clear"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">上传者</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="uploader" placeholder="请输入上传者"
|
||||
autocomplete="off" class="layui-input" lay-affix="clear" value="{$aUser['name']}">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">资源图标</label>
|
||||
<div class="layui-input-block">
|
||||
<button type="button" class="layui-btn" id="upload-btn">
|
||||
<i class="layui-icon layui-icon-upload"></i> 图标上传
|
||||
</button>
|
||||
<div style="width: 120px;">
|
||||
<div class="layui-upload-list">
|
||||
<img class="layui-upload-img" id="upload-img"
|
||||
style="width: 118px; height: 118px;object-fit: cover;">
|
||||
<div id="upload-text"></div>
|
||||
<div class="form-container">
|
||||
<div class="container-left">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">资源名称</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="title" required lay-verify="required" placeholder="请输入资源名称"
|
||||
autocomplete="off" class="layui-input" lay-affix="clear">
|
||||
</div>
|
||||
<div class="layui-progress layui-progress-big" lay-showPercent="yes" lay-filter="icon-progress">
|
||||
<div class="layui-progress-bar" lay-percent=""></div>
|
||||
</div>
|
||||
<input type="hidden" name="icon" id="icon" value="">
|
||||
</div>
|
||||
<div class="layui-form-mid layui-word-aux">建议尺寸：128px * 128px</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">资源文件</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="fileurl" placeholder="本地资源地址" autocomplete="off" class="layui-input"
|
||||
value="" style="margin-bottom: 10px;" lay-affix="clear">
|
||||
<div class="layui-upload-drag" style="display: block;" id="ID-upload-demo-drag">
|
||||
<i class="layui-icon layui-icon-upload"></i>
|
||||
<div>点击上传，或将文件拖拽到此处</div>
|
||||
<div class="layui-hide" id="ID-upload-demo-preview">
|
||||
<hr>
|
||||
<div class="file-info">
|
||||
<i class="layui-icon layui-icon-file"></i>
|
||||
<span class="file-name"></span>
|
||||
<span class="file-size"></span>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">分类</label>
|
||||
<div class="layui-input-block">
|
||||
<select name="cate" lay-verify="required" lay-filter="cate">
|
||||
<option value="">请选择分类</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">资源编号</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="number" required lay-verify="required" placeholder="选取分类后系统自动生成"
|
||||
autocomplete="off" class="layui-input" lay-affix="clear" disabled>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">描述</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea name="desc" placeholder="请输入资源描述" class="layui-textarea" lay-affix="clear"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">上传者</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="uploader" required lay-verify="required" placeholder="请输入上传者"
|
||||
autocomplete="off" class="layui-input" lay-affix="clear" value="{$aUser['name']}">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">排序</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="number" name="sort" value="0" class="layui-input" placeholder="数字越大越靠前"
|
||||
lay-affix="clear">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">资源图标</label>
|
||||
<div class="layui-input-block">
|
||||
<button type="button" class="layui-btn" id="upload-btn">
|
||||
<i class="layui-icon layui-icon-upload"></i> 图标上传
|
||||
</button>
|
||||
<div style="width: 120px;">
|
||||
<div class="layui-upload-list">
|
||||
<img class="layui-upload-img" id="upload-img"
|
||||
style="width: 118px; height: 118px;object-fit: cover;">
|
||||
<div id="upload-text"></div>
|
||||
</div>
|
||||
<div class="layui-progress layui-progress-big" lay-showPercent="yes"
|
||||
lay-filter="icon-progress">
|
||||
<div class="layui-progress-bar" lay-percent=""></div>
|
||||
</div>
|
||||
<input type="hidden" name="icon" id="icon" value="">
|
||||
</div>
|
||||
<div class="layui-form-mid layui-word-aux">建议尺寸：250px * 140px</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">图片上传</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-upload">
|
||||
<button type="button" class="layui-btn" id="imageUpload">多图片上传</button>
|
||||
<blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
|
||||
预览图：
|
||||
<div class="layui-upload-list" id="imagePreview"
|
||||
style="display: flex; flex-direction: column;">
|
||||
</div>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="layui-progress layui-progress-big" lay-showPercent="yes" lay-filter="image-progress"
|
||||
style="margin-top: 10px;">
|
||||
<div class="layui-progress-bar" lay-percent=""></div>
|
||||
</div>
|
||||
<input type="hidden" name="images" id="images" value="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">资源文件</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="fileurl" required placeholder="本地资源地址" autocomplete="off"
|
||||
class="layui-input" value="" style="margin-bottom: 10px;" lay-affix="clear">
|
||||
<div class="layui-upload-drag" style="display: block;" id="ID-upload-demo-drag">
|
||||
<i class="layui-icon layui-icon-upload"></i>
|
||||
<div>点击上传，或将文件拖拽到此处</div>
|
||||
<div class="layui-hide" id="ID-upload-demo-preview">
|
||||
<hr>
|
||||
<div class="file-info">
|
||||
<i class="layui-icon layui-icon-file"></i>
|
||||
<span class="file-name"></span>
|
||||
<span class="file-size"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-progress layui-progress-big" lay-showPercent="yes" lay-filter="file-progress"
|
||||
style="margin-top: 10px;">
|
||||
<div class="layui-progress-bar" lay-percent=""></div>
|
||||
</div>
|
||||
<input type="hidden" name="file" id="file" value="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">资源链接</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="url" required placeholder="百度网盘、115网盘、蓝奏云等" autocomplete="off"
|
||||
class="layui-input" lay-affix="clear">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">分享码</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="code" required placeholder="请输入分享码" autocomplete="off"
|
||||
class="layui-input" lay-affix="clear">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">解压密码</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="zipcode" required placeholder="请输入解压密码" autocomplete="off"
|
||||
class="layui-input" lay-affix="clear">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container-right">
|
||||
<div class="layui-form-item layui-form-text">
|
||||
<label class="layui-form-label">内容</label>
|
||||
<div class="layui-input-block">
|
||||
<div id="editor—wrapper" id="content" name="content" style="border: 1px solid #ccc;">
|
||||
<div id="toolbar-container" style="border-bottom: 1px solid #ccc;"><!-- 工具栏 --></div>
|
||||
<div id="editor-container" style="height: 800px;"><!-- 编辑器 --></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-progress layui-progress-big" lay-showPercent="yes" lay-filter="file-progress"
|
||||
style="margin-top: 10px;">
|
||||
<div class="layui-progress-bar" lay-percent=""></div>
|
||||
</div>
|
||||
<input type="hidden" name="file" id="file" value="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">资源链接</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="url" placeholder="百度网盘、115网盘、蓝奏云等" autocomplete="off"
|
||||
class="layui-input" lay-affix="clear">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">分享码</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="code" placeholder="请输入分享码" autocomplete="off" class="layui-input"
|
||||
lay-affix="clear">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">解压密码</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="zipcode" placeholder="请输入解压密码" autocomplete="off" class="layui-input"
|
||||
lay-affix="clear">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">排序</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="number" name="sort" value="0" class="layui-input" placeholder="数字越大越靠前" lay-affix="clear">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">图片上传</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="image-upload-container">
|
||||
<button type="button" class="btn btn-primary" id="imageUpload">
|
||||
<i class="fas fa-upload"></i> 多图片上传
|
||||
</button>
|
||||
<div class="image-preview-container" id="imagePreview">
|
||||
<div class="layui-form-item" style="margin-top: 80px;">
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn" lay-submit lay-filter="formSubmit">立即提交</button>
|
||||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||||
</div>
|
||||
<div class="upload-progress" id="imageProgress" style="display: none;">
|
||||
<div class="progress-bar" role="progressbar" style="width: 0%"></div>
|
||||
</div>
|
||||
<input type="hidden" name="images" id="images" value="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item layui-form-text">
|
||||
<label class="layui-form-label">内容</label>
|
||||
<div class="layui-input-block">
|
||||
<div id="editor—wrapper" id="content" name="content" style="border: 1px solid #ccc;">
|
||||
<div id="toolbar-container" style="border-bottom: 1px solid #ccc;"><!-- 工具栏 --></div>
|
||||
<div id="editor-container" style="height: 800px;"><!-- 编辑器 --></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn" lay-submit lay-filter="formSubmit">立即提交</button>
|
||||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
@@ -289,193 +299,167 @@
|
||||
|
||||
// 获取分类列表
|
||||
function loadCategories() {
|
||||
$.get('{:url("resources/getcate")}', function (res) {
|
||||
if (res.code == 0) {
|
||||
var html = '<option value="">请选择分类</option>';
|
||||
res.data.forEach(function (item) {
|
||||
var disabled = item.cid == 0 ? 'disabled' : '';
|
||||
html += '<option value="' + item.id + '" ' + disabled + '>' + item.name + '</option>';
|
||||
if (item.children && item.children.length > 0) {
|
||||
item.children.forEach(function (child) {
|
||||
html += '<option value="' + child.id + '">├─ ' + child.name + '</option>';
|
||||
});
|
||||
var categories = { $categories| json_encode | raw
|
||||
};
|
||||
var html = '<option value="">请选择分类</option>';
|
||||
categories.forEach(function (item) {
|
||||
var disabled = item.cid == 0 ? 'disabled' : '';
|
||||
html += '<option value="' + item.id + '" ' + disabled + '>' + item.name + '</option>';
|
||||
if (item.children && item.children.length > 0) {
|
||||
item.children.forEach(function (child) {
|
||||
html += '<option value="' + child.id + '">├─ ' + child.name + '</option>';
|
||||
});
|
||||
}
|
||||
});
|
||||
$('select[name="cate"]').html(html);
|
||||
form.render('select');
|
||||
window.categoryData = categories;
|
||||
}
|
||||
loadCategories();
|
||||
|
||||
// 递归查找分类信息的函数
|
||||
function findCategory(categories, targetId) {
|
||||
for (let category of categories) {
|
||||
if (category.id == targetId) {
|
||||
return {
|
||||
parent: null,
|
||||
current: category,
|
||||
total: category.total || 0
|
||||
};
|
||||
}
|
||||
if (category.children && category.children.length > 0) {
|
||||
for (let child of category.children) {
|
||||
if (child.id == targetId) {
|
||||
return {
|
||||
parent: category,
|
||||
current: child,
|
||||
total: child.total || 0
|
||||
};
|
||||
}
|
||||
if (child.children && child.children.length > 0) {
|
||||
const result = findCategory([child], targetId);
|
||||
if (result) {
|
||||
return result;
|
||||
}
|
||||
});
|
||||
$('select[name="cate"]').html(html);
|
||||
form.render('select');
|
||||
window.categoryData = res.data;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
// 监听分类选择变化
|
||||
form.on('select(cate)', function (data) {
|
||||
var selectedId = data.value;
|
||||
if (!selectedId) {
|
||||
$('input[name="number"]').val('');
|
||||
return;
|
||||
}
|
||||
const categoryInfo = findCategory(window.categoryData, selectedId);
|
||||
if (categoryInfo) {
|
||||
var nextNumber = categoryInfo.total + 1;
|
||||
var numberStr = nextNumber.toString().padStart(5, '0');
|
||||
var resourceNumber = categoryInfo.parent ? categoryInfo.parent.number + categoryInfo.current.number : categoryInfo.current.number;
|
||||
resourceNumber += numberStr;
|
||||
$('input[name="number"]').val(resourceNumber);
|
||||
}
|
||||
});
|
||||
|
||||
// 配置 wangeditor 编辑器
|
||||
const { createEditor, createToolbar } = window.wangEditor;
|
||||
const editorConfig = {
|
||||
MENU_CONF: {},
|
||||
placeholder: '请输入内容...',
|
||||
onChange(editor) {
|
||||
const html = editor.getHtml();
|
||||
},
|
||||
};
|
||||
editorConfig.MENU_CONF['uploadImage'] = {
|
||||
server: '{:url("index/upload_img")}',
|
||||
fieldName: 'file',
|
||||
maxFileSize: 50 * 1024 * 1024,
|
||||
maxNumberOfFiles: 10,
|
||||
allowedFileTypes: ['image/*'],
|
||||
meta: { token: 'xxx' },
|
||||
metaWithUrl: true,
|
||||
headers: { Accept: 'text/x-json' },
|
||||
timeout: 30 * 1000,
|
||||
onBeforeUpload(file) {
|
||||
console.log('准备上传图片', file);
|
||||
return file;
|
||||
},
|
||||
onProgress(progress) {
|
||||
console.log('上传进度', progress);
|
||||
},
|
||||
onSuccess(file, res) {
|
||||
console.log('上传成功', file, res);
|
||||
},
|
||||
onFailed(file, res) {
|
||||
layer.msg('上传失败：' + res.msg, { icon: 2 });
|
||||
console.log('上传失败', file, res);
|
||||
},
|
||||
onError(file, err, res) {
|
||||
layer.msg('上传出错：' + err.message, { icon: 2 });
|
||||
console.error('上传出错', file, err, res);
|
||||
},
|
||||
customInsert(res, insertFn) {
|
||||
if (res.code === 0 && res.url) {
|
||||
let imageUrl = res.url;
|
||||
if (!imageUrl.startsWith('http')) {
|
||||
imageUrl = 'https://' + imageUrl;
|
||||
}
|
||||
imageUrl = imageUrl.replace(/^https?:\/\/[^\/]+\/admin\/resources\//, 'https://www.yunzer.cn/');
|
||||
insertFn(imageUrl);
|
||||
} else {
|
||||
layer.msg('图片上传失败：' + (res.msg || '未知错误'), { icon: 2 });
|
||||
}
|
||||
}
|
||||
};
|
||||
const editor = createEditor({
|
||||
selector: '#editor-container',
|
||||
html: '<p><br></p>',
|
||||
config: editorConfig,
|
||||
mode: 'default',
|
||||
});
|
||||
const toolbar = createToolbar({
|
||||
editor,
|
||||
selector: '#toolbar-container',
|
||||
config: {},
|
||||
mode: 'default',
|
||||
});
|
||||
|
||||
// 表单提交
|
||||
form.on('submit(formSubmit)', function (data) {
|
||||
var content = editor.getHtml();
|
||||
if (!content || content === '<p><br></p>') {
|
||||
layer.msg('请输入文章内容', { icon: 2 });
|
||||
return false;
|
||||
}
|
||||
var loadIndex = layer.load(2);
|
||||
data.field.content = content;
|
||||
$.ajax({
|
||||
url: '{:url("resources/add")}',
|
||||
type: 'POST',
|
||||
data: data.field,
|
||||
success: function (res) {
|
||||
layer.close(loadIndex);
|
||||
if (res.code == 0) {
|
||||
layer.msg(res.msg, { icon: 1 });
|
||||
setTimeout(function () {
|
||||
window.location.href = '{:url("resources/lists")}';
|
||||
}, 1000);
|
||||
} else {
|
||||
layer.msg(res.msg, { icon: 2 });
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
// 重置按钮点击事件
|
||||
$('button[type="reset"]').on('click', function () {
|
||||
loadCategories();
|
||||
|
||||
// 递归查找分类信息的函数
|
||||
function findCategory(categories, targetId) {
|
||||
for (let category of categories) {
|
||||
if (category.id == targetId) {
|
||||
return {
|
||||
parent: null,
|
||||
current: category,
|
||||
total: category.total || 0
|
||||
};
|
||||
}
|
||||
if (category.children && category.children.length > 0) {
|
||||
for (let child of category.children) {
|
||||
if (child.id == targetId) {
|
||||
return {
|
||||
parent: category,
|
||||
current: child,
|
||||
total: child.total || 0
|
||||
};
|
||||
}
|
||||
if (child.children && child.children.length > 0) {
|
||||
const result = findCategory([child], targetId);
|
||||
if (result) {
|
||||
return result;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
// 监听分类选择变化
|
||||
form.on('select(cate)', function (data) {
|
||||
var selectedId = data.value;
|
||||
if (!selectedId) {
|
||||
$('input[name="number"]').val('');
|
||||
return;
|
||||
}
|
||||
const categoryInfo = findCategory(window.categoryData, selectedId);
|
||||
if (categoryInfo) {
|
||||
var nextNumber = categoryInfo.total + 1;
|
||||
var numberStr = nextNumber.toString().padStart(5, '0');
|
||||
var resourceNumber = categoryInfo.parent ? categoryInfo.parent.number + categoryInfo.current.number : categoryInfo.current.number;
|
||||
resourceNumber += numberStr;
|
||||
$('input[name="number"]').val(resourceNumber);
|
||||
}
|
||||
});
|
||||
|
||||
// 配置 wangeditor 编辑器
|
||||
const { createEditor, createToolbar } = window.wangEditor;
|
||||
const editorConfig = {
|
||||
MENU_CONF: {},
|
||||
placeholder: '请输入内容...',
|
||||
onChange(editor) {
|
||||
const html = editor.getHtml();
|
||||
},
|
||||
};
|
||||
editorConfig.MENU_CONF['uploadImage'] = {
|
||||
server: '{:url("index/upload_img")}',
|
||||
fieldName: 'file',
|
||||
maxFileSize: 50 * 1024 * 1024,
|
||||
maxNumberOfFiles: 10,
|
||||
allowedFileTypes: ['image/*'],
|
||||
meta: { token: 'xxx' },
|
||||
metaWithUrl: true,
|
||||
headers: { Accept: 'text/x-json' },
|
||||
timeout: 30 * 1000,
|
||||
onBeforeUpload(file) {
|
||||
console.log('准备上传图片', file);
|
||||
return file;
|
||||
},
|
||||
onProgress(progress) {
|
||||
console.log('上传进度', progress);
|
||||
},
|
||||
onSuccess(file, res) {
|
||||
console.log('上传成功', file, res);
|
||||
},
|
||||
onFailed(file, res) {
|
||||
layer.msg('上传失败：' + res.msg, { icon: 2 });
|
||||
console.log('上传失败', file, res);
|
||||
},
|
||||
onError(file, err, res) {
|
||||
layer.msg('上传出错：' + err.message, { icon: 2 });
|
||||
console.error('上传出错', file, err, res);
|
||||
},
|
||||
customInsert(res, insertFn) {
|
||||
if (res.code === 0 && res.url) {
|
||||
let imageUrl = res.url;
|
||||
if (!imageUrl.startsWith('http')) {
|
||||
imageUrl = 'https://' + imageUrl;
|
||||
}
|
||||
imageUrl = imageUrl.replace(/^https?:\/\/[^\/]+\/admin\/resources\//, 'https://www.yunzer.cn/');
|
||||
insertFn(imageUrl);
|
||||
} else {
|
||||
layer.msg('图片上传失败：' + (res.msg || '未知错误'), { icon: 2 });
|
||||
}
|
||||
}
|
||||
};
|
||||
const editor = createEditor({
|
||||
selector: '#editor-container',
|
||||
html: '<p><br></p>',
|
||||
config: editorConfig,
|
||||
mode: 'default',
|
||||
});
|
||||
const toolbar = createToolbar({
|
||||
editor,
|
||||
selector: '#toolbar-container',
|
||||
config: {},
|
||||
mode: 'default',
|
||||
});
|
||||
|
||||
// 表单提交
|
||||
form.on('submit(formSubmit)', function (data) {
|
||||
var content = editor.getHtml();
|
||||
if (!content || content === '<p><br></p>') {
|
||||
layer.msg('请输入文章内容', { icon: 2 });
|
||||
return false;
|
||||
}
|
||||
var loadIndex = layer.load(2);
|
||||
|
||||
// 使用 FormData 提交数据
|
||||
var formData = new FormData();
|
||||
formData.append('title', $('input[name="title"]').val());
|
||||
formData.append('cate', $('select[name="cate"]').val());
|
||||
formData.append('number', $('input[name="number"]').val());
|
||||
formData.append('desc', $('textarea[name="desc"]').val());
|
||||
formData.append('uploader', $('input[name="uploader"]').val());
|
||||
formData.append('icon', $('input[name="icon"]').val());
|
||||
formData.append('images', $('input[name="images"]').val());
|
||||
formData.append('url', $('input[name="url"]').val());
|
||||
formData.append('fileurl', $('input[name="fileurl"]').val());
|
||||
formData.append('code', $('input[name="code"]').val());
|
||||
formData.append('zipcode', $('input[name="zipcode"]').val());
|
||||
formData.append('sort', $('input[name="sort"]').val());
|
||||
formData.append('content', content);
|
||||
|
||||
$.ajax({
|
||||
url: '{:url("resources/add")}',
|
||||
type: 'POST',
|
||||
data: formData,
|
||||
processData: false,
|
||||
contentType: false,
|
||||
success: function (res) {
|
||||
layer.close(loadIndex);
|
||||
if (res.code == 0) {
|
||||
layer.msg(res.msg, { icon: 1 });
|
||||
setTimeout(function () {
|
||||
window.location.href = '{:url("resources/lists")}';
|
||||
}, 1000);
|
||||
} else {
|
||||
layer.msg(res.msg, { icon: 2 });
|
||||
}
|
||||
},
|
||||
error: function () {
|
||||
layer.close(loadIndex);
|
||||
layer.msg('提交失败，请重试', { icon: 2 });
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
// 重置按钮点击事件
|
||||
$('button[type="reset"]').on('click', function () {
|
||||
loadCategories();
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
//返回资源列表
|
||||
@@ -572,217 +556,16 @@
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.image-upload-container {
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.image-preview-container {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
|
||||
gap: 15px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.image-preview-item {
|
||||
position: relative;
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.image-preview-item img {
|
||||
width: 100%;
|
||||
height: 150px;
|
||||
object-fit: cover;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.image-preview-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
.form-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s;
|
||||
z-index: 1;
|
||||
|
||||
}
|
||||
|
||||
.image-preview-item:hover .image-preview-overlay {
|
||||
opacity: 1;
|
||||
.container-left {
|
||||
width: 35%;
|
||||
}
|
||||
|
||||
.image-filename {
|
||||
margin: 5px 0;
|
||||
font-size: 0.9em;
|
||||
text-align: center;
|
||||
word-break: break-all;
|
||||
.container-right {
|
||||
width: 65%;
|
||||
}
|
||||
|
||||
.upload-progress {
|
||||
margin-top: 10px;
|
||||
height: 4px;
|
||||
background: #f0f0f0;
|
||||
border-radius: 2px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.progress-bar {
|
||||
height: 100%;
|
||||
background: #007bff;
|
||||
transition: width 0.3s ease;
|
||||
}
|
||||
|
||||
.btn {
|
||||
padding: 8px 16px;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background: #007bff;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.btn-primary:hover {
|
||||
background: #0056b3;
|
||||
}
|
||||
|
||||
.btn-danger {
|
||||
background: #dc3545;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.btn-danger:hover {
|
||||
background: #c82333;
|
||||
}
|
||||
|
||||
.btn-sm {
|
||||
padding: 4px 8px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.delete-image {
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
padding: 8px 12px;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
transition: background-color 0.3s;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.delete-image i {
|
||||
font-size: 40px;
|
||||
margin-right: 4px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const imageUpload = document.getElementById('imageUpload');
|
||||
const imagePreview = document.getElementById('imagePreview');
|
||||
const imageProgress = document.getElementById('imageProgress');
|
||||
const progressBar = imageProgress.querySelector('.progress-bar');
|
||||
const imagesInput = document.getElementById('images');
|
||||
|
||||
// 处理图片上传
|
||||
imageUpload.addEventListener('click', function () {
|
||||
const input = document.createElement('input');
|
||||
input.type = 'file';
|
||||
input.multiple = true;
|
||||
input.accept = 'image/*';
|
||||
|
||||
input.onchange = function (e) {
|
||||
const files = e.target.files;
|
||||
if (files.length === 0) return;
|
||||
|
||||
imageProgress.style.display = 'block';
|
||||
let uploadedCount = 0;
|
||||
|
||||
Array.from(files).forEach(file => {
|
||||
const formData = new FormData();
|
||||
formData.append('file', file);
|
||||
|
||||
fetch('{:url("index/upload_img")}', {
|
||||
method: 'POST',
|
||||
body: formData
|
||||
})
|
||||
.then(response => response.json())
|
||||
.then(res => {
|
||||
if (res.code === 0) {
|
||||
addImagePreview(res.data);
|
||||
updateImagesInput();
|
||||
} else {
|
||||
alert('上传失败：' + res.msg);
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('上传错误:', error);
|
||||
alert('上传出错');
|
||||
})
|
||||
.finally(() => {
|
||||
uploadedCount++;
|
||||
const progress = (uploadedCount / files.length) * 100;
|
||||
progressBar.style.width = progress + '%';
|
||||
|
||||
if (uploadedCount === files.length) {
|
||||
setTimeout(() => {
|
||||
imageProgress.style.display = 'none';
|
||||
progressBar.style.width = '0%';
|
||||
}, 500);
|
||||
}
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
input.click();
|
||||
// 清除 input 的值，防止重复触发
|
||||
input.value = '';
|
||||
});
|
||||
|
||||
// 添加图片预览
|
||||
function addImagePreview(imageUrl) {
|
||||
const div = document.createElement('div');
|
||||
div.className = 'image-preview-item';
|
||||
div.dataset.src = imageUrl;
|
||||
|
||||
div.innerHTML = `
|
||||
<img src="${imageUrl}" alt="已上传图片">
|
||||
<div class="image-preview-overlay">
|
||||
<button type="button" class="btn btn-danger btn-sm delete-image">
|
||||
<i class="layui-icon layui-icon-delete"></i>
|
||||
</button>
|
||||
</div>
|
||||
<p class="image-filename">${imageUrl.split('/').pop()}</p>
|
||||
`;
|
||||
|
||||
imagePreview.appendChild(div);
|
||||
}
|
||||
|
||||
// 更新隐藏输入框的值
|
||||
function updateImagesInput() {
|
||||
const images = Array.from(imagePreview.querySelectorAll('.image-preview-item'))
|
||||
.map(item => item.dataset.src);
|
||||
imagesInput.value = images.join(',');
|
||||
}
|
||||
|
||||
// 删除图片
|
||||
imagePreview.addEventListener('click', function (e) {
|
||||
if (e.target.closest('.delete-image')) {
|
||||
const item = e.target.closest('.image-preview-item');
|
||||
item.remove();
|
||||
updateImagesInput();
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</style>
|
||||
@@ -87,7 +87,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<input type="hidden" name="icon" id="icon">
|
||||
<div class="layui-form-mid layui-word-aux">建议尺寸：128px * 128px</div>
|
||||
<div class="layui-form-mid layui-word-aux">建议尺寸：250px * 140px</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
+185
-155
@@ -12,177 +12,194 @@
|
||||
</div>
|
||||
<form class="layui-form" action="" method="post">
|
||||
<input type="hidden" name="id" value="{$resource.id|default=''}">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">资源名称</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="title" required lay-verify="required" placeholder="请输入资源名称" autocomplete="off"
|
||||
class="layui-input" value="{$resource.title|default=''}" lay-affix="clear">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">分类</label>
|
||||
<div class="layui-input-block">
|
||||
<select name="cate" lay-verify="required" lay-filter="cate">
|
||||
<option value="">请选择分类</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">资源编号</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="number" required lay-verify="required" placeholder="请输入分类编号" autocomplete="off"
|
||||
class="layui-input" value="{$resource.number|default=''}" lay-affix="clear" disabled>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">描述</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea name="desc" placeholder="请输入资源描述" class="layui-textarea"
|
||||
lay-affix="clear">{$resource.desc|default=''}</textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">上传者</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="uploader" required lay-verify="required" placeholder="请输入上传者"
|
||||
autocomplete="off" class="layui-input" value="{$resource.uploader|default=''}" lay-affix="clear">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">资源图标</label>
|
||||
<div class="layui-input-block">
|
||||
<button type="button" class="layui-btn" id="upload-btn">
|
||||
<i class="layui-icon layui-icon-upload"></i> 图标上传
|
||||
</button>
|
||||
<div style="width: 120px;">
|
||||
<div class="layui-upload-list">
|
||||
<img class="layui-upload-img" id="upload-img"
|
||||
style="width: 118px; height: 118px;object-fit: cover;">
|
||||
<div id="upload-text"></div>
|
||||
</div>
|
||||
<div class="layui-progress layui-progress-big" lay-showPercent="yes" lay-filter="icon-progress">
|
||||
<div class="layui-progress-bar" lay-percent=""></div>
|
||||
</div>
|
||||
<input type="hidden" name="icon" id="icon" value="">
|
||||
</div>
|
||||
<div class="layui-form-mid layui-word-aux">建议尺寸：128px * 128px</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">资源文件</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="fileurl" required placeholder="本地资源地址" autocomplete="off" class="layui-input"
|
||||
value="{$resource.fileurl|default=''}" style="margin-bottom: 10px;" lay-affix="clear">
|
||||
<div class="layui-upload-drag" style="display: block;" id="ID-upload-demo-drag">
|
||||
<i class="layui-icon layui-icon-upload"></i>
|
||||
<div>点击上传，或将文件拖拽到此处</div>
|
||||
<div class="layui-hide" id="ID-upload-demo-preview">
|
||||
<hr>
|
||||
<div class="file-info">
|
||||
<i class="layui-icon layui-icon-file"></i>
|
||||
<span class="file-name"></span>
|
||||
<span class="file-size"></span>
|
||||
</div>
|
||||
<div class="form-container">
|
||||
<div class="container-left">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">资源名称</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="title" required lay-verify="required" placeholder="请输入资源名称"
|
||||
autocomplete="off" class="layui-input" value="{$resource.title|default=''}"
|
||||
lay-affix="clear">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-progress layui-progress-big" lay-showPercent="yes" lay-filter="file-progress"
|
||||
style="margin-top: 10px;">
|
||||
<div class="layui-progress-bar" lay-percent=""></div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">分类</label>
|
||||
<div class="layui-input-block">
|
||||
<select name="cate" lay-verify="required" lay-filter="cate">
|
||||
<option value="">请选择分类</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<input type="hidden" name="file" id="file" value="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">资源链接</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="url" required placeholder="百度网盘、115网盘、蓝奏云等" autocomplete="off"
|
||||
class="layui-input" value="{$resource.url|default=''}" lay-affix="clear">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">资源编号</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="number" required lay-verify="required" placeholder="请输入分类编号"
|
||||
autocomplete="off" class="layui-input" value="{$resource.number|default=''}"
|
||||
lay-affix="clear" disabled>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">分享码</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="code" required placeholder="请输入分享码" autocomplete="off" class="layui-input"
|
||||
value="{$resource.code|default=''}" lay-affix="clear">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">描述</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea name="desc" placeholder="请输入资源描述" class="layui-textarea"
|
||||
lay-affix="clear">{$resource.desc|default=''}</textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">解压密码</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="zipcode" required placeholder="请输入解压密码" autocomplete="off" class="layui-input"
|
||||
value="{$resource.zipcode|default=''}" lay-affix="clear">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">上传者</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="uploader" required lay-verify="required" placeholder="请输入上传者"
|
||||
autocomplete="off" class="layui-input" value="{$resource.uploader|default=''}"
|
||||
lay-affix="clear">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">排序</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="number" name="sort" value="{$resource.sort|default='0'}" class="layui-input"
|
||||
placeholder="数字越大越靠前" lay-affix="clear">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">排序</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="number" name="sort" value="{$resource.sort|default='0'}" class="layui-input"
|
||||
placeholder="数字越大越靠前" lay-affix="clear">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">图片上传</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="image-upload-container">
|
||||
<button type="button" class="btn btn-primary" id="imageUpload">
|
||||
<i class="fas fa-upload"></i> 多图片上传
|
||||
</button>
|
||||
<div class="image-preview-container" id="imagePreview">
|
||||
{if condition="isset($resource.images) && !empty($resource.images)"}
|
||||
{php}
|
||||
$images = is_array($resource['images']) ? $resource['images'] : explode(',', $resource['images']);
|
||||
if(empty($images[0])) {
|
||||
$images = [$resource['images']];
|
||||
}
|
||||
{/php}
|
||||
{volist name="images" id="image"}
|
||||
<div class="image-preview-item" data-src="{$image}">
|
||||
<img src="{$image}" alt="已上传图片">
|
||||
<div class="image-preview-overlay">
|
||||
<button type="button" class="delete-image">
|
||||
<i class="layui-icon layui-icon-delete"></i>
|
||||
</button>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">资源图标</label>
|
||||
<div class="layui-input-block">
|
||||
<button type="button" class="layui-btn" id="upload-btn">
|
||||
<i class="layui-icon layui-icon-upload"></i> 图标上传
|
||||
</button>
|
||||
<div style="width: 120px;">
|
||||
<div class="layui-upload-list">
|
||||
<img class="layui-upload-img" id="upload-img"
|
||||
style="width: 118px; height: 118px;object-fit: cover;">
|
||||
<div id="upload-text"></div>
|
||||
</div>
|
||||
<p class="image-filename">{$image|basename}</p>
|
||||
<div class="layui-progress layui-progress-big" lay-showPercent="yes"
|
||||
lay-filter="icon-progress">
|
||||
<div class="layui-progress-bar" lay-percent=""></div>
|
||||
</div>
|
||||
<input type="hidden" name="icon" id="icon" value="">
|
||||
</div>
|
||||
{/volist}
|
||||
{/if}
|
||||
<div class="layui-form-mid layui-word-aux">建议尺寸：250px * 140px</div>
|
||||
</div>
|
||||
<div class="upload-progress" id="imageProgress" style="display: none;">
|
||||
<div class="progress-bar" role="progressbar" style="width: 0%"></div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">图片上传</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="image-upload-container">
|
||||
<button type="button" class="btn btn-primary" id="imageUpload">
|
||||
<i class="fas fa-upload"></i> 多图片上传
|
||||
</button>
|
||||
<div class="image-preview-container" id="imagePreview">
|
||||
{if condition="isset($resource.images) && !empty($resource.images)"}
|
||||
{if condition="strpos($resource.images, ',') !== false"}
|
||||
{volist name="resource.images|explode=',',true" id="image"}
|
||||
<div class="image-preview-item" data-src="{$image}">
|
||||
<img src="{$image}" alt="已上传图片">
|
||||
<div class="image-preview-overlay">
|
||||
<button type="button" class="delete-image">
|
||||
<i class="fas fa-trash"></i>
|
||||
</button>
|
||||
</div>
|
||||
<p class="image-filename">{$image|basename}</p>
|
||||
</div>
|
||||
{/volist}
|
||||
{else}
|
||||
<div class="image-preview-item" data-src="{$resource.images}">
|
||||
<img src="{$resource.images}" alt="已上传图片">
|
||||
<div class="image-preview-overlay">
|
||||
<button type="button" class="delete-image">
|
||||
<i class="fas fa-trash"></i>
|
||||
</button>
|
||||
</div>
|
||||
<p class="image-filename">{$resource.images|basename}</p>
|
||||
</div>
|
||||
{/if}
|
||||
{/if}
|
||||
</div>
|
||||
<div class="upload-progress" id="imageProgress" style="display: none;">
|
||||
<div class="progress-bar" role="progressbar" style="width: 0%"></div>
|
||||
</div>
|
||||
<input type="hidden" name="images" id="images" value="{$resource.images|default=''}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">资源文件</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="fileurl" required placeholder="本地资源地址" autocomplete="off"
|
||||
class="layui-input" value="{$resource.fileurl|default=''}" style="margin-bottom: 10px;"
|
||||
lay-affix="clear">
|
||||
<div class="layui-upload-drag" style="display: block;" id="ID-upload-demo-drag">
|
||||
<i class="layui-icon layui-icon-upload"></i>
|
||||
<div>点击上传，或将文件拖拽到此处</div>
|
||||
<div class="layui-hide" id="ID-upload-demo-preview">
|
||||
<hr>
|
||||
<div class="file-info">
|
||||
<i class="layui-icon layui-icon-file"></i>
|
||||
<span class="file-name"></span>
|
||||
<span class="file-size"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-progress layui-progress-big" lay-showPercent="yes" lay-filter="file-progress"
|
||||
style="margin-top: 10px;">
|
||||
<div class="layui-progress-bar" lay-percent=""></div>
|
||||
</div>
|
||||
<input type="hidden" name="file" id="file" value="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">资源链接</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="url" required placeholder="百度网盘、115网盘、蓝奏云等" autocomplete="off"
|
||||
class="layui-input" value="{$resource.url|default=''}" lay-affix="clear">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">分享码</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="code" required placeholder="请输入分享码" autocomplete="off"
|
||||
class="layui-input" value="{$resource.code|default=''}" lay-affix="clear">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">解压密码</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="zipcode" required placeholder="请输入解压密码" autocomplete="off"
|
||||
class="layui-input" value="{$resource.zipcode|default=''}" lay-affix="clear">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container-right">
|
||||
<div class="layui-form-item layui-form-text">
|
||||
<label class="layui-form-label">内容</label>
|
||||
<div class="layui-input-block">
|
||||
<div id="editor—wrapper" id="content" name="content" style="border: 1px solid #ccc;">
|
||||
<div id="toolbar-container" style="border-bottom: 1px solid #ccc;"><!-- 工具栏 --></div>
|
||||
<div id="editor-container" style="height: 800px;"><!-- 编辑器 --></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item" style="margin-top: 80px;">
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn" lay-submit lay-filter="formSubmit">立即提交</button>
|
||||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||||
</div>
|
||||
<input type="hidden" name="images" id="images" value="{$resource.images|default=''}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item layui-form-text">
|
||||
<label class="layui-form-label">内容</label>
|
||||
<div class="layui-input-block">
|
||||
<div id="editor—wrapper" id="content" name="content" style="border: 1px solid #ccc;">
|
||||
<div id="toolbar-container" style="border-bottom: 1px solid #ccc;"><!-- 工具栏 --></div>
|
||||
<div id="editor-container" style="height: 800px;"><!-- 编辑器 --></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn" lay-submit lay-filter="formSubmit">立即提交</button>
|
||||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
@@ -790,4 +807,17 @@
|
||||
margin-right: 4px;
|
||||
/* 添加图标右边距 */
|
||||
}
|
||||
|
||||
.form-container {
|
||||
display: flex;
|
||||
|
||||
}
|
||||
|
||||
.container-left {
|
||||
width: 35%;
|
||||
}
|
||||
|
||||
.container-right {
|
||||
width: 65%;
|
||||
}
|
||||
</style>
|
||||
@@ -9,13 +9,25 @@
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">图标</label>
|
||||
<div class="layui-input-block">
|
||||
<select name="icon_class" lay-verify="required" lay-search="">
|
||||
<option value="">请输入layui图标</option>
|
||||
{foreach($iconfont as $icon_v)}
|
||||
<option value="{$icon_v['icon_css']}" {if($icon_v['icon_css'] == $lists['icon_class'])}selected{/if}>{$icon_v['icon_css']} {$icon_v['icon_name']}</option>
|
||||
{/foreach}
|
||||
</select>
|
||||
<div class="layui-input-block" style="position:relative;">
|
||||
<input type="text" readonly class="layui-input" name="icon_class" id="icon_class_input"
|
||||
value="{$lists['icon_class']|default=''}" placeholder="请选择图标" autocomplete="off"
|
||||
style="background:#fff;cursor:pointer;">
|
||||
<div class="icon-dropdown" id="iconDropdown"
|
||||
style="display:none;position:absolute;z-index:9999;width:400px;max-height:320px;overflow:auto;background:#fff;border:1px solid #eee;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,0.08);padding:12px;">
|
||||
<input type="text" class="layui-input" id="iconSearchInput" placeholder="搜索图标名称或class"
|
||||
style="margin-bottom:10px;">
|
||||
<div class="icon-card-list">
|
||||
{foreach $iconfont as $icon_v}
|
||||
<div class="icon-card{if($icon_v['icon_css'] == $lists['icon_class'])} selected{/if}"
|
||||
data-icon="{$icon_v['icon_css']}" data-name="{$icon_v['icon_name']}"
|
||||
data-css="{$icon_v['icon_css']}">
|
||||
<i class="layui-icon {$icon_v['icon_css']}" style="font-size:24px;"></i>
|
||||
<div class="icon-name">{$icon_v['icon_name']}</div>
|
||||
</div>
|
||||
{/foreach}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
@@ -37,22 +49,100 @@
|
||||
<button type="button" class="layui-btn" onclick="save()">保存</button>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
layui.use(['layer','form'],function(){
|
||||
form = layui.form;
|
||||
layer = layui.layer;
|
||||
$ = layui.jquery;
|
||||
});
|
||||
|
||||
function save(){
|
||||
$.post('{$config["admin_route"]}yunzer/menuedit',$('form').serialize(),function(res){
|
||||
if(res.code>0){
|
||||
layer.msg(res.msg,{'icon':2});
|
||||
}else{
|
||||
layer.msg(res.msg,{'icon':1});
|
||||
setTimeout(function(){parent.window.location.reload();},1000);
|
||||
<script>
|
||||
layui.use(['jquery'], function () {
|
||||
var $ = layui.jquery;
|
||||
var $input = $('#icon_class_input');
|
||||
var $dropdown = $('#iconDropdown');
|
||||
var $search = $('#iconSearchInput');
|
||||
var $cards = $dropdown.find('.icon-card');
|
||||
// 显示下拉
|
||||
$input.on('focus click', function (e) {
|
||||
var offset = $input.offset();
|
||||
$dropdown.css({
|
||||
left: '-15px',
|
||||
top: '40px',
|
||||
display: 'block'
|
||||
});
|
||||
$search.val('').trigger('input');
|
||||
});
|
||||
// 选中卡片
|
||||
$dropdown.on('click', '.icon-card', function () {
|
||||
$cards.removeClass('selected');
|
||||
$(this).addClass('selected');
|
||||
$input.val($(this).data('icon'));
|
||||
$dropdown.hide();
|
||||
});
|
||||
// 搜索
|
||||
$search.on('input', function () {
|
||||
var val = $(this).val().toLowerCase();
|
||||
$cards.each(function () {
|
||||
var name = $(this).data('name').toLowerCase();
|
||||
var css = $(this).data('css').toLowerCase();
|
||||
if (name.indexOf(val) !== -1 || css.indexOf(val) !== -1) {
|
||||
$(this).show();
|
||||
} else {
|
||||
$(this).hide();
|
||||
}
|
||||
});
|
||||
});
|
||||
// 点击外部关闭
|
||||
$(document).on('mousedown', function (e) {
|
||||
if (!$(e.target).closest('.icon-dropdown').length && !$(e.target).is($input)) {
|
||||
$dropdown.hide();
|
||||
}
|
||||
},'json');
|
||||
}
|
||||
});
|
||||
// 回显
|
||||
var selected = $input.val();
|
||||
if (selected) {
|
||||
$cards.each(function () {
|
||||
if ($(this).data('icon') == selected) {
|
||||
$(this).addClass('selected');
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<style>
|
||||
.icon-card-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.icon-card {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 52px;
|
||||
height: 52px;
|
||||
border: 1px solid #eee;
|
||||
border-radius: 6px;
|
||||
cursor: pointer;
|
||||
transition: border 0.2s, box-shadow 0.2s;
|
||||
background: #fafbfc;
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.icon-card.selected {
|
||||
border: 2px solid #409eff;
|
||||
box-shadow: 0 2px 8px rgba(64, 158, 255, 0.10);
|
||||
color: #409eff;
|
||||
}
|
||||
|
||||
.icon-card .icon-name {
|
||||
margin-top: 4px;
|
||||
font-size: 9px;
|
||||
text-align: center;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.icon-dropdown {
|
||||
min-width: 320px;
|
||||
max-width: 600px;
|
||||
}
|
||||
</style>
|
||||
{include file="public/tail" /}
|
||||
@@ -10,6 +10,9 @@
|
||||
<div>
|
||||
<button class="layui-btn layui-bg-blue" onclick="add()">
|
||||
<i class="layui-icon layui-icon-add-1"></i>添加推送
|
||||
</button>
|
||||
<button class="layui-btn layui-bg-blue" onclick="setting()">
|
||||
<i class="layui-icon layui-icon-set-fill"></i>推送配置
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-primary layui-border-blue" onclick="refresh()">
|
||||
<i class="layui-icon layui-icon-refresh"></i>刷新
|
||||
@@ -119,6 +122,17 @@
|
||||
}, 'json');
|
||||
}
|
||||
|
||||
//配置
|
||||
function setting(){
|
||||
layer.open({
|
||||
type: 2,
|
||||
title: '推送配置',
|
||||
shade: 0.3,
|
||||
area: ['1000px', '800px'],
|
||||
content: "{$config['admin_route']}yunzeradmin/contentpushsetting"
|
||||
});
|
||||
}
|
||||
|
||||
// 刷新列表
|
||||
function refresh() {
|
||||
layui.table.reload('contentPushTable');
|
||||
|
||||
@@ -0,0 +1,109 @@
|
||||
{include file="public/header" /}
|
||||
<div class="config-container">
|
||||
<div class="config-header" style="display: flex;flex-direction: column;flex-wrap: wrap;align-items: flex-start;">
|
||||
<div class="maintitle">
|
||||
<i class="layui-icon layui-icon-set-fill"></i>
|
||||
<span>推送配置列表</span>
|
||||
</div>
|
||||
<div style="display: flex;align-items: flex-start;flex-direction: column;gap: 15px;margin-bottom: 10px;">
|
||||
<div>
|
||||
<button class="layui-btn layui-bg-blue" onclick="addSetting()">
|
||||
<i class="layui-icon layui-icon-add-1"></i>添加配置
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-primary layui-border-blue" onclick="refreshSetting()">
|
||||
<i class="layui-icon layui-icon-refresh"></i>刷新
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<table id="contentPushSettingTable" lay-filter="contentPushSettingTable"></table>
|
||||
</div>
|
||||
|
||||
<script type="text/html" id="settingTableBar">
|
||||
<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
|
||||
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
|
||||
</script>
|
||||
|
||||
<script type="text/javascript">
|
||||
layui.use(['table', 'layer'], function () {
|
||||
var table = layui.table;
|
||||
var layer = layui.layer;
|
||||
var $ = layui.jquery;
|
||||
|
||||
// 渲染表格
|
||||
table.render({
|
||||
elem: '#contentPushSettingTable',
|
||||
url: '{$config["admin_route"]}yunzeradmin/contentpushsetting',
|
||||
page: true,
|
||||
cols: [[
|
||||
{field: 'id', title: 'ID', width: 80, sort: true},
|
||||
{field: 'title', title: '配置标题', width: 200},
|
||||
{field: 'value', title: '配置值', width: 300},
|
||||
{field: 'status', title: '状态', width: 100, templet: function(d){
|
||||
return d.status == 1 ?
|
||||
'<span class="layui-badge layui-bg-green">启用</span>' :
|
||||
'<span class="layui-badge">禁用</span>';
|
||||
}},
|
||||
{field: 'sort', title: '排序', width: 100, sort: true},
|
||||
{field: 'create_time', title: '创建时间', width: 180},
|
||||
{title: '操作', width: 160, toolbar: '#settingTableBar', fixed: 'right'}
|
||||
]],
|
||||
limit: 10,
|
||||
limits: [10, 20, 30, 50]
|
||||
});
|
||||
|
||||
// 工具条事件
|
||||
table.on('tool(contentPushSettingTable)', function(obj){
|
||||
var data = obj.data;
|
||||
if(obj.event === 'edit'){
|
||||
editSetting(data.id);
|
||||
} else if(obj.event === 'del'){
|
||||
layer.confirm('确定要删除该配置吗？', function(index){
|
||||
$.post('{$config["admin_route"]}yunzeradmin/contentpushsettingdel', {id: data.id}, function(res){
|
||||
if(res.code == 0){
|
||||
layer.msg('删除成功', {icon: 1});
|
||||
table.reload('contentPushSettingTable');
|
||||
} else {
|
||||
layer.msg(res.msg, {icon: 2});
|
||||
}
|
||||
});
|
||||
layer.close(index);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// 刷新
|
||||
window.refreshSetting = function(){
|
||||
table.reload('contentPushSettingTable');
|
||||
};
|
||||
|
||||
// 添加
|
||||
window.addSetting = function(){
|
||||
layer.open({
|
||||
type: 2,
|
||||
title: '添加推送配置',
|
||||
area: ['800px', '600px'],
|
||||
content: '{$config["admin_route"]}yunzeradmin/contentpushsettingadd',
|
||||
end: function(){
|
||||
table.reload('contentPushSettingTable');
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
// 编辑
|
||||
window.editSetting = function(id){
|
||||
layer.open({
|
||||
type: 2,
|
||||
title: '编辑推送配置',
|
||||
area: ['600px', '400px'],
|
||||
content: '{$config["admin_route"]}yunzeradmin/contentpushsettingadd?id=' + id,
|
||||
end: function(){
|
||||
table.reload('contentPushSettingTable');
|
||||
}
|
||||
});
|
||||
};
|
||||
});
|
||||
</script>
|
||||
|
||||
{include file="public/tail" /}
|
||||
@@ -0,0 +1,75 @@
|
||||
{include file="public/header" /}
|
||||
<div class="config-container">
|
||||
<form class="layui-form" action="{$config['admin_route']}yunzeradmin/contentpushsettingadd" method="post" lay-filter="contentPushForm">
|
||||
{if isset($info.id)}
|
||||
<input type="hidden" name="id" value="{$info.id}">
|
||||
{/if}
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">配置标题</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="title" required lay-verify="required" placeholder="请输入配置标题" autocomplete="off" class="layui-input" value="{$info.title|default=''}">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">配置值</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea name="value" placeholder="请输入配置值" class="layui-textarea" required lay-verify="required">{$info.value|default=''}</textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">状态</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="radio" name="status" value="1" title="启用" {if !isset($info.status) || $info.status==1}checked{/if}>
|
||||
<input type="radio" name="status" value="0" title="禁用" {if isset($info.status) && $info.status==0}checked{/if}>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">排序</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="number" name="sort" value="{$info.sort|default='0'}" placeholder="请输入排序值" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn" lay-submit lay-filter="contentPushForm">立即提交</button>
|
||||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
layui.use(['form', 'upload', 'layer'], function(){
|
||||
var form = layui.form;
|
||||
var upload = layui.upload;
|
||||
var layer = layui.layer;
|
||||
var $ = layui.jquery;
|
||||
|
||||
// 表单提交
|
||||
form.on('submit(contentPushForm)', function(data){
|
||||
$.ajax({
|
||||
url: data.form.action,
|
||||
type: 'POST',
|
||||
data: data.field,
|
||||
success: function(res){
|
||||
if(res.code == 0){
|
||||
layer.msg(res.msg, {icon: 1}, function(){
|
||||
var index = parent.layer.getFrameIndex(window.name);
|
||||
parent.layer.close(index);
|
||||
parent.layui.table.reload('contentPushTable');
|
||||
});
|
||||
} else {
|
||||
layer.msg(res.msg, {icon: 2});
|
||||
}
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
{include file="public/tail" /}
|
||||
@@ -0,0 +1,181 @@
|
||||
{include file="public/header" /}
|
||||
<div class="config-container">
|
||||
<!-- 页面头部样式 -->
|
||||
<div class="config-header" style="display: flex;flex-direction: column;flex-wrap: wrap;align-items: flex-start;">
|
||||
<div class="maintitle">
|
||||
<i class="layui-icon layui-icon-user"></i>
|
||||
<span>用户列表</span>
|
||||
</div>
|
||||
<div style="display: flex;align-items: flex-start;flex-direction: column;gap: 15px;margin-bottom: 10px;">
|
||||
<div>
|
||||
<button class="layui-btn layui-bg-blue" onclick="add()">
|
||||
<i class="layui-icon layui-icon-add-1"></i>添加
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-primary layui-border-blue" onclick="refresh()">
|
||||
<i class="layui-icon layui-icon-refresh"></i>刷新
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<table id="userTable" lay-filter="userTable"></table>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
layui.use(['table', 'layer'], function () {
|
||||
var table = layui.table;
|
||||
var layer = layui.layer;
|
||||
|
||||
table.render({
|
||||
elem: '#userTable',
|
||||
url: '{$config['admin_route']}yunzeradmin/frontuser', // 数据接口
|
||||
page: true,
|
||||
cols: [[
|
||||
{ field: 'uid', title: '用户ID', width: 80, align: 'center', fixed: 'left' },
|
||||
{
|
||||
field: 'avatar',
|
||||
title: '头像',
|
||||
width: 80,
|
||||
align: 'center',
|
||||
templet: function (d) {
|
||||
if (d.avatar && d.avatar !== '') {
|
||||
return '<img src="' + d.avatar + '" style="width:36px;height:36px;border-radius:50%;object-fit:cover;" />';
|
||||
} else {
|
||||
return '<span style="color:#aaa;">无</span>';
|
||||
}
|
||||
}
|
||||
},
|
||||
{ field: 'name', title: '真实姓名', width: 120 },
|
||||
{ field: 'name', title: '真实姓名', width: 120 },
|
||||
{ field: 'account', title: '账户', width: 200 },
|
||||
{ field: 'phone', title: '手机', width: 120 },
|
||||
{ field: 'qq', title: 'QQ', width: 130 },
|
||||
{
|
||||
field: 'wechat',
|
||||
title: '微信',
|
||||
width: 100,
|
||||
templet: function (d) {
|
||||
if (d.openid && d.openid !== '') {
|
||||
return '<span style="color: #52c41a;">已绑定</span>';
|
||||
} else {
|
||||
return '<span style="color: #aaa;">未绑定</span>';
|
||||
}
|
||||
}
|
||||
},
|
||||
{ field: 'group_id', title: '角色', width: 200 },
|
||||
{
|
||||
field: 'sex', title: '性别', width: 80, templet: function (d) {
|
||||
if (d.sex == 1) return '男';
|
||||
if (d.sex == 2) return '女';
|
||||
return '未选择';
|
||||
}
|
||||
},
|
||||
{
|
||||
field: 'status',
|
||||
title: '状态',
|
||||
width: 100,
|
||||
templet: function (d) {
|
||||
if (d.status == 1) {
|
||||
return '<span style="color: #52c41a;">开启</span>';
|
||||
} else {
|
||||
return '<span style="color: #f5222d;">禁用</span>';
|
||||
}
|
||||
}
|
||||
},
|
||||
{ field: 'login_count', title: '登陆次数', width: 100 },
|
||||
{
|
||||
field: 'update_time',
|
||||
title: '登陆时间',
|
||||
width: 180,
|
||||
templet: function (d) {
|
||||
if (!d.update_time) return '';
|
||||
var t = d.update_time;
|
||||
// 如果是时间戳（数字），转为int
|
||||
if (/^\d+$/.test(t)) t = parseInt(t) * (t.toString().length == 10 ? 1000 : 1);
|
||||
var date = new Date(t);
|
||||
var Y = date.getFullYear();
|
||||
var M = ('0' + (date.getMonth() + 1)).slice(-2);
|
||||
var D = ('0' + date.getDate()).slice(-2);
|
||||
var h = ('0' + date.getHours()).slice(-2);
|
||||
var m = ('0' + date.getMinutes()).slice(-2);
|
||||
var s = ('0' + date.getSeconds()).slice(-2);
|
||||
return Y + '-' + M + '-' + D + ' ' + h + ':' + m + ':' + s;
|
||||
}
|
||||
},
|
||||
{ title: '操作', toolbar: '#operationBar', width: 160, fixed: 'right' }
|
||||
]]
|
||||
});
|
||||
|
||||
// 工具条事件
|
||||
table.on('tool(userTable)', function (obj) {
|
||||
var data = obj.data;
|
||||
if (obj.event === 'edit') {
|
||||
edit(data.uid);
|
||||
} else if (obj.event === 'del') {
|
||||
del(data.uid);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// 添加
|
||||
function add() {
|
||||
layer.open({
|
||||
type: 2,
|
||||
title: '添加用户',
|
||||
shade: 0.3,
|
||||
area: ['450px', '550px'],
|
||||
content: "{$config['admin_route']}yunzeradmin/frontuseradd"
|
||||
});
|
||||
}
|
||||
// 编辑
|
||||
function edit(uid) {
|
||||
layer.open({
|
||||
type: 2,
|
||||
title: '编辑用户',
|
||||
shade: 0.3,
|
||||
area: ['450px', '550px'],
|
||||
content: "{$config['admin_route']}yunzeradmin/frontuseredit?uid=" + uid
|
||||
});
|
||||
}
|
||||
// 删除
|
||||
function del(uid) {
|
||||
layer.confirm('确定要删除吗？', {
|
||||
icon: 3,
|
||||
btn: ['确定', '取消']
|
||||
}, function () {
|
||||
$.post("{$config['admin_route']}yunzeradmin/frontuserdel", { 'uid': uid }, function (res) {
|
||||
if (res.code > 0) {
|
||||
layer.alert(res.msg, { icon: 2 });
|
||||
} else {
|
||||
layer.msg(res.msg);
|
||||
setTimeout(function () { window.location.reload(); }, 1000);
|
||||
}
|
||||
}, 'json');
|
||||
});
|
||||
}
|
||||
//刷新列表
|
||||
function refresh() {
|
||||
window.location.reload();
|
||||
}
|
||||
</script>
|
||||
<script type="text/html" id="operationBar">
|
||||
<button type="button" class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">
|
||||
<i class="layui-icon layui-icon-edit"></i>编辑
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-primary layui-btn-xs" lay-event="del">
|
||||
<i class="layui-icon layui-icon-delete"></i>删除
|
||||
</button>
|
||||
</script>
|
||||
<style>
|
||||
.layui-table-view .layui-table td,
|
||||
.layui-table-view .layui-table th {
|
||||
height: 60px !important;
|
||||
line-height: 60px !important;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.layui-table-cell{
|
||||
height: auto !important;
|
||||
}
|
||||
</style>
|
||||
{include file="public/tail" /}
|
||||
@@ -0,0 +1,84 @@
|
||||
{include file="public/header" /}
|
||||
<form class="layui-form">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">账户</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" class="layui-input" name="account" placeholder="账户请用邮箱">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">姓名</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" class="layui-input" name="name" placeholder="请输入真实姓名">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">手机号</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" class="layui-input" name="phone" placeholder="请输入手机号">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">QQ号</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" class="layui-input" name="qq" placeholder="请输入QQ号">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">角色</label>
|
||||
<div class="layui-input-inline">
|
||||
<select name="group_id">
|
||||
<option value=0></option>
|
||||
{volist name="group" id="vo"}
|
||||
<option value="{$vo.group_id}">{$vo.group_name}</option>
|
||||
{/volist}
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">密码</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" class="layui-input" name="password" placeholder="请输入密码">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">性别</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="radio" name="sex" value="1" title="男" checked="">
|
||||
<input type="radio" name="sex" value="2" title="女">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">状态</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="radio" name="status" value="1" title="开启" checked="">
|
||||
<input type="radio" name="status" value="0" title="禁用">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<button type="button" class="layui-btn" onclick="save()">保存</button>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
layui.use(['layer','form'],function(){
|
||||
form = layui.form;
|
||||
layer = layui.layer;
|
||||
$ = layui.jquery;
|
||||
});
|
||||
// 保存管理员
|
||||
function save(){
|
||||
$.post("{$config['admin_route']}yunzeradmin/useradd",$('form').serialize(),function(res){
|
||||
if(res.code>0){
|
||||
layer.alert(res.msg,{icon:2});
|
||||
}else{
|
||||
layer.msg(res.msg);
|
||||
setTimeout(function(){parent.window.location.reload();},1000);
|
||||
}
|
||||
},'json');
|
||||
}
|
||||
</script>
|
||||
{include file="public/tail" /}
|
||||
@@ -0,0 +1,76 @@
|
||||
{include file="public/header" /}
|
||||
<form class="layui-form">
|
||||
<input type="hidden" name="uid" value="{$lists.uid}">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">账户</label>
|
||||
<div class="layui-input-inline"><input type="text" class="layui-input" value="{$lists.account}" readonly></div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">姓 名</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" class="layui-input" name="name" placeholder="请输入真实姓名" value="{$lists.name}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">手机号</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" class="layui-input" name="phone" placeholder="请输入手机号" value="{$lists.phone}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">QQ号</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" class="layui-input" name="qq" placeholder="请输入QQ号" value="{$lists.qq}">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">角色</label>
|
||||
<div class="layui-input-inline">
|
||||
<select name="group_id">
|
||||
<option value=0></option>
|
||||
{volist name="group" id="vo"}
|
||||
<option value="{$vo.group_id}" {$vo.group_id == $lists.group_id ? 'selected' : ''}>{$vo.group_name}</option>
|
||||
{/volist}
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">性别</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="radio" name="sex" value="1" title="男" {$lists.sex==1?'checked':''}>
|
||||
<input type="radio" name="sex" value="2" title="女" {$lists.sex==2?'checked':''}>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">状态</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="radio" name="status" value="1" title="开启" {$lists.status==1?'checked':''}>
|
||||
<input type="radio" name="status" value="0" title="禁用" {$lists.status==0?'checked':''}>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn" onclick="save()">保存</button>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
layui.use(['layer','form'],function(){
|
||||
form = layui.form;
|
||||
layer = layui.layer;
|
||||
$ = layui.jquery;
|
||||
});
|
||||
// 保存管理员
|
||||
function save(){
|
||||
$.post("{$config['admin_route']}yunzeradmin/frontuseredit",$('form').serialize(),function(res){
|
||||
if(res.code>0){
|
||||
layer.alert(res.msg,{icon:2});
|
||||
}else{
|
||||
layer.msg(res.msg);
|
||||
setTimeout(function(){parent.window.location.reload();},1000);
|
||||
}
|
||||
},'json');
|
||||
}
|
||||
</script>
|
||||
{include file="public/tail" /}
|
||||
@@ -0,0 +1,363 @@
|
||||
{include file="public/header" /}
|
||||
<div class="material-tabs">
|
||||
<div class="tabs-header">
|
||||
<div class="tab active" data-type="image">图片</div>
|
||||
<div class="tab" data-type="video">视频</div>
|
||||
<div class="tab" data-type="file">文件</div>
|
||||
</div>
|
||||
<div class="tabs-content">
|
||||
<!-- 图片Tab内容 -->
|
||||
<div class="tab-panel" id="tab-image" style="display:block;">
|
||||
<div class="material-center">
|
||||
<!-- 左侧分组树 -->
|
||||
<div class="sidebar">
|
||||
<ul class="group-list" id="groupList">
|
||||
<li class="active">全部</li>
|
||||
<!-- ... -->
|
||||
</ul>
|
||||
<div class="sidebar-header">
|
||||
<button class="layui-btn layui-btn-normal" onclick="addGroup()">添加分组</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 右侧内容 -->
|
||||
<div class="main-content">
|
||||
<div class="toolbar">
|
||||
<div class="material-actions">
|
||||
<button class="layui-btn layui-btn-normal" id="uploadBtn">上传</button>
|
||||
<button class="layui-btn layui-btn-danger" id="batchDeleteBtn">批量删除</button>
|
||||
</div>
|
||||
<button class="layui-btn" onclick="moveMaterial()">移动</button>
|
||||
<label class="select-all">
|
||||
<input type="checkbox" id="selectAll" /> 全选
|
||||
</label>
|
||||
</div>
|
||||
<div class="image-grid" id="imageGrid">
|
||||
<div class="image-item">
|
||||
<input type="checkbox" class="img-checkbox" />
|
||||
<img src="https://placekitten.com/120/120" alt="示例图片" />
|
||||
<div class="img-name">示例图片.jpg</div>
|
||||
<div class="img-actions">
|
||||
<button class="layui-btn layui-btn-xs" onclick="renameImg(this)">重命名</button>
|
||||
<button class="layui-btn layui-btn-xs layui-btn-primary" onclick="viewImg(this)">查看</button>
|
||||
<button class="layui-btn layui-btn-xs layui-btn-warm" onclick="copyUrl(this)">地址</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ... -->
|
||||
</div>
|
||||
<div class="pagination">
|
||||
<button class="layui-btn layui-btn-xs">上一页</button>
|
||||
<span>1 / 10</span>
|
||||
<button class="layui-btn layui-btn-xs">下一页</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 视频Tab内容 -->
|
||||
<div class="tab-panel" id="tab-video" style="display:none;">
|
||||
<div class="material-center">
|
||||
<div style="padding:40px;text-align:center;color:#bbb;">这里是视频管理内容</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 文件Tab内容 -->
|
||||
<div class="tab-panel" id="tab-file" style="display:none;">
|
||||
<div class="material-center">
|
||||
<div style="padding:40px;text-align:center;color:#bbb;">这里是文件管理内容</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
// Tab切换
|
||||
document.querySelectorAll('.material-tabs .tab').forEach(function (tab) {
|
||||
tab.onclick = function () {
|
||||
document.querySelectorAll('.material-tabs .tab').forEach(t => t.classList.remove('active'));
|
||||
tab.classList.add('active');
|
||||
var type = tab.getAttribute('data-type');
|
||||
document.querySelectorAll('.tab-panel').forEach(panel => panel.style.display = 'none');
|
||||
document.getElementById('tab-' + type).style.display = 'block';
|
||||
}
|
||||
});
|
||||
|
||||
// 分组高亮切换
|
||||
document.getElementById('groupList').addEventListener('click', function (e) {
|
||||
if (e.target.tagName === 'LI' || e.target.closest('li')) {
|
||||
document.querySelectorAll('#groupList li').forEach(li => li.classList.remove('active'));
|
||||
(e.target.tagName === 'LI' ? e.target : e.target.closest('li')).classList.add('active');
|
||||
// TODO: 根据分组加载图片
|
||||
}
|
||||
});
|
||||
|
||||
// 其它功能函数（示例）
|
||||
function addGroup() {
|
||||
alert('添加分组功能待实现');
|
||||
}
|
||||
function uploadMaterial() {
|
||||
alert('上传功能待实现');
|
||||
}
|
||||
function batchDelete() {
|
||||
alert('批量删除功能待实现');
|
||||
}
|
||||
function moveMaterial() {
|
||||
alert('移动功能待实现');
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.material-tabs {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background: #f6f7fb;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.tabs-header {
|
||||
display: flex;
|
||||
border-bottom: 2px solid #e6e6e6;
|
||||
background: #fff;
|
||||
padding-left: 32px;
|
||||
height: 52px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.tab {
|
||||
padding: 0 32px;
|
||||
height: 52px;
|
||||
line-height: 52px;
|
||||
font-size: 16px;
|
||||
color: #666;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
transition: color 0.2s;
|
||||
}
|
||||
|
||||
.tab.active {
|
||||
color: #409eff;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.tab.active::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 16px;
|
||||
right: 16px;
|
||||
bottom: 0;
|
||||
height: 3px;
|
||||
background: #409eff;
|
||||
border-radius: 2px 2px 0 0;
|
||||
}
|
||||
|
||||
.tabs-content {
|
||||
flex: 1;
|
||||
width: 100%;
|
||||
overflow: auto;
|
||||
background: #f6f7fb;
|
||||
}
|
||||
|
||||
.tab-panel {
|
||||
width: 100%;
|
||||
/* height: 100%; */
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tab-panel:target,
|
||||
.tab-panel.active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.material-center {
|
||||
display: flex;
|
||||
height: 100%;
|
||||
background: #fafbfc;
|
||||
font-family: "Microsoft YaHei", Arial, sans-serif;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
width: 220px;
|
||||
background: #fff;
|
||||
border-right: 1px solid #e6e6e6;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.sidebar-header {
|
||||
display: flex;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
border-top: 1px solid #f0f0f0;
|
||||
justify-content: center;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.add-group-btn {
|
||||
background: #409eff;
|
||||
color: #fff;
|
||||
border: none;
|
||||
border-radius: 50%;
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
font-size: 18px;
|
||||
cursor: pointer;
|
||||
transition: background 0.2s;
|
||||
}
|
||||
|
||||
.add-group-btn:hover {
|
||||
background: #66b1ff;
|
||||
}
|
||||
|
||||
.group-list {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 10px 0 0 0;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.group-list li {
|
||||
padding: 10px 24px;
|
||||
color: #444;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-radius: 4px 0 0 4px;
|
||||
transition: background 0.2s, color 0.2s;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.group-list li .iconfont {
|
||||
font-size: 16px;
|
||||
margin-right: 8px;
|
||||
color: #b2b2b2;
|
||||
}
|
||||
|
||||
.group-list li.active,
|
||||
.group-list li:hover {
|
||||
background: #f2f6fc;
|
||||
color: #409eff;
|
||||
}
|
||||
|
||||
.main-content {
|
||||
flex: 1;
|
||||
padding: 32px 36px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.toolbar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
.select-all {
|
||||
margin-left: auto;
|
||||
font-size: 14px;
|
||||
color: #888;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.image-grid {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 22px;
|
||||
min-height: 320px;
|
||||
}
|
||||
|
||||
.image-item {
|
||||
width: 140px;
|
||||
background: #fff;
|
||||
border: 1px solid #eaeaea;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 14px 8px 10px 8px;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
transition: box-shadow 0.2s, border 0.2s;
|
||||
}
|
||||
|
||||
.image-item:hover {
|
||||
border: 1px solid #409eff;
|
||||
box-shadow: 0 4px 16px rgba(64, 158, 255, 0.10);
|
||||
}
|
||||
|
||||
.image-item img {
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
object-fit: cover;
|
||||
border-radius: 4px;
|
||||
margin-bottom: 8px;
|
||||
background: #f5f7fa;
|
||||
border: 1px solid #f0f0f0;
|
||||
}
|
||||
|
||||
.img-name {
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
text-align: center;
|
||||
margin-bottom: 6px;
|
||||
word-break: break-all;
|
||||
height: 32px;
|
||||
line-height: 16px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.img-checkbox {
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
left: 12px;
|
||||
transform: scale(1.2);
|
||||
}
|
||||
|
||||
.img-actions {
|
||||
display: none;
|
||||
margin-top: 6px;
|
||||
text-align: center;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.image-item.active .img-actions {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.img-actions .layui-btn-xs {
|
||||
margin: 0 2px;
|
||||
font-size: 12px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.pagination {
|
||||
margin-top: 28px;
|
||||
text-align: center;
|
||||
font-size: 15px;
|
||||
color: #888;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
.main-content {
|
||||
padding: 12px 4px;
|
||||
}
|
||||
|
||||
.image-item {
|
||||
width: 100px;
|
||||
padding: 8px 4px 8px 4px;
|
||||
}
|
||||
|
||||
.image-item img {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
{include file="public/tail" /}
|
||||
Reference in New Issue
Block a user