Merge branch 'master' of https://git.yunzer.cn/yunzerwebsite/yunzer
This commit is contained in:
云泽网
commit
e25a0e4736
1
.gitignore
vendored
1
.gitignore
vendored
@ -3,3 +3,4 @@
|
||||
/vendor
|
||||
runtime
|
||||
*.log
|
||||
config/database.php
|
||||
|
||||
@ -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;
|
||||
|
||||
34
app/admin/model/ContentPush/ContentPushSetting.php
Normal file
34
app/admin/model/ContentPush/ContentPushSetting.php
Normal file
@ -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';
|
||||
}
|
||||
25
app/admin/model/User/UsersGroup.php
Normal file
25
app/admin/model/User/UsersGroup.php
Normal file
@ -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
|
||||
{
|
||||
}
|
||||
@ -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>
|
||||
|
||||
|
||||
@ -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');
|
||||
|
||||
109
app/admin/view/yunzeradmin/contentpushsetting.php
Normal file
109
app/admin/view/yunzeradmin/contentpushsetting.php
Normal file
@ -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" /}
|
||||
75
app/admin/view/yunzeradmin/contentpushsettingadd.php
Normal file
75
app/admin/view/yunzeradmin/contentpushsettingadd.php
Normal file
@ -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" /}
|
||||
181
app/admin/view/yunzeradmin/frontuser.php
Normal file
181
app/admin/view/yunzeradmin/frontuser.php
Normal file
@ -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" /}
|
||||
84
app/admin/view/yunzeradmin/frontuseradd.php
Normal file
84
app/admin/view/yunzeradmin/frontuseradd.php
Normal file
@ -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" /}
|
||||
76
app/admin/view/yunzeradmin/frontuseredit.php
Normal file
76
app/admin/view/yunzeradmin/frontuseredit.php
Normal file
@ -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" /}
|
||||
363
app/admin/view/yunzeradmin/materialcenter.php
Normal file
363
app/admin/view/yunzeradmin/materialcenter.php
Normal file
@ -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" /}
|
||||
0
app/admin/view/yunzeradmin/materialcenteradd.php
Normal file
0
app/admin/view/yunzeradmin/materialcenteradd.php
Normal file
0
app/admin/view/yunzeradmin/materialcenteredit.php
Normal file
0
app/admin/view/yunzeradmin/materialcenteredit.php
Normal file
282
app/index/controller/ResourcesController.php
Normal file
282
app/index/controller/ResourcesController.php
Normal file
@ -0,0 +1,282 @@
|
||||
<?php
|
||||
/**
|
||||
* 商业使用授权协议
|
||||
*
|
||||
* Copyright (c) 2025 [云泽网]. 保留所有权利.
|
||||
*
|
||||
* 本软件仅供评估使用。任何商业用途必须获得书面授权许可。
|
||||
* 未经授权商业使用本软件属于侵权行为，将承担法律责任。
|
||||
*
|
||||
* 授权购买请联系: 357099073@qq.com
|
||||
* 官方网站: https://www.yunzer.cn
|
||||
*
|
||||
* 评估用户须知:
|
||||
* 1. 禁止移除版权声明
|
||||
* 2. 禁止用于生产环境
|
||||
* 3. 禁止转售或分发
|
||||
*/
|
||||
|
||||
/**
|
||||
* 游戏下载控制器
|
||||
*/
|
||||
namespace app\index\controller;
|
||||
use app\index\controller\BaseController;
|
||||
use think\facade\Db;
|
||||
use think\facade\View;
|
||||
use think\facade\Request;
|
||||
use app\index\model\Resources\Resources;
|
||||
use app\index\model\Resources\ResourcesCategory;
|
||||
use app\index\model\Attachments;
|
||||
|
||||
class ResourcesController extends BaseController
|
||||
{
|
||||
//资源中心
|
||||
public function index()
|
||||
{
|
||||
// 获取所有顶级分类
|
||||
$parentCategories = ResourcesCategory::where('cid', 0)
|
||||
->where('status', 1)
|
||||
->order('sort', 'asc')
|
||||
->select();
|
||||
|
||||
// 获取每个顶级分类下的子分类
|
||||
$categories = [];
|
||||
foreach ($parentCategories as $parent) {
|
||||
$subCategories = ResourcesCategory::where('cid', $parent->id)
|
||||
->where('status', 1)
|
||||
->order('sort', 'asc')
|
||||
->select();
|
||||
|
||||
// 获取每个子分类下的资源数量
|
||||
foreach ($subCategories as &$subCategory) {
|
||||
$subCategory['resource_count'] = Resources::where('cate', $subCategory->id)
|
||||
->where('status', 1)
|
||||
->count();
|
||||
}
|
||||
|
||||
$categories[] = [
|
||||
'parent' => $parent,
|
||||
'subCategories' => $subCategories
|
||||
];
|
||||
}
|
||||
|
||||
// 将数据传递给视图
|
||||
View::assign('categories', $categories);
|
||||
|
||||
return View::fetch();
|
||||
}
|
||||
|
||||
// 游戏列表页
|
||||
public function list()
|
||||
{
|
||||
$cid = input('cid/d', 0);
|
||||
$page = input('page/d', 1);
|
||||
|
||||
// 获取分类信息
|
||||
$category = ResourcesCategory::where('id', $cid)
|
||||
->where('status', 1)
|
||||
->find();
|
||||
|
||||
if (!$category) {
|
||||
$this->error('分类不存在');
|
||||
}
|
||||
|
||||
// 获取该分类下的资源，带分页
|
||||
$resources = Resources::where('cate', $cid)
|
||||
->where('status', 1)
|
||||
->order('sort', 'asc')
|
||||
->paginate([
|
||||
'list_rows' => 20,
|
||||
'page' => $page,
|
||||
'query' => Request::instance()->param()
|
||||
]);
|
||||
|
||||
// 将数据传递给视图
|
||||
View::assign('category', $category);
|
||||
View::assign('data', $resources);
|
||||
View::assign('page', $resources->render()); // 新增这一行
|
||||
|
||||
return View::fetch('list');
|
||||
}
|
||||
|
||||
// 游戏详情页
|
||||
public function detail()
|
||||
{
|
||||
$id = Request::param('id/d', 0);
|
||||
$game = Resources::where('id', $id)->find();
|
||||
|
||||
if (!$game) {
|
||||
return json(['code' => 0, 'msg' => '游戏不存在或已被删除']);
|
||||
}
|
||||
|
||||
// 如果size没有，从附件表中获取
|
||||
if (empty($game['size']) && !empty($game['fileurl'])) {
|
||||
$attachment = Attachments::where('src', $game['fileurl'])
|
||||
->find();
|
||||
|
||||
if ($attachment && !empty($attachment['size'])) {
|
||||
$size = $attachment['size'];
|
||||
// 转换文件大小为合适的单位
|
||||
if ($size >= 1073741824) { // 1GB = 1024MB = 1024*1024KB = 1024*1024*1024B
|
||||
$game['size'] = round($size / 1073741824, 2) . 'GB';
|
||||
} elseif ($size >= 1048576) { // 1MB = 1024KB = 1024*1024B
|
||||
$game['size'] = round($size / 1048576, 2) . 'MB';
|
||||
} else {
|
||||
$game['size'] = round($size / 1024, 2) . 'KB';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 获取分类名称
|
||||
$cateName = ResourcesCategory::where('id', $game['cate'])
|
||||
->value('name');
|
||||
|
||||
// 获取上一个和下一个游戏
|
||||
$prevGame = Resources::where('id', '<', $id)
|
||||
->where('delete_time', null)
|
||||
->where('status', 1)
|
||||
->where('cate', $game['cate'])
|
||||
->field(['id', 'title'])
|
||||
->order('id DESC')
|
||||
->find();
|
||||
|
||||
$nextGame = Resources::where('id', '>', $id)
|
||||
->where('delete_time', null)
|
||||
->where('status', 1)
|
||||
->where('cate', $game['cate'])
|
||||
->field(['id', 'title'])
|
||||
->order('id ASC')
|
||||
->find();
|
||||
|
||||
// 获取相关游戏（同分类的其他游戏）
|
||||
$relatedGames = Db::table('yz_resources')
|
||||
->alias('g')
|
||||
->join('yz_resources_category c', 'g.cate = c.id')
|
||||
->where('g.cate', $game['cate'])
|
||||
->where('g.id', '<>', $id)
|
||||
->where('g.delete_time', null)
|
||||
->where('g.status', 1)
|
||||
->field([
|
||||
'g.id',
|
||||
'g.title',
|
||||
'IF(g.icon IS NULL OR g.icon = "", c.icon, g.icon) as icon'
|
||||
])
|
||||
->order('g.id DESC')
|
||||
->limit(3)
|
||||
->select()
|
||||
->toArray();
|
||||
|
||||
// 如果是 AJAX 请求，返回 JSON 数据
|
||||
if (Request::isAjax()) {
|
||||
return json([
|
||||
'code' => 1,
|
||||
'msg' => '获取成功',
|
||||
'data' => [
|
||||
'game' => $game,
|
||||
'cateName' => $cateName,
|
||||
'prevGame' => $prevGame,
|
||||
'nextGame' => $nextGame,
|
||||
'relatedGames' => $relatedGames
|
||||
]
|
||||
]);
|
||||
}
|
||||
|
||||
// 非 AJAX 请求返回视图
|
||||
View::assign([
|
||||
'game' => $game,
|
||||
'cateName' => $cateName,
|
||||
'prevGame' => $prevGame,
|
||||
'nextGame' => $nextGame,
|
||||
'relatedGames' => $relatedGames
|
||||
]);
|
||||
|
||||
return View::fetch('detail');
|
||||
}
|
||||
|
||||
// 游戏下载
|
||||
public function downloadurl()
|
||||
{
|
||||
if (!Request::isAjax()) {
|
||||
return json(['code' => 0, 'msg' => '非法请求']);
|
||||
}
|
||||
|
||||
$id = Request::param('id/d', 0);
|
||||
|
||||
// 获取游戏信息
|
||||
$game = Resources::where('id', $id)
|
||||
->where('delete_time', null)
|
||||
->find();
|
||||
|
||||
if (!$game) {
|
||||
return json(['code' => 0, 'msg' => '游戏不存在']);
|
||||
}
|
||||
|
||||
// 更新下载次数
|
||||
$result = Resources::where('id', $id)
|
||||
->where('delete_time', null)
|
||||
->inc('downloads', 1)
|
||||
->update();
|
||||
|
||||
if ($result) {
|
||||
return json([
|
||||
'code' => 1,
|
||||
'msg' => '下载成功',
|
||||
'data' => [
|
||||
'url' => $game['url']
|
||||
]
|
||||
]);
|
||||
} else {
|
||||
return json(['code' => 0, 'msg' => '下载失败']);
|
||||
}
|
||||
}
|
||||
|
||||
// 获取访问统计
|
||||
public function viewStats()
|
||||
{
|
||||
$id = Request::param('id/d', 0);
|
||||
|
||||
// 获取总访问量
|
||||
$totalViews = Resources::where('id', $id)
|
||||
->value('views');
|
||||
|
||||
return json([
|
||||
'code' => 1,
|
||||
'data' => [
|
||||
'total' => $totalViews
|
||||
]
|
||||
]);
|
||||
}
|
||||
|
||||
/**
|
||||
* 更新游戏访问次数
|
||||
*/
|
||||
public function updateViews()
|
||||
{
|
||||
if (!Request::isPost()) {
|
||||
return json(['code' => 0, 'msg' => '非法请求']);
|
||||
}
|
||||
|
||||
$id = Request::post('id');
|
||||
if (!$id) {
|
||||
return json(['code' => 0, 'msg' => '参数错误']);
|
||||
}
|
||||
|
||||
try {
|
||||
// 更新访问次数
|
||||
$game = Resources::where('id', $id)->find();
|
||||
if (!$game) {
|
||||
return json(['code' => 0, 'msg' => '游戏不存在']);
|
||||
}
|
||||
|
||||
// 更新访问次数
|
||||
Resources::where('id', $id)->inc('views')->update();
|
||||
|
||||
// 获取更新后的访问次数
|
||||
$newViews = Resources::where('id', $id)->value('views');
|
||||
|
||||
return json(['code' => 1, 'msg' => '更新成功', 'data' => ['views' => $newViews]]);
|
||||
} catch (\Exception $e) {
|
||||
return json(['code' => 0, 'msg' => '更新失败：' . $e->getMessage()]);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -14,7 +14,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="more-btn" onclick="window.open('/index/articles/index?cateid=1', '_blank')">更多</div>
|
||||
<div class="more-btn" onclick="window.open('/index/articles/index?cateid=3', '_blank')">更多</div>
|
||||
</div>
|
||||
<div class="product-list" id="webArticlesList">
|
||||
<!-- 文章将通过JavaScript动态加载 -->
|
||||
@ -56,7 +56,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="more-btn" onclick="window.open('/index/program/index?cateid=2', '_blank')">更多</div>
|
||||
<div class="more-btn" onclick="window.open('/index/resources/index?cateid=2', '_blank')">更多</div>
|
||||
</div>
|
||||
<div class="product-list" id="resourcesDownloadList">
|
||||
<!-- 文章将通过JavaScript动态加载 -->
|
||||
@ -77,7 +77,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="more-btn" onclick="window.open('/index/program/index?cateid=1', '_blank')">更多</div>
|
||||
<div class="more-btn" onclick="window.open('/index/resources/index?cateid=1', '_blank')">更多</div>
|
||||
</div>
|
||||
<div class="product-list" id="programDownloadList">
|
||||
<!-- 程序将通过JavaScript动态加载 -->
|
||||
@ -98,7 +98,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="more-btn" onclick="window.open('/index/game/index?cateid=8', '_blank')">更多</div>
|
||||
<div class="more-btn" onclick="window.open('/index/resources/index?cateid=8', '_blank')">更多</div>
|
||||
</div>
|
||||
<div class="product-list" id="gameDownloadList">
|
||||
<!-- 游戏将通过JavaScript动态加载 -->
|
||||
|
||||
@ -44,11 +44,17 @@
|
||||
<div class="game-info">
|
||||
<div class="title">Free</div>
|
||||
<div class="infos">
|
||||
<div class="infoitem"><span>更新时间：</span><?php echo date('Y-m-d', $game['create_time']); ?></div>
|
||||
<div class="infoitem"><span>所属分类：</span><?php echo $cateName; ?></div>
|
||||
<div class="infoitem"><span>程序编号：</span><?php echo $game['number']; ?></div>
|
||||
<div class="infoitem"><span>查看：</span><?php echo $game['views']; ?></div>
|
||||
<div class="infoitem"><span>下载：</span><?php echo $game['downloads']; ?></div>
|
||||
<div class="infoitem"><span>更新时间：</span><span
|
||||
class="infoitem-value"><?php echo date('Y-m-d', $game['create_time']); ?></span>
|
||||
</div>
|
||||
<div class="infoitem"><span>所属分类：</span><span
|
||||
class="infoitem-value"><?php echo $cateName; ?></span></div>
|
||||
<div class="infoitem"><span>程序编号：</span><span
|
||||
class="infoitem-value"><?php echo $game['number']; ?></span></div>
|
||||
<div class="infoitem"><span>查看：</span><span
|
||||
class="infoitem-value"><?php echo $game['views']; ?></span></div>
|
||||
<div class="infoitem"><span>下载：</span><span
|
||||
class="infoitem-value"><?php echo $game['downloads']; ?></span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -143,7 +149,7 @@
|
||||
|
||||
<script>
|
||||
// 页面加载完成后执行
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
// 获取游戏ID
|
||||
const gameId = new URLSearchParams(window.location.search).get('id');
|
||||
if (!gameId) {
|
||||
@ -153,10 +159,10 @@
|
||||
|
||||
// 获取游戏详情
|
||||
fetch('/index/game/detail?id=' + gameId, {
|
||||
headers: {
|
||||
'X-Requested-With': 'XMLHttpRequest'
|
||||
}
|
||||
})
|
||||
headers: {
|
||||
'X-Requested-With': 'XMLHttpRequest'
|
||||
}
|
||||
})
|
||||
.then(response => response.json())
|
||||
.then(result => {
|
||||
if (result.code === 1) {
|
||||
@ -195,13 +201,13 @@
|
||||
// 下载功能
|
||||
const downloadBtn = document.getElementById('downloadBtn');
|
||||
if (downloadBtn) {
|
||||
downloadBtn.addEventListener('click', function() {
|
||||
downloadBtn.addEventListener('click', function () {
|
||||
fetch('/index/game/downloadurl?id=' + gameId, {
|
||||
method: 'GET',
|
||||
headers: {
|
||||
'X-Requested-With': 'XMLHttpRequest'
|
||||
}
|
||||
})
|
||||
method: 'GET',
|
||||
headers: {
|
||||
'X-Requested-With': 'XMLHttpRequest'
|
||||
}
|
||||
})
|
||||
.then(response => {
|
||||
if (!response.ok) {
|
||||
throw new Error('网络响应失败');
|
||||
@ -236,7 +242,7 @@
|
||||
//复制分享码
|
||||
const codeBtn = document.getElementById('codeBtn');
|
||||
if (codeBtn) {
|
||||
codeBtn.addEventListener('click', function() {
|
||||
codeBtn.addEventListener('click', function () {
|
||||
const code = '<?php echo $game['code']; ?>';
|
||||
if (code) {
|
||||
// 创建一个临时输入框
|
||||
@ -266,7 +272,7 @@
|
||||
const goToTop = document.getElementById('goToTop');
|
||||
|
||||
// 监听滚动事件
|
||||
window.addEventListener('scroll', function() {
|
||||
window.addEventListener('scroll', function () {
|
||||
if (window.pageYOffset > 300) {
|
||||
goToTop.classList.add('show');
|
||||
} else {
|
||||
@ -275,7 +281,7 @@
|
||||
});
|
||||
|
||||
// 点击返回顶部
|
||||
goToTop.addEventListener('click', function() {
|
||||
goToTop.addEventListener('click', function () {
|
||||
window.scrollTo({
|
||||
top: 0,
|
||||
behavior: 'smooth'
|
||||
@ -286,13 +292,13 @@
|
||||
// 更新游戏访问次数
|
||||
function updateGameViews(gameId) {
|
||||
fetch('/index/game/updateViews', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/x-www-form-urlencoded',
|
||||
'X-Requested-With': 'XMLHttpRequest'
|
||||
},
|
||||
body: 'id=' + gameId
|
||||
})
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/x-www-form-urlencoded',
|
||||
'X-Requested-With': 'XMLHttpRequest'
|
||||
},
|
||||
body: 'id=' + gameId
|
||||
})
|
||||
.then(response => response.json())
|
||||
.then(result => {
|
||||
if (result.code === 1) {
|
||||
@ -705,6 +711,14 @@
|
||||
.disclaimer-content p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.infoitem-value {
|
||||
border: 1px #0d6efd dashed;
|
||||
padding: 3px 6px;
|
||||
font-size: 13px;
|
||||
background-color: #0081ff12;
|
||||
border-radius: 5px;
|
||||
}
|
||||
</style>
|
||||
|
||||
{include file="component/foot" /}
|
||||
@ -1045,7 +1045,7 @@
|
||||
}
|
||||
|
||||
.lb-data .lb-caption {
|
||||
font-size: 14px;
|
||||
font-size: 1.3rem;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
|
||||
759
app/index/view/resources/detail.php
Normal file
759
app/index/view/resources/detail.php
Normal file
@ -0,0 +1,759 @@
|
||||
{include file="component/head" /}
|
||||
{include file="component/header-simple" /}
|
||||
<div class="main">
|
||||
<div class="main-top">
|
||||
<div class="main-top-main">
|
||||
<div class="main-title">
|
||||
<?php echo $game['title']; ?>
|
||||
</div>
|
||||
<div class="location">
|
||||
<div class="container">
|
||||
<div class="location-item">
|
||||
<a href="/">首页</a>
|
||||
<span>></span>
|
||||
<a href="/index/game/list" id="cateLink"><?php echo $cateName; ?></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="detail-main">
|
||||
<div class="detail-top">
|
||||
<div class="detail-top-left">
|
||||
<div class="detail-top-card">
|
||||
<div class="detail-top-card-left">
|
||||
<div class="article-cover">
|
||||
<img src="<?php echo $game['icon'] ?: '/static/images/default-game.png'; ?>">
|
||||
<!-- <img src="https://www.yunzer.cn/storage/uploads/20250523/b75a51fa606fd3a18261a6ea283d35fe.jpg" alt=""> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="detail-top-card-right">
|
||||
<!-- <div class="detail-top-card-right-top">
|
||||
<div class="collect-btn">
|
||||
<button class="btn btn-primary" id="collectBtn"
|
||||
data-game-id="<?php echo $game['id']; ?>">
|
||||
<i class="fa-solid fa-heart"></i> 收藏
|
||||
</button>
|
||||
</div>
|
||||
<div class="report-btn">
|
||||
<button class="btn btn-primary" id="reportBtn" style="margin-left: 20px;">
|
||||
<i class="fa-solid fa-flag"></i> 举报
|
||||
</button>
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="detail-top-card-right-middle">
|
||||
<div class="game-info">
|
||||
<div class="title">Free</div>
|
||||
<div class="infos">
|
||||
<div style="display: flex;">
|
||||
<div class="infoitem">
|
||||
<span>程序编号：</span>
|
||||
<span class="infoitem-value"><?php echo $game['number']; ?></span>
|
||||
</div>
|
||||
<div class="infoitem">
|
||||
<span>所属分类：</span>
|
||||
<span class="infoitem-value"><?php echo $cateName; ?></span>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display: flex;">
|
||||
<div class="infoitem">
|
||||
<span>更新时间：</span>
|
||||
<span
|
||||
class="infoitem-value"><?php echo date('Y-m-d', $game['create_time']); ?></span>
|
||||
</div>
|
||||
<div class="infoitem">
|
||||
<span>查看：</span>
|
||||
<span class="infoitem-value"><?php echo $game['views']; ?></span>
|
||||
<span>次</span>
|
||||
</div>
|
||||
<div class="infoitem">
|
||||
<span>下载：</span>
|
||||
<span class="infoitem-value"><?php echo $game['downloads']; ?></span>
|
||||
<span>次</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="detail-top-card-right-bottom">
|
||||
<div class="game-actions1">
|
||||
<div style="display: flex;gap: 30px;}">
|
||||
<button id="downloadBtn" class="btn btn-primary">
|
||||
<i class="fa-solid fa-download"></i> 立即下载
|
||||
</button>
|
||||
<button id="codeBtn" class="codebtn">
|
||||
<i class="fa-solid fa-download"></i> 分享码：<?php echo $game['code']; ?>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="detail-top-right">
|
||||
这里放个人信息
|
||||
</div>
|
||||
</div>
|
||||
<div class="detail-middle">
|
||||
<div class="detial-middle-left">
|
||||
<div class="game-detail">
|
||||
<div class="game-info">
|
||||
<div class="game-content">
|
||||
<div class="game-desc">
|
||||
<?php echo $game['content']; ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="game-actions">
|
||||
<div style="display: flex;gap: 30px;}">
|
||||
<button id="downloadBtn" class="btn btn-primary">
|
||||
<i class="fa-solid fa-download"></i> 立即下载
|
||||
</button>
|
||||
<button id="codeBtn" class="codebtn">
|
||||
<i class="fa-solid fa-download"></i> 分享码：<?php echo $game['code']; ?>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="disclaimers">
|
||||
<div class="disclaimer-item">
|
||||
<div class="disclaimer-title">免责声明:</div>
|
||||
<div class="disclaimer-content">
|
||||
<?php echo $config['disclaimers'] ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="game-navigation">
|
||||
<div class="prev-game" id="prevGame">
|
||||
</div>
|
||||
<div class="next-game" id="nextGame">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 相关游戏 -->
|
||||
<?php if (!empty($relatedGames)): ?>
|
||||
<div class="related-games">
|
||||
<h3>相关游戏</h3>
|
||||
<div class="game-list">
|
||||
<?php foreach ($relatedGames as $related): ?>
|
||||
<div class="game-item"
|
||||
onclick="window.location.href='/index/game/detail?id=<?php echo $related['id']; ?>'">
|
||||
<div class="game-cover">
|
||||
<img src="<?php echo $related['icon'] ?: '/static/images/default-game.png'; ?>"
|
||||
alt="<?php echo $related['title']; ?>">
|
||||
</div>
|
||||
<div class="game-info">
|
||||
<h4 class="game-title-1"><?php echo $related['title']; ?></h4>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="detial-middle-right">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- 返回顶部按钮 -->
|
||||
<div class="go-to-top" id="goToTop">
|
||||
<i class="layui-icon layui-icon-top"></i>
|
||||
</div>
|
||||
|
||||
{include file="component/footer" /}
|
||||
|
||||
<script>
|
||||
// 页面加载完成后执行
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
// 获取游戏ID
|
||||
const gameId = new URLSearchParams(window.location.search).get('id');
|
||||
if (!gameId) {
|
||||
alert('游戏ID不存在');
|
||||
return;
|
||||
}
|
||||
|
||||
// 获取游戏详情
|
||||
fetch('/index/game/detail?id=' + gameId, {
|
||||
headers: {
|
||||
'X-Requested-With': 'XMLHttpRequest'
|
||||
}
|
||||
})
|
||||
.then(response => response.json())
|
||||
.then(result => {
|
||||
if (result.code === 1) {
|
||||
// 渲染上一篇
|
||||
const prevGame = document.getElementById('prevGame');
|
||||
if (result.data.prevGame) {
|
||||
prevGame.innerHTML = `
|
||||
<a href="/index/game/detail?id=${result.data.prevGame.id}">
|
||||
<i class="fa fa-arrow-left"></i> 上一篇：${result.data.prevGame.title}
|
||||
</a>
|
||||
`;
|
||||
} else {
|
||||
prevGame.innerHTML = '<span class="disabled"><i class="fa fa-arrow-left"></i> 没有上一篇了</span>';
|
||||
}
|
||||
|
||||
// 渲染下一篇
|
||||
const nextGame = document.getElementById('nextGame');
|
||||
if (result.data.nextGame) {
|
||||
nextGame.innerHTML = `
|
||||
<a href="/index/game/detail?id=${result.data.nextGame.id}">
|
||||
下一篇：${result.data.nextGame.title} <i class="fa fa-arrow-right"></i>
|
||||
</a>
|
||||
`;
|
||||
} else {
|
||||
nextGame.innerHTML = '<span class="disabled">没有下一篇了 <i class="fa fa-arrow-right"></i></span>';
|
||||
}
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('获取游戏详情失败:', error);
|
||||
});
|
||||
|
||||
// 更新访问次数
|
||||
updateGameViews(gameId);
|
||||
|
||||
// 下载功能
|
||||
const downloadBtn = document.getElementById('downloadBtn');
|
||||
if (downloadBtn) {
|
||||
downloadBtn.addEventListener('click', function () {
|
||||
fetch('/index/game/downloadurl?id=' + gameId, {
|
||||
method: 'GET',
|
||||
headers: {
|
||||
'X-Requested-With': 'XMLHttpRequest'
|
||||
}
|
||||
})
|
||||
.then(response => {
|
||||
if (!response.ok) {
|
||||
throw new Error('网络响应失败');
|
||||
}
|
||||
return response.json();
|
||||
})
|
||||
.then(data => {
|
||||
if (data.code === 1) {
|
||||
const downloadsElement = document.getElementById('gameDownloads');
|
||||
if (downloadsElement) {
|
||||
let downloads = parseInt(downloadsElement.textContent);
|
||||
downloadsElement.textContent = downloads + 1;
|
||||
}
|
||||
|
||||
// 直接使用返回的URL
|
||||
if (data.data && data.data.url) {
|
||||
window.open(data.data.url, '_blank');
|
||||
} else {
|
||||
alert('下载地址不存在');
|
||||
}
|
||||
} else {
|
||||
alert('下载失败：' + data.msg);
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('下载请求失败:', error);
|
||||
alert('下载请求失败，请稍后重试');
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
//复制分享码
|
||||
const codeBtn = document.getElementById('codeBtn');
|
||||
if (codeBtn) {
|
||||
codeBtn.addEventListener('click', function () {
|
||||
const code = '<?php echo $game['code']; ?>';
|
||||
if (code) {
|
||||
// 创建一个临时输入框
|
||||
const tempInput = document.createElement('input');
|
||||
tempInput.value = code;
|
||||
document.body.appendChild(tempInput);
|
||||
tempInput.select();
|
||||
|
||||
try {
|
||||
// 尝试使用传统的复制方法
|
||||
document.execCommand('copy');
|
||||
layer.msg('分享码已复制到剪贴板');
|
||||
} catch (err) {
|
||||
console.error('复制失败:', err);
|
||||
layer.msg('复制失败，请手动复制');
|
||||
} finally {
|
||||
// 移除临时输入框
|
||||
document.body.removeChild(tempInput);
|
||||
}
|
||||
} else {
|
||||
layer.msg('分享码不存在');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// 返回顶部功能
|
||||
const goToTop = document.getElementById('goToTop');
|
||||
|
||||
// 监听滚动事件
|
||||
window.addEventListener('scroll', function () {
|
||||
if (window.pageYOffset > 300) {
|
||||
goToTop.classList.add('show');
|
||||
} else {
|
||||
goToTop.classList.remove('show');
|
||||
}
|
||||
});
|
||||
|
||||
// 点击返回顶部
|
||||
goToTop.addEventListener('click', function () {
|
||||
window.scrollTo({
|
||||
top: 0,
|
||||
behavior: 'smooth'
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
// 更新游戏访问次数
|
||||
function updateGameViews(gameId) {
|
||||
fetch('/index/game/updateViews', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/x-www-form-urlencoded',
|
||||
'X-Requested-With': 'XMLHttpRequest'
|
||||
},
|
||||
body: 'id=' + gameId
|
||||
})
|
||||
.then(response => response.json())
|
||||
.then(result => {
|
||||
if (result.code === 1) {
|
||||
const viewsElement = document.querySelector('.game-views');
|
||||
if (viewsElement) {
|
||||
viewsElement.innerHTML = `<i class="fa-solid fa-eye"></i> ${result.data.views}`;
|
||||
}
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('更新访问次数失败:', error);
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.main-top {
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
background-color: #0081ff;
|
||||
/* background: url('/static/images/top-bg.jpg') no-repeat center center; */
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.main-top-card {
|
||||
max-width: 1400px;
|
||||
margin: 0 auto;
|
||||
margin-top: 30px;
|
||||
border-radius: 8px;
|
||||
background-color: #fff;
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.main-top-main {
|
||||
max-width: 1400px;
|
||||
margin: 0 auto;
|
||||
padding-top: 50px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.main-top-main .main-title {
|
||||
font-size: 30px;
|
||||
font-weight: 700;
|
||||
max-width: 1000px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.detail-top {
|
||||
max-width: 1400px;
|
||||
/* height: 300px; */
|
||||
margin: 30px auto;
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.detail-top-left {
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
.detail-top-right {
|
||||
width: 30%;
|
||||
border-left: 1px solid #eee ;
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
.detail-top-card {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
|
||||
.detail-top-card img {
|
||||
width: 350px;
|
||||
height: 260px;
|
||||
border-radius: 8px;
|
||||
object-fit: cover;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.detail-top-card-right {
|
||||
/* height: 230px; */
|
||||
display: flex;
|
||||
width: 100%;
|
||||
margin-left: 20px;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.detail-top-card-right-top {
|
||||
display: flex;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.detail-top-card-right-middle {}
|
||||
|
||||
.detail-top-card-right-middle .game-info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.detail-top-card-right-middle .game-info .title {
|
||||
font-size: 30px;
|
||||
font-weight: 700;
|
||||
color: #42d697;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.detail-top-card-right-middle .game-info .infos {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.detail-top-card-right-middle .game-info .infos .infoitem {
|
||||
margin-right: 40px;
|
||||
}
|
||||
|
||||
.detail-top-card-right-middle .game-info .infos .infoitem span {
|
||||
color: #7d879c;
|
||||
}
|
||||
|
||||
.detail-middle {
|
||||
max-width: 1400px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.detail-main {
|
||||
position: relative;
|
||||
top: -200px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.location {
|
||||
color: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.location a {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.game-detail {
|
||||
padding: 50px;
|
||||
background: #fff;
|
||||
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.game-header {
|
||||
margin-bottom: 30px;
|
||||
border-bottom: 1px solid #eee;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.game-title {
|
||||
font-size: 30px;
|
||||
font-weight: 700;
|
||||
color: #333;
|
||||
margin-bottom: 15px;
|
||||
line-height: 1.4;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.game-title-1 {
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
color: #333;
|
||||
margin-bottom: 15px;
|
||||
line-height: 1.4;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.game-meta {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 20px;
|
||||
color: #666;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.game-meta span {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.game-meta i {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.game-content {
|
||||
line-height: 1.8;
|
||||
color: #333;
|
||||
font-size: 16px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.game-cover {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.game-cover img {
|
||||
width: 100%;
|
||||
height: 300px;
|
||||
object-fit: cover;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.game-desc {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.game-actions {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 40px;
|
||||
margin: 30px 0;
|
||||
padding: 20px 0;
|
||||
border-top: 1px solid #eee;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.game-actions1 {
|
||||
display: flex;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.game-navigation {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 30px 0;
|
||||
}
|
||||
|
||||
.prev-game,
|
||||
.next-game {
|
||||
max-width: 45%;
|
||||
}
|
||||
|
||||
.prev-game a,
|
||||
.next-game a {
|
||||
color: #333 !important;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.prev-game a:hover,
|
||||
.next-game a:hover {
|
||||
color: #f57005 !important;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.btn {
|
||||
/* background: #f57005; */
|
||||
color: #fff;
|
||||
padding: 5px 15px;
|
||||
border-radius: 8px;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.btn:hover {
|
||||
/* background: #e66600; */
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
.codebtn {
|
||||
color: #0d6efd;
|
||||
padding: 15px 30px;
|
||||
border-radius: 8px;
|
||||
border: 1px solid #0d6efd;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.codebtn:hover {
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
.related-games {
|
||||
margin: 40px 0;
|
||||
}
|
||||
|
||||
.related-games h3 {
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 20px;
|
||||
padding-bottom: 10px;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.related-title {
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 20px;
|
||||
padding-bottom: 10px;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.game-list {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.game-item {
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
||||
transition: transform 0.3s;
|
||||
}
|
||||
|
||||
.game-item:hover {
|
||||
transform: translateY(-5px);
|
||||
}
|
||||
|
||||
.game-item a {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.game-cover img {
|
||||
width: 100%;
|
||||
height: 150px;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.game-info {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.go-to-top {
|
||||
position: fixed;
|
||||
right: 30px;
|
||||
bottom: 30px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
background: #f57005;
|
||||
color: #fff;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transition: all 0.3s ease;
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.go-to-top.show {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.go-to-top:hover {
|
||||
background: #e66600;
|
||||
transform: translateY(-3px);
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.game-title {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.game-list {
|
||||
grid-template-columns: repeat(1, 1fr);
|
||||
}
|
||||
|
||||
.game-meta {
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.go-to-top {
|
||||
right: 20px;
|
||||
bottom: 20px;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
}
|
||||
}
|
||||
|
||||
.disclaimers {
|
||||
color: #b1b1b1;
|
||||
width: 80%;
|
||||
margin: 20px auto;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
.disclaimer-title {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.disclaimer-content {
|
||||
font-size: 14px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.disclaimer-content p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.infoitem-value {
|
||||
border: 1px #0d6efd dashed;
|
||||
padding: 3px 6px;
|
||||
font-size: 13px;
|
||||
background-color: #0081ff12;
|
||||
border-radius: 5px;
|
||||
}
|
||||
</style>
|
||||
|
||||
{include file="component/foot" /}
|
||||
357
app/index/view/resources/index.php
Normal file
357
app/index/view/resources/index.php
Normal file
@ -0,0 +1,357 @@
|
||||
{include file="component/head" /}
|
||||
{include file="component/header-simple" /}
|
||||
|
||||
<!-- 简约现代资源中心 -->
|
||||
<div class="modern-resources-page">
|
||||
<!-- 简约标题区 -->
|
||||
<div class="modern-header">
|
||||
<div class="container">
|
||||
<h1 class="modern-title">资源中心</h1>
|
||||
<p class="modern-subtitle">网络天下资源，一站式搜索</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 主要内容区 -->
|
||||
<div class="container">
|
||||
{volist name="categories" id="category"}
|
||||
<div class="category-section">
|
||||
<div class="category-header">
|
||||
<div class="category-info">
|
||||
<h2 class="category-title">{$category.parent.name}</h2>
|
||||
</div>
|
||||
<div class="category-count">
|
||||
<span class="count-badge">{$category.subCategories|count} 个分类</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="resource-grid">
|
||||
{volist name="category.subCategories" id="subCategory"}
|
||||
<a href="/index/resources/list?cid={$subCategory.id}" class="resource-card">
|
||||
<div class="card-image">
|
||||
<img src="{$subCategory.icon|default='/static/images/default-resource.jpg'}" alt="{$subCategory.name}">
|
||||
<div class="image-overlay"></div>
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<div class="meta-info">
|
||||
</div>
|
||||
<h3 class="resource-title">{$subCategory.name}</h3>
|
||||
<div class="card-footer">
|
||||
<div class="resource-stats">
|
||||
<span class="stat-item">
|
||||
<i class="layui-icon layui-icon-template-1"></i>
|
||||
<span>{$subCategory.resource_count} 个资源</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="view-more">
|
||||
<span>查看资源</span>
|
||||
<i class="layui-icon layui-icon-right"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
{/volist}
|
||||
</div>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
/* 基础样式重置 */
|
||||
.modern-resources-page {
|
||||
font-family: 'Helvetica Neue', Arial, 'PingFang SC', 'Microsoft YaHei', sans-serif;
|
||||
color: #333;
|
||||
line-height: 1.6;
|
||||
background-color: #f9fafc;
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
|
||||
/* 标题区样式 */
|
||||
.modern-header {
|
||||
background: linear-gradient(135deg, #1E9FFF 0%, #0d8aff 100%);
|
||||
color: white;
|
||||
padding: 150px 0;
|
||||
text-align: center;
|
||||
margin-bottom: 40px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.modern-header::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: url('/static/images/pattern.png') repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
opacity: 0.1;
|
||||
}
|
||||
|
||||
.modern-title {
|
||||
font-size: 2.5rem;
|
||||
font-weight: 300;
|
||||
margin-bottom: 15px;
|
||||
letter-spacing: 1px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.modern-subtitle {
|
||||
font-size: 1.1rem;
|
||||
font-weight: 300;
|
||||
opacity: 0.9;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* 分类区块样式 */
|
||||
.category-section {
|
||||
margin-bottom: 60px;
|
||||
background: white;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
.category-header {
|
||||
margin-bottom: 30px;
|
||||
padding-bottom: 20px;
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.category-info {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.category-title {
|
||||
font-size: 1.8rem;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
margin: 0 0 10px;
|
||||
}
|
||||
|
||||
.category-subtitle {
|
||||
font-size: 1rem;
|
||||
color: #666;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.category-count {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.count-badge {
|
||||
background: #f0f7ff;
|
||||
color: #1E9FFF;
|
||||
padding: 6px 12px;
|
||||
border-radius: 20px;
|
||||
font-size: 0.85rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/* 资源网格布局 */
|
||||
.resource-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
gap: 25px;
|
||||
}
|
||||
|
||||
/* 资源卡片样式 */
|
||||
.resource-card {
|
||||
background: white;
|
||||
border-radius: 12px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.03);
|
||||
transition: all 0.3s ease;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
border: 1px solid #f0f0f0;
|
||||
}
|
||||
|
||||
.resource-card:hover {
|
||||
transform: translateY(-5px);
|
||||
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
|
||||
border-color: #e6f7ff;
|
||||
}
|
||||
|
||||
.card-image {
|
||||
height: 180px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background-color: #f5f7fa;
|
||||
}
|
||||
|
||||
.card-image img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
transition: transform 0.5s ease;
|
||||
}
|
||||
|
||||
.image-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent);
|
||||
}
|
||||
|
||||
.status-badge {
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
right: 12px;
|
||||
padding: 4px 12px;
|
||||
border-radius: 20px;
|
||||
font-size: 0.75rem;
|
||||
font-weight: 500;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.status-badge.active {
|
||||
background: rgba(82, 196, 26, 0.9);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.status-badge.inactive {
|
||||
background: rgba(255, 77, 79, 0.9);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.resource-card:hover .card-image img {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
.card-content {
|
||||
padding: 20px;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.meta-info {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 12px;
|
||||
font-size: 0.85rem;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.resource-number {
|
||||
background: #f0f7ff;
|
||||
color: #1E9FFF;
|
||||
padding: 3px 10px;
|
||||
border-radius: 4px;
|
||||
font-size: 0.75rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.resource-title {
|
||||
font-size: 1.1rem;
|
||||
font-weight: 500;
|
||||
margin: 0 0 15px;
|
||||
color: #333;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.card-footer {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-top: auto;
|
||||
padding-top: 15px;
|
||||
border-top: 1px solid #f0f0f0;
|
||||
}
|
||||
|
||||
.resource-stats {
|
||||
font-size: 0.85rem;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.stat-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
}
|
||||
|
||||
.stat-item i {
|
||||
font-size: 1rem;
|
||||
color: #1E9FFF;
|
||||
}
|
||||
|
||||
.view-more {
|
||||
color: #1E9FFF;
|
||||
font-size: 0.9rem;
|
||||
font-weight: 500;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
}
|
||||
|
||||
.view-more i {
|
||||
font-size: 0.8rem;
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.resource-card:hover .view-more i {
|
||||
transform: translateX(3px);
|
||||
}
|
||||
|
||||
/* 响应式设计 */
|
||||
@media (max-width: 1200px) {
|
||||
.resource-grid {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 992px) {
|
||||
.resource-grid {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
|
||||
.category-section {
|
||||
padding: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
.resource-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.modern-title {
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
|
||||
.modern-subtitle {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.category-title {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.category-header {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.category-count {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
h2{
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
{include file="component/foot" /}
|
||||
306
app/index/view/resources/list.php
Normal file
306
app/index/view/resources/list.php
Normal file
@ -0,0 +1,306 @@
|
||||
{include file="component/head" /}
|
||||
{include file="component/header-simple" /}
|
||||
|
||||
<!-- 简约现代资源列表页 -->
|
||||
<div class="modern-resources-page">
|
||||
<!-- 简约标题区 -->
|
||||
<div class="modern-header">
|
||||
<div class="container">
|
||||
<h1 class="modern-title">{$category.name}</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 主要内容区 -->
|
||||
<div class="container">
|
||||
<div class="modern-layout">
|
||||
<!-- 资源列表网格 -->
|
||||
<div class="resource-grid" id="resourceList">
|
||||
{volist name="data" id="resource"}
|
||||
<div class="resource-card">
|
||||
<div class="card-image">
|
||||
<img src="{$resource.icon|default='/static/images/default-resource.jpg'}"
|
||||
alt="{$resource.title}">
|
||||
<div class="image-overlay"></div>
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<div class="meta-info">
|
||||
<span class="resource-number">{$resource.number}</span>
|
||||
<time class="create-date">{$resource.create_time|date="Y-m-d"}</time>
|
||||
</div>
|
||||
<h3 class="resource-title">{$resource.title}</h3>
|
||||
<div class="card-footer">
|
||||
<div class="resource-stats">
|
||||
<span class="stat-item">
|
||||
<i class="layui-icon layui-icon-template-1"></i>
|
||||
<span>资源详情</span>
|
||||
</span>
|
||||
</div>
|
||||
<a href="/index/resources/detail?id={$resource.id}" class="view-more">
|
||||
<span>查看详情</span>
|
||||
<i class="layui-icon layui-icon-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
|
||||
<!-- 分页 -->
|
||||
<div class="pagination-container">
|
||||
{$page|raw}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
/* 基础样式重置 */
|
||||
.modern-resources-page {
|
||||
font-family: 'Helvetica Neue', Arial, 'PingFang SC', 'Microsoft YaHei', sans-serif;
|
||||
color: #333;
|
||||
line-height: 1.6;
|
||||
background-color: #f9fafc;
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
|
||||
/* 标题区样式 */
|
||||
.modern-header {
|
||||
background: linear-gradient(135deg, #1E9FFF 0%, #0d8aff 100%);
|
||||
color: white;
|
||||
padding: 150px 0;
|
||||
text-align: center;
|
||||
margin-bottom: 40px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.modern-header::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: url('/static/images/pattern.png') repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
opacity: 0.1;
|
||||
}
|
||||
|
||||
.modern-title {
|
||||
font-size: 2.5rem;
|
||||
font-weight: 300;
|
||||
margin-bottom: 15px;
|
||||
letter-spacing: 1px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.modern-subtitle {
|
||||
font-size: 1.1rem;
|
||||
font-weight: 300;
|
||||
opacity: 0.9;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* 资源网格布局 */
|
||||
.resource-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
gap: 25px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
/* 资源卡片样式 */
|
||||
.resource-card {
|
||||
background: white;
|
||||
border-radius: 12px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.03);
|
||||
transition: all 0.3s ease;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border: 1px solid #f0f0f0;
|
||||
}
|
||||
|
||||
.resource-card:hover {
|
||||
transform: translateY(-5px);
|
||||
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
|
||||
border-color: #e6f7ff;
|
||||
}
|
||||
|
||||
.card-image {
|
||||
height: 180px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background-color: #f5f7fa;
|
||||
}
|
||||
|
||||
.card-image img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
transition: transform 0.5s ease;
|
||||
}
|
||||
|
||||
.image-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent);
|
||||
}
|
||||
|
||||
.resource-card:hover .card-image img {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
.card-content {
|
||||
padding: 20px;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.meta-info {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 12px;
|
||||
font-size: 0.85rem;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.resource-number {
|
||||
background: #f0f7ff;
|
||||
color: #1E9FFF;
|
||||
padding: 3px 10px;
|
||||
border-radius: 4px;
|
||||
font-size: 0.75rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.resource-title {
|
||||
font-size: 1.1rem;
|
||||
font-weight: 500;
|
||||
margin: 0 0 15px;
|
||||
color: #333;
|
||||
line-height: 1.4;
|
||||
border-top: 1px solid #f0f0f0;
|
||||
padding-top: 10px;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: normal;
|
||||
max-height: 3.2em;
|
||||
}
|
||||
|
||||
.card-footer {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-top: auto;
|
||||
padding-top: 15px;
|
||||
border-top: 1px solid #f0f0f0;
|
||||
}
|
||||
|
||||
.resource-stats {
|
||||
font-size: 0.85rem;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.stat-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
}
|
||||
|
||||
.stat-item i {
|
||||
font-size: 1rem;
|
||||
color: #1E9FFF;
|
||||
}
|
||||
|
||||
.view-more {
|
||||
color: #1E9FFF;
|
||||
font-size: 0.9rem;
|
||||
font-weight: 500;
|
||||
text-decoration: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
}
|
||||
|
||||
.view-more i {
|
||||
font-size: 0.8rem;
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.resource-card:hover .view-more i {
|
||||
transform: translateX(3px);
|
||||
}
|
||||
|
||||
/* 分页样式 */
|
||||
.pagination-container {
|
||||
text-align: center;
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.pagination-container .pagination {
|
||||
display: inline-flex;
|
||||
gap: 5px;
|
||||
}
|
||||
|
||||
.pagination-container .pagination a,
|
||||
.pagination-container .pagination span {
|
||||
padding: 8px 16px;
|
||||
border-radius: 4px;
|
||||
background: white;
|
||||
color: #666;
|
||||
text-decoration: none;
|
||||
transition: all 0.3s ease;
|
||||
border: 1px solid #f0f0f0;
|
||||
}
|
||||
|
||||
.pagination-container .pagination a:hover {
|
||||
background: #f0f7ff;
|
||||
color: #1E9FFF;
|
||||
border-color: #e6f7ff;
|
||||
}
|
||||
|
||||
.pagination-container .pagination .active {
|
||||
background: #1E9FFF;
|
||||
color: white;
|
||||
border-color: #1E9FFF;
|
||||
}
|
||||
|
||||
/* 响应式设计 */
|
||||
@media (max-width: 1200px) {
|
||||
.resource-grid {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 992px) {
|
||||
.resource-grid {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
.resource-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.modern-title {
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
|
||||
.modern-subtitle {
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
{include file="component/foot" /}
|
||||
@ -41,7 +41,8 @@ return [
|
||||
// 数据库类型
|
||||
'type' => env('database.type', 'mysql'),
|
||||
// 服务器地址
|
||||
'hostname' => env('database.hostname', '121.36.243.179'),
|
||||
// 'hostname' => env('database.hostname', '121.36.243.179'),
|
||||
'hostname' => env('database.hostname', '127.0.0.1'),
|
||||
// 数据库名
|
||||
'database' => env('database.database', 'yunzertest'),
|
||||
// 用户名
|
||||
|
||||
BIN
public/static/images/default-resource.jpg
Normal file
BIN
public/static/images/default-resource.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
BIN
public/static/images/pattern.png
Normal file
BIN
public/static/images/pattern.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1021 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,4 +1,4 @@
|
||||
<?php /*a:2:{s:62:"E:\Demos\DemoOwns\PHP\yunzer\app\admin\view\resources\edit.php";i:1749458351;s:61:"E:\Demos\DemoOwns\PHP\yunzer\app\admin\view\public\header.php";i:1746849526;}*/ ?>
|
||||
<?php /*a:2:{s:62:"E:\Demos\DemoOwns\PHP\yunzer\app\admin\view\resources\edit.php";i:1749890456;s:61:"E:\Demos\DemoOwns\PHP\yunzer\app\admin\view\public\header.php";i:1746849526;}*/ ?>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
@ -106,170 +106,191 @@
|
||||
</div>
|
||||
<form class="layui-form" action="" method="post">
|
||||
<input type="hidden" name="id" value="<?php echo htmlentities((string) (isset($resource['id']) && ($resource['id'] !== '')?$resource['id']:'')); ?>">
|
||||
<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="<?php echo htmlentities((string) (isset($resource['title']) && ($resource['title'] !== '')?$resource['title']:'')); ?>" 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="<?php echo htmlentities((string) (isset($resource['number']) && ($resource['number'] !== '')?$resource['number']:'')); ?>" 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"><?php echo htmlentities((string) (isset($resource['desc']) && ($resource['desc'] !== '')?$resource['desc']:'')); ?></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="<?php echo htmlentities((string) (isset($resource['uploader']) && ($resource['uploader'] !== '')?$resource['uploader']:'')); ?>" 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="<?php echo htmlentities((string) (isset($resource['fileurl']) && ($resource['fileurl'] !== '')?$resource['fileurl']:'')); ?>" 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="<?php echo htmlentities((string) (isset($resource['title']) && ($resource['title'] !== '')?$resource['title']:'')); ?>"
|
||||
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="<?php echo htmlentities((string) (isset($resource['url']) && ($resource['url'] !== '')?$resource['url']:'')); ?>" 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="<?php echo htmlentities((string) (isset($resource['number']) && ($resource['number'] !== '')?$resource['number']:'')); ?>"
|
||||
lay-affix="clear" disabled>
|
||||
</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">
|
||||
<?php if(isset($resource['images']) && !empty($resource['images'])): if(is_array($resource['images']) || $resource['images'] instanceof \think\Collection || $resource['images'] instanceof \think\Paginator): if( count($resource['images'])==0 ) : echo "" ;else: foreach($resource['images'] as $key=>$image): ?>
|
||||
<div class="image-preview-item" data-src="<?php echo htmlentities((string) $image); ?>">
|
||||
<img src="<?php echo htmlentities((string) $image); ?>" alt="已上传图片">
|
||||
<div class="image-preview-overlay">
|
||||
<button type="button" class="btn btn-danger btn-sm delete-image">
|
||||
<i class="fas fa-trash"></i>
|
||||
</button>
|
||||
<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"><?php echo htmlentities((string) (isset($resource['desc']) && ($resource['desc'] !== '')?$resource['desc']:'')); ?></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="<?php echo htmlentities((string) (isset($resource['uploader']) && ($resource['uploader'] !== '')?$resource['uploader']:'')); ?>"
|
||||
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="<?php echo htmlentities((string) (isset($resource['sort']) && ($resource['sort'] !== '')?$resource['sort']:'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>
|
||||
<p class="image-filename"><?php echo htmlentities((string) basename($image)); ?></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>
|
||||
<?php endforeach; endif; else: echo "" ;endif; ?>
|
||||
<?php endif; ?>
|
||||
<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">
|
||||
<?php if(isset($resource['images']) && !empty($resource['images'])): if(strpos($resource['images'], ',') !== false): if(is_array(explode($resource['images'],',',true)) || explode($resource['images'],',',true) instanceof \think\Collection || explode($resource['images'],',',true) instanceof \think\Paginator): $i = 0; $__LIST__ = explode($resource['images'],',',true);if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$image): $mod = ($i % 2 );++$i;?>
|
||||
<div class="image-preview-item" data-src="<?php echo htmlentities((string) $image); ?>">
|
||||
<img src="<?php echo htmlentities((string) $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"><?php echo htmlentities((string) basename($image)); ?></p>
|
||||
</div>
|
||||
<?php endforeach; endif; else: echo "" ;endif; else: ?>
|
||||
<div class="image-preview-item" data-src="<?php echo htmlentities((string) $resource['images']); ?>">
|
||||
<img src="<?php echo htmlentities((string) $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"><?php echo htmlentities((string) basename($resource['images'])); ?></p>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
</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="<?php echo htmlentities((string) (isset($resource['images']) && ($resource['images'] !== '')?$resource['images']:'')); ?>">
|
||||
</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="<?php echo htmlentities((string) (isset($resource['fileurl']) && ($resource['fileurl'] !== '')?$resource['fileurl']:'')); ?>" 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="<?php echo htmlentities((string) (isset($resource['url']) && ($resource['url'] !== '')?$resource['url']:'')); ?>" 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="<?php echo htmlentities((string) (isset($resource['code']) && ($resource['code'] !== '')?$resource['code']:'')); ?>" 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="<?php echo htmlentities((string) (isset($resource['zipcode']) && ($resource['zipcode'] !== '')?$resource['zipcode']:'')); ?>" 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="<?php echo htmlentities((string) (isset($resource['images']) && ($resource['images'] !== '')?$resource['images']:'')); ?>">
|
||||
</div>
|
||||
</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="<?php echo htmlentities((string) (isset($resource['code']) && ($resource['code'] !== '')?$resource['code']:'')); ?>" 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="<?php echo htmlentities((string) (isset($resource['zipcode']) && ($resource['zipcode'] !== '')?$resource['zipcode']:'')); ?>" 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="<?php echo htmlentities((string) (isset($resource['sort']) && ($resource['sort'] !== '')?$resource['sort']:'0')); ?>" class="layui-input"
|
||||
placeholder="数字越大越靠前" lay-affix="clear">
|
||||
</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>
|
||||
|
||||
@ -796,6 +817,8 @@
|
||||
justify-content: center;
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s;
|
||||
z-index: 1;
|
||||
/* 添加 z-index */
|
||||
}
|
||||
|
||||
.image-preview-item:hover .image-preview-overlay {
|
||||
@ -854,4 +877,38 @@
|
||||
padding: 4px 8px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.delete-image {
|
||||
background: #dc3545;
|
||||
color: white;
|
||||
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: 14px;
|
||||
margin-right: 4px;
|
||||
/* 添加图标右边距 */
|
||||
}
|
||||
|
||||
.form-container {
|
||||
display: flex;
|
||||
|
||||
}
|
||||
|
||||
.container-left {
|
||||
width: 35%;
|
||||
}
|
||||
|
||||
.container-right {
|
||||
width: 65%;
|
||||
}
|
||||
</style>
|
||||
@ -1,4 +1,4 @@
|
||||
<?php /*a:5:{s:63:"E:\Demos\DemoOwns\PHP\yunzer\app\index\view\articles\detail.php";i:1748423296;s:62:"E:\Demos\DemoOwns\PHP\yunzer\app\index\view\component\head.php";i:1747617129;s:71:"E:\Demos\DemoOwns\PHP\yunzer\app\index\view\component\header-simple.php";i:1749181062;s:64:"E:\Demos\DemoOwns\PHP\yunzer\app\index\view\component\footer.php";i:1749170849;s:62:"E:\Demos\DemoOwns\PHP\yunzer\app\index\view\component\foot.php";i:1747616844;}*/ ?>
|
||||
<?php /*a:5:{s:63:"E:\Demos\DemoOwns\PHP\yunzer\app\index\view\articles\detail.php";i:1748423296;s:62:"E:\Demos\DemoOwns\PHP\yunzer\app\index\view\component\head.php";i:1747617129;s:71:"E:\Demos\DemoOwns\PHP\yunzer\app\index\view\component\header-simple.php";i:1749258723;s:64:"E:\Demos\DemoOwns\PHP\yunzer\app\index\view\component\footer.php";i:1749170849;s:62:"E:\Demos\DemoOwns\PHP\yunzer\app\index\view\component\foot.php";i:1747616844;}*/ ?>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
@ -19,6 +19,23 @@
|
||||
|
||||
<body>
|
||||
<?php
|
||||
/**
|
||||
* 商业使用授权协议
|
||||
*
|
||||
* Copyright (c) 2025 [云泽网]. 保留所有权利.
|
||||
*
|
||||
* 本软件仅供评估使用。任何商业用途必须获得书面授权许可。
|
||||
* 未经授权商业使用本软件属于侵权行为，将承担法律责任。
|
||||
*
|
||||
* 授权购买请联系: 357099073@qq.com
|
||||
* 官方网站: https://www.yunzer.cn
|
||||
*
|
||||
* 评估用户须知:
|
||||
* 1. 禁止移除版权声明
|
||||
* 2. 禁止用于生产环境
|
||||
* 3. 禁止转售或分发
|
||||
*/
|
||||
|
||||
// 获取当前登录状态
|
||||
$isLoggedIn = false;
|
||||
$userInfo = [
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
<?php /*a:4:{s:59:"E:\Demos\DemoOwns\PHP\yunzer\app\index\view\index\index.php";i:1746865108;s:64:"E:\Demos\DemoOwns\PHP\yunzer\app\index\view\component\header.php";i:1749258723;s:62:"E:\Demos\DemoOwns\PHP\yunzer\app\index\view\component\main.php";i:1749281834;s:64:"E:\Demos\DemoOwns\PHP\yunzer\app\index\view\component\footer.php";i:1749170849;}*/ ?>
|
||||
<?php /*a:4:{s:59:"E:\Demos\DemoOwns\PHP\yunzer\app\index\view\index\index.php";i:1746865108;s:64:"E:\Demos\DemoOwns\PHP\yunzer\app\index\view\component\header.php";i:1749258723;s:62:"E:\Demos\DemoOwns\PHP\yunzer\app\index\view\component\main.php";i:1749541813;s:64:"E:\Demos\DemoOwns\PHP\yunzer\app\index\view\component\footer.php";i:1749170849;}*/ ?>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
@ -940,7 +940,7 @@ $loginStatus = [
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="more-btn" onclick="window.open('/index/articles/index?cateid=1', '_blank')">更多</div>
|
||||
<div class="more-btn" onclick="window.open('/index/articles/index?cateid=3', '_blank')">更多</div>
|
||||
</div>
|
||||
<div class="product-list" id="webArticlesList">
|
||||
<!-- 文章将通过JavaScript动态加载 -->
|
||||
@ -982,7 +982,7 @@ $loginStatus = [
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="more-btn" onclick="window.open('/index/program/index?cateid=2', '_blank')">更多</div>
|
||||
<div class="more-btn" onclick="window.open('/index/resources/index?cateid=2', '_blank')">更多</div>
|
||||
</div>
|
||||
<div class="product-list" id="resourcesDownloadList">
|
||||
<!-- 文章将通过JavaScript动态加载 -->
|
||||
@ -1003,7 +1003,7 @@ $loginStatus = [
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="more-btn" onclick="window.open('/index/program/index?cateid=1', '_blank')">更多</div>
|
||||
<div class="more-btn" onclick="window.open('/index/resources/index?cateid=1', '_blank')">更多</div>
|
||||
</div>
|
||||
<div class="product-list" id="programDownloadList">
|
||||
<!-- 程序将通过JavaScript动态加载 -->
|
||||
@ -1024,7 +1024,7 @@ $loginStatus = [
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="more-btn" onclick="window.open('/index/game/index?cateid=8', '_blank')">更多</div>
|
||||
<div class="more-btn" onclick="window.open('/index/resources/index?cateid=8', '_blank')">更多</div>
|
||||
</div>
|
||||
<div class="product-list" id="gameDownloadList">
|
||||
<!-- 游戏将通过JavaScript动态加载 -->
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user