no message
parent
6b6b49d20b
commit
0f545e29d8
@ -1,10 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
namespace App\Http\Controllers;
|
|
||||||
|
|
||||||
use Illuminate\Http\Request;
|
|
||||||
|
|
||||||
class AdminAccountController extends Controller
|
|
||||||
{
|
|
||||||
//
|
|
||||||
}
|
|
||||||
@ -1,145 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
namespace App\Http\Controllers;
|
|
||||||
|
|
||||||
use App\Http\Requests\EditAdminAuthInput;
|
|
||||||
use App\Models\AdminAuth;
|
|
||||||
use App\Models\Auth;
|
|
||||||
use Login;
|
|
||||||
use Yo;
|
|
||||||
|
|
||||||
class AdminAuthController extends Controller
|
|
||||||
{
|
|
||||||
public function check()
|
|
||||||
{
|
|
||||||
$id = request()->post('id');
|
|
||||||
Login::admin($id);
|
|
||||||
return Yo::echo();
|
|
||||||
}
|
|
||||||
|
|
||||||
public function menu()
|
|
||||||
{
|
|
||||||
Login::admin(3);
|
|
||||||
$menu_group = Auth::select('id', 'name', 'title', 'icon', 'status')
|
|
||||||
->where('type', 1)->where('show', 1)->where('del', 2)
|
|
||||||
->orderBy('order', 'desc')->get();
|
|
||||||
$list = [];
|
|
||||||
foreach ($menu_group as $item) {
|
|
||||||
switch (Login::$info->admin_auth_id) {
|
|
||||||
case -1:
|
|
||||||
$auth_list = Auth::select('id', 'name', 'title', 'icon', 'status')->where('pid', $item->id)
|
|
||||||
->where('type', 2)->where('show', 1)->where('del', 2)
|
|
||||||
->orderBy('order', 'desc')->get();
|
|
||||||
break;
|
|
||||||
case 0:
|
|
||||||
$auth_list = Auth::select('id', 'name', 'title', 'icon', 'status')->where('pid', $item->id)
|
|
||||||
->where('type', 2)->where('check_type', 1)->where('show', 1)->where('del', 2)
|
|
||||||
->orderBy('order', 'desc')->get();
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
$admin_auth = AdminAuth::find(Login::$info->admin_auth_id);
|
|
||||||
$auth_ids = json_decode($admin_auth->auth_ids, true);
|
|
||||||
$auth_list = Auth::select('id', 'name', 'title', 'icon', 'status')
|
|
||||||
->where(function ($query) use ($auth_ids, $item) {
|
|
||||||
$query->whereIn('id', $auth_ids)->where('pid', $item->id)->where('type', 2)->where('check_type', 2)->where('show', 1)->where('del', 2);
|
|
||||||
})
|
|
||||||
->orWhere(function ($query) use ($auth_ids, $item) {
|
|
||||||
$query->where('type', 2)->where('pid', $item->id)->where('check_type', 1)->where('show', 1)->where('del', 2);
|
|
||||||
})
|
|
||||||
->orderBy('order', 'desc')->get();
|
|
||||||
}
|
|
||||||
if (count($auth_list) !== 0) $list[] = [
|
|
||||||
"id" => $item->id,
|
|
||||||
"name" => $item->name,
|
|
||||||
"title" => $item->title,
|
|
||||||
"icon" => $item->icon,
|
|
||||||
"status" => $item->status,
|
|
||||||
"children" => $auth_list
|
|
||||||
];
|
|
||||||
}
|
|
||||||
return Yo::echo([
|
|
||||||
'list' => $list
|
|
||||||
]);
|
|
||||||
}
|
|
||||||
|
|
||||||
public function all()
|
|
||||||
{
|
|
||||||
Login::admin(6);
|
|
||||||
$admin_auth_list = AdminAuth::select('id', 'name', 'del')->orderBy('updated_at', 'desc')->get();
|
|
||||||
return Yo::echo([
|
|
||||||
'list' => $admin_auth_list
|
|
||||||
]);
|
|
||||||
}
|
|
||||||
|
|
||||||
public function list()
|
|
||||||
{
|
|
||||||
Login::admin(5);
|
|
||||||
$admin_auth_list = AdminAuth::select('id', 'name', 'auth_ids', 'remark')->where('del', 2)->orderBy('updated_at', 'desc')->get();
|
|
||||||
$list = [];
|
|
||||||
foreach ($admin_auth_list as $item) {
|
|
||||||
$auth_ids_turn = [];
|
|
||||||
foreach (json_decode($item->auth_ids, true) as $i) {
|
|
||||||
$auth_ids_turn[] = intval($i);
|
|
||||||
}
|
|
||||||
$list[] = [
|
|
||||||
'id' => $item->id,
|
|
||||||
'name' => $item->name,
|
|
||||||
'auth_ids' => $item->auth_ids,
|
|
||||||
'auth_ids_turn' => $auth_ids_turn,
|
|
||||||
'remark' => $item->remark,
|
|
||||||
];
|
|
||||||
}
|
|
||||||
return Yo::echo([
|
|
||||||
'list' => $list
|
|
||||||
]);
|
|
||||||
}
|
|
||||||
|
|
||||||
public function delete()
|
|
||||||
{
|
|
||||||
Login::admin(5);
|
|
||||||
$ids = request()->post('ids');
|
|
||||||
AdminAuth::whereIn('id', $ids)->update([
|
|
||||||
'del' => 1
|
|
||||||
]);
|
|
||||||
return Yo::delete_echo($ids);
|
|
||||||
}
|
|
||||||
|
|
||||||
public function update(EditAdminAuthInput $request)
|
|
||||||
{
|
|
||||||
Login::admin(5);
|
|
||||||
$id = request()->post('id');
|
|
||||||
$name = $request->post('name');
|
|
||||||
$auth_ids = $request->post('auth_ids');
|
|
||||||
$remark = $request->post('remark');
|
|
||||||
$auth_ids_arr = [];
|
|
||||||
foreach ($auth_ids as $auth_id) $auth_ids_arr[] = (string)$auth_id;
|
|
||||||
$auth_ids_str = json_encode($auth_ids_arr, JSON_UNESCAPED_UNICODE);
|
|
||||||
if (mb_strlen($auth_ids_str) > 1000) Yo::error_echo(100007);
|
|
||||||
$admin_auth = AdminAuth::find($id);
|
|
||||||
if (!$admin_auth) Yo::error_echo(100008);
|
|
||||||
if ($admin_auth->del !== 2) Yo::error_echo(100008);
|
|
||||||
$admin_auth->name = $name;
|
|
||||||
$admin_auth->auth_ids = $auth_ids_str;
|
|
||||||
$admin_auth->remark = $remark ?? '';
|
|
||||||
$admin_auth->save();
|
|
||||||
return Yo::update_echo($admin_auth->id);
|
|
||||||
}
|
|
||||||
|
|
||||||
public function create(EditAdminAuthInput $request)
|
|
||||||
{
|
|
||||||
Login::admin(5);
|
|
||||||
$name = $request->post('name');
|
|
||||||
$auth_ids = $request->post('auth_ids');
|
|
||||||
$remark = $request->post('remark');
|
|
||||||
$auth_ids_arr = [];
|
|
||||||
foreach ($auth_ids as $auth_id) $auth_ids_arr[] = (string)$auth_id;
|
|
||||||
$auth_ids_str = json_encode($auth_ids_arr, JSON_UNESCAPED_UNICODE);
|
|
||||||
if (mb_strlen($auth_ids_str) > 1000) Yo::error_echo(100007);
|
|
||||||
$admin_auth = AdminAuth::create([
|
|
||||||
'name' => $name,
|
|
||||||
'auth_ids' => $auth_ids_str ?? '[]',
|
|
||||||
'remark' => $remark ?? '',
|
|
||||||
]);
|
|
||||||
return Yo::create_echo($admin_auth->id);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,10 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
namespace App\Http\Controllers;
|
|
||||||
|
|
||||||
use Illuminate\Http\Request;
|
|
||||||
|
|
||||||
class AdminTokenController extends Controller
|
|
||||||
{
|
|
||||||
//
|
|
||||||
}
|
|
||||||
@ -1,47 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
namespace App\Http\Controllers;
|
|
||||||
|
|
||||||
use App\Models\Auth;
|
|
||||||
use Yo;
|
|
||||||
use Login;
|
|
||||||
|
|
||||||
class AuthController extends Controller
|
|
||||||
{
|
|
||||||
public function list()
|
|
||||||
{
|
|
||||||
Login::admin(5);
|
|
||||||
$page_group = Auth::select('id', 'title')
|
|
||||||
->where('type', 1)->where('del', 2)
|
|
||||||
->orderBy('order', 'desc')->get();
|
|
||||||
$page_list = [];
|
|
||||||
foreach ($page_group as $item) {
|
|
||||||
$page_auth_list = Auth::select('id', 'title')->where('pid', $item->id)
|
|
||||||
->where('type', 2)->where('check_type', 2)->where('del', 2)
|
|
||||||
->orderBy('order', 'desc')->get();
|
|
||||||
if (count($page_auth_list) !== 0) $page_list[] = [
|
|
||||||
"id" => $item->id,
|
|
||||||
"title" => $item->title,
|
|
||||||
"children" => $page_auth_list
|
|
||||||
];
|
|
||||||
}
|
|
||||||
$api_group = Auth::select('id', 'title')
|
|
||||||
->where('type', 3)->where('del', 2)
|
|
||||||
->orderBy('order', 'desc')->get();
|
|
||||||
$api_list = [];
|
|
||||||
foreach ($api_group as $item) {
|
|
||||||
$api_auth_list = Auth::select('id', 'title')->where('pid', $item->id)
|
|
||||||
->where('type', 4)->where('check_type', 2)->where('del', 2)
|
|
||||||
->orderBy('order', 'desc')->get();
|
|
||||||
if (count($api_auth_list) !== 0) $api_list[] = [
|
|
||||||
"id" => $item->id,
|
|
||||||
"title" => $item->title,
|
|
||||||
"children" => $api_auth_list
|
|
||||||
];
|
|
||||||
}
|
|
||||||
return Yo::echo([
|
|
||||||
'page' => $page_list,
|
|
||||||
'api' => $api_list,
|
|
||||||
]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,51 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
namespace App\Http\Requests;
|
|
||||||
|
|
||||||
use Illuminate\Contracts\Validation\Validator;
|
|
||||||
use Illuminate\Foundation\Http\FormRequest;
|
|
||||||
use Yo;
|
|
||||||
|
|
||||||
class CreateAdminInput extends FormRequest
|
|
||||||
{
|
|
||||||
/**
|
|
||||||
* Determine if the user is authorized to make this request.
|
|
||||||
*
|
|
||||||
* @return bool
|
|
||||||
*/
|
|
||||||
public function authorize()
|
|
||||||
{
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Get the validation rules that apply to the request.
|
|
||||||
*
|
|
||||||
* @return array
|
|
||||||
*/
|
|
||||||
public function rules()
|
|
||||||
{
|
|
||||||
return [
|
|
||||||
'nickname' => ['required', 'between:1,30'],
|
|
||||||
'account' => ['required', 'between:1,50'],
|
|
||||||
'password' => ['required', 'between:6,20'],
|
|
||||||
];
|
|
||||||
}
|
|
||||||
|
|
||||||
public function messages()
|
|
||||||
{
|
|
||||||
return [
|
|
||||||
'nickname.required' => 100009,
|
|
||||||
'nickname.between' => 100010,
|
|
||||||
'account.required' => 100011,
|
|
||||||
'account.between' => 100012,
|
|
||||||
'password.required' => 100013,
|
|
||||||
'password.between' => 100014,
|
|
||||||
];
|
|
||||||
}
|
|
||||||
|
|
||||||
public function failedValidation(Validator $validator)
|
|
||||||
{
|
|
||||||
Yo::error_echo($validator->errors()->first());
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,47 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
namespace App\Http\Requests;
|
|
||||||
|
|
||||||
use Illuminate\Contracts\Validation\Validator;
|
|
||||||
use Illuminate\Foundation\Http\FormRequest;
|
|
||||||
use Yo;
|
|
||||||
|
|
||||||
class EditAdminAuthInput extends FormRequest
|
|
||||||
{
|
|
||||||
/**
|
|
||||||
* Determine if the user is authorized to make this request.
|
|
||||||
*
|
|
||||||
* @return bool
|
|
||||||
*/
|
|
||||||
public function authorize()
|
|
||||||
{
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Get the validation rules that apply to the request.
|
|
||||||
*
|
|
||||||
* @return array
|
|
||||||
*/
|
|
||||||
public function rules()
|
|
||||||
{
|
|
||||||
return [
|
|
||||||
'name' => ['required', 'between:1,20'],
|
|
||||||
'remark' => ['between:0,100'],
|
|
||||||
];
|
|
||||||
}
|
|
||||||
|
|
||||||
public function messages()
|
|
||||||
{
|
|
||||||
return [
|
|
||||||
'name.required' => 100004,
|
|
||||||
'name.between' => 100005,
|
|
||||||
'remark.between' => 100006,
|
|
||||||
];
|
|
||||||
}
|
|
||||||
|
|
||||||
public function failedValidation(Validator $validator)
|
|
||||||
{
|
|
||||||
Yo::error_echo($validator->errors()->first());
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,30 +1,21 @@
|
|||||||
<?php
|
<?php
|
||||||
return [
|
return [
|
||||||
200 => [
|
200 => [
|
||||||
'c' => '增加成功',
|
'c' => '增加成功',
|
||||||
'd' => '删除成功',
|
'd' => '删除成功',
|
||||||
'u' => '修改成功',
|
'u' => '修改成功',
|
||||||
'r' => '获取成功',
|
'r' => '获取成功',
|
||||||
],
|
],
|
||||||
100001 => '账号不可用',
|
100000 => '?不存在或不可用',
|
||||||
100002 => '账号或密码错误',
|
100001 => '请登录',
|
||||||
100003 => '请登录',
|
100002 => '账号不可用或不存在',
|
||||||
100004 => '请输入名称',
|
100003 => '权限不足',
|
||||||
100005 => '名称是一个1-20位的字符串',
|
100004 => '账号不存在或密码错误',
|
||||||
100006 => '备注是一个100位以内的字符串',
|
100005 => '请输入昵称',
|
||||||
100007 => '权限是一个2-1000位的字符串',
|
100006 => '昵称长度在1-30位字符之间',
|
||||||
100008 => '内容不存在',
|
100007 => '请输入密码',
|
||||||
100009 => '请输入昵称',
|
100008 => '密码长度在6-20位字符之间',
|
||||||
100010 => '昵称是一个1-30位的字符串',
|
100009 => '新旧密码相同',
|
||||||
100011 => '请输入账号',
|
100010 => '旧密码输入错误',
|
||||||
100012 => '账号是一个1-50位的字符串',
|
|
||||||
100013 => '请输入密码',
|
|
||||||
100014 => '密码是一个6-20位的字符串',
|
|
||||||
100015 => '账号已存在',
|
|
||||||
100016 => '权限不足',
|
|
||||||
100017 => '旧密码输入错误',
|
|
||||||
100018 => '新旧密码相同',
|
|
||||||
100019 => '请上传图片',
|
|
||||||
100020 => '上传失败',
|
|
||||||
100021 => '?不存在',
|
|
||||||
];
|
];
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 794 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 71 KiB |
@ -0,0 +1,24 @@
|
|||||||
|
# Logs
|
||||||
|
logs
|
||||||
|
*.log
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
|
pnpm-debug.log*
|
||||||
|
lerna-debug.log*
|
||||||
|
|
||||||
|
node_modules
|
||||||
|
dist
|
||||||
|
dist-ssr
|
||||||
|
*.local
|
||||||
|
|
||||||
|
# Editor directories and files
|
||||||
|
.vscode/*
|
||||||
|
!.vscode/extensions.json
|
||||||
|
.idea
|
||||||
|
.DS_Store
|
||||||
|
*.suo
|
||||||
|
*.ntvs*
|
||||||
|
*.njsproj
|
||||||
|
*.sln
|
||||||
|
*.sw?
|
||||||
@ -0,0 +1,14 @@
|
|||||||
|
# Vue 3 + Vite
|
||||||
|
|
||||||
|
```bash
|
||||||
|
pnpm i
|
||||||
|
# If you don't have pnpm installed, run: npm install -g pnpm
|
||||||
|
pnpm dev
|
||||||
|
pnpm build
|
||||||
|
```
|
||||||
|
|
||||||
|
This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
|
||||||
|
|
||||||
|
## Recommended IDE Setup
|
||||||
|
|
||||||
|
- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)
|
||||||
@ -0,0 +1,56 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8"/>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||||
|
<title>鹿和后台</title>
|
||||||
|
<link rel="shortcut icon" href="favicon.png" />
|
||||||
|
<script>
|
||||||
|
// PUBLIC CONFIG
|
||||||
|
(function () {
|
||||||
|
const config_data = {
|
||||||
|
token_key: 'TOKEN',
|
||||||
|
api: {
|
||||||
|
url: 'http://mix.sa0.online',
|
||||||
|
error_message: '网络请求发生错误',
|
||||||
|
login: [100003],
|
||||||
|
success: 200
|
||||||
|
},
|
||||||
|
layout: {
|
||||||
|
logo: 40,
|
||||||
|
background: '#f5f7f9',
|
||||||
|
header: 64,
|
||||||
|
footer: 30,
|
||||||
|
sider: {
|
||||||
|
inverted: false,
|
||||||
|
open: 240,
|
||||||
|
close: 64,
|
||||||
|
background: '#ffffff',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
title: document.title,
|
||||||
|
app_theme: '#1c8eee',
|
||||||
|
version: {
|
||||||
|
version: '13.0.1 [Mix]',
|
||||||
|
date: '2022年12月25日 14:58:11',
|
||||||
|
desc: '鹿和后台管理系统 北有神鹿 其名鹿和'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
localStorage.setItem('APP_CONFIG', JSON.stringify(config_data))
|
||||||
|
})()
|
||||||
|
// PUBLIC CONFIG END
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="app"></div>
|
||||||
|
<script>
|
||||||
|
(function () {
|
||||||
|
const prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches
|
||||||
|
const setting = localStorage.getItem('color-schema') || 'auto'
|
||||||
|
if (setting === 'dark' || (prefersDark && setting !== 'light'))
|
||||||
|
document.documentElement.classList.toggle('dark', true)
|
||||||
|
})()
|
||||||
|
</script>
|
||||||
|
<script type="module" src="/src/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,31 @@
|
|||||||
|
{
|
||||||
|
"private": true,
|
||||||
|
"name": "lu-code-vue-user",
|
||||||
|
"packageManager": "pnpm@7.0.0",
|
||||||
|
"version": "0.0.0",
|
||||||
|
"scripts": {
|
||||||
|
"dev": "vite --port 3333 --open",
|
||||||
|
"build": "vite build"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"@icon-park/vue-next": "^1.4.2",
|
||||||
|
"@vueuse/core": "^8.4.2",
|
||||||
|
"animate.css": "^4.1.1",
|
||||||
|
"axios": "^0.26.1",
|
||||||
|
"naive-ui": "^2.34.3",
|
||||||
|
"normalize.css": "^8.0.1",
|
||||||
|
"pinia": "^2.0.14",
|
||||||
|
"vue": "^3.2.33",
|
||||||
|
"vue-router": "^4.0.15"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@vitejs/plugin-vue": "^2.3.3",
|
||||||
|
"pnpm": "^7.0.1",
|
||||||
|
"unocss": "^0.33.2",
|
||||||
|
"unplugin-auto-import": "^0.7.1",
|
||||||
|
"unplugin-vue-components": "^0.19.5",
|
||||||
|
"vite": "^2.9.9",
|
||||||
|
"vite-plugin-pages": "^0.23.0",
|
||||||
|
"vite-plugin-vue-layouts": "^0.6.0"
|
||||||
|
}
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 8.9 KiB |
@ -0,0 +1,53 @@
|
|||||||
|
<script setup>
|
||||||
|
import {zhCN, dateZhCN, darkTheme} from 'naive-ui'
|
||||||
|
import color from '~/tool/color'
|
||||||
|
import {isDark} from '~/composables'
|
||||||
|
import {useStore, useConfig} from '~/store'
|
||||||
|
|
||||||
|
const $store = useStore()
|
||||||
|
const $config = useConfig()
|
||||||
|
const get_theme_overrides = $computed(() => {
|
||||||
|
const app_theme = $config.value.app_theme;
|
||||||
|
const lighten_str = color.lighten($config.value.app_theme, 6);
|
||||||
|
return {
|
||||||
|
common: {
|
||||||
|
primaryColor: app_theme,
|
||||||
|
primaryColorHover: lighten_str,
|
||||||
|
primaryColorSuppl: lighten_str,
|
||||||
|
primaryColorPressed: lighten_str,
|
||||||
|
},
|
||||||
|
LoadingBar: {
|
||||||
|
colorLoading: app_theme,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<template>
|
||||||
|
<n-config-provider :theme-overrides="get_theme_overrides" :theme="isDark?darkTheme:{}" :locale="zhCN"
|
||||||
|
:date-locale="dateZhCN">
|
||||||
|
<n-spin class="spin_wrapper" :show="$store.api_loading > 0">
|
||||||
|
<n-notification-provider>
|
||||||
|
<n-loading-bar-provider>
|
||||||
|
<n-message-provider>
|
||||||
|
<n-dialog-provider>
|
||||||
|
<Mounting/>
|
||||||
|
<main font-sans>
|
||||||
|
<router-view/>
|
||||||
|
</main>
|
||||||
|
</n-dialog-provider>
|
||||||
|
</n-message-provider>
|
||||||
|
</n-loading-bar-provider>
|
||||||
|
</n-notification-provider>
|
||||||
|
</n-spin>
|
||||||
|
</n-config-provider>
|
||||||
|
</template>
|
||||||
|
<style>
|
||||||
|
.form_tag_wrapper {
|
||||||
|
width: 80px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form_input_wrapper {
|
||||||
|
width: 200px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,67 @@
|
|||||||
|
import {$post} from '~/tool/axios'
|
||||||
|
import {useConfig, useSessionToken, useSaveTokenType, useToken} from "~/store";
|
||||||
|
import $router from "~/router";
|
||||||
|
|
||||||
|
const $save_token_type = useSaveTokenType()
|
||||||
|
const $session_token = useSessionToken()
|
||||||
|
const $token = useToken()
|
||||||
|
const $config = useConfig()
|
||||||
|
const admin_api = 'Admin'
|
||||||
|
export const yo = async (data) => await $post({url: `${$config.value.api.url}/api/yo`, data}, true)
|
||||||
|
export const ConfigGetAction = async (label_arr) => await $post({
|
||||||
|
url: `${$config.value.api.url}/api/${admin_api}/Config/get`, data: {label_arr}
|
||||||
|
}, true)
|
||||||
|
export const AdminChangeNicknameAction = async (nickname) => await $post({
|
||||||
|
url: `${$config.value.api.url}/api/${admin_api}/Admin/Change/nickname`, data: {nickname}
|
||||||
|
}, true)
|
||||||
|
export const AdminChangePasswordAction = async (data) => await $post({
|
||||||
|
url: `${$config.value.api.url}/api/${admin_api}/Admin/Change/password`, data
|
||||||
|
}, true)
|
||||||
|
export const AdminLoginAction = async (data) => await $post({
|
||||||
|
url: `${$config.value.api.url}/api/${admin_api}/Admin/login`, data
|
||||||
|
}, true)
|
||||||
|
export const AdminMenuAction = async (data) => await $post({
|
||||||
|
url: `${$config.value.api.url}/api/${admin_api}/Admin/menu`, data
|
||||||
|
}, true)
|
||||||
|
export const AdminStatusAction = async () => await $post({
|
||||||
|
url: `${$config.value.api.url}/api/${admin_api}/Admin/status`
|
||||||
|
}, false)
|
||||||
|
export const AdminInfoAction = async () => await $post({
|
||||||
|
url: `${$config.value.api.url}/api/${admin_api}/Admin/info`
|
||||||
|
}, false)
|
||||||
|
|
||||||
|
export const $headers = () => {
|
||||||
|
let $token
|
||||||
|
if ($save_token_type.value === 'local') {
|
||||||
|
$token = useToken()
|
||||||
|
} else {
|
||||||
|
$token = useSessionToken()
|
||||||
|
}
|
||||||
|
return {
|
||||||
|
'Authorization': 'Bearer ' + $token.value
|
||||||
|
}
|
||||||
|
}
|
||||||
|
export const $image = (path) => {
|
||||||
|
const path_ret = ['http://', 'https://', ';base64,']
|
||||||
|
for (let i = 0; i < path_ret.length; i++) {
|
||||||
|
if (path.indexOf(path_ret[i]) !== -1) {
|
||||||
|
return path
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return `${$config.value.api.url}${path}`
|
||||||
|
}
|
||||||
|
export const $response = (res, then, next = false) => {
|
||||||
|
if (res) {
|
||||||
|
if ($config.value.api.login.indexOf(res.code) !== -1) {
|
||||||
|
$session_token.value = null
|
||||||
|
$token.value = null
|
||||||
|
if (!!next) {
|
||||||
|
next('/login')
|
||||||
|
} else {
|
||||||
|
$router.push('/login')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (res.code !== $config.value.api.success) return window.$message().error(res.message)
|
||||||
|
then()
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,13 @@
|
|||||||
|
<template></template>
|
||||||
|
<script setup>
|
||||||
|
import {useMessage, useLoadingBar, useDialog, useNotification} from 'naive-ui'
|
||||||
|
|
||||||
|
const $message = useMessage()
|
||||||
|
window.$message = () => {
|
||||||
|
$message.destroyAll()
|
||||||
|
return $message
|
||||||
|
}
|
||||||
|
window.$dialog = useDialog();
|
||||||
|
window.$loading = useLoadingBar();
|
||||||
|
window.$notification = useNotification();
|
||||||
|
</script>
|
||||||
@ -0,0 +1,2 @@
|
|||||||
|
export const isDark = useDark()
|
||||||
|
export const toggleDark = useToggle(isDark)
|
||||||
@ -0,0 +1,3 @@
|
|||||||
|
const {isFullscreen, toggle} = useFullscreen()
|
||||||
|
export const isFull = isFullscreen
|
||||||
|
export const toggleFull = toggle
|
||||||
@ -0,0 +1,2 @@
|
|||||||
|
export * from './dark'
|
||||||
|
export * from './fullscreen'
|
||||||
@ -0,0 +1,9 @@
|
|||||||
|
<script setup>
|
||||||
|
const $router = useRouter()
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<main p="x4 y10" text="center blue-500 dark:gray-200">
|
||||||
|
<RouterView/>
|
||||||
|
</main>
|
||||||
|
</template>
|
||||||
@ -0,0 +1,116 @@
|
|||||||
|
<script setup>
|
||||||
|
import {useConfig, useCollapsed} from "~/store"
|
||||||
|
import {isDark} from '~/composables'
|
||||||
|
|
||||||
|
const $config = useConfig()
|
||||||
|
|
||||||
|
const layout_content_wrapper_background = ref($config.value.layout.background)
|
||||||
|
const layout_sider_wrapper_background = ref($config.value.layout.sider.background)
|
||||||
|
|
||||||
|
const layout_header_wrapper_height = ref(`${$config.value.layout.header}px`)
|
||||||
|
const layout_footer_wrapper_height = ref(`${$config.value.layout.footer}px`)
|
||||||
|
|
||||||
|
const layout_router_view_margin_bottom = ref('10px');
|
||||||
|
const layout_router_view_wrapper_min_height = ref(`calc(100vh - ${$config.value.layout.header}px - ${$config.value.layout.footer}px - 1px - ${layout_router_view_margin_bottom.value})`)
|
||||||
|
const layout_content_wrapper_height = ref(`calc(100vh - ${$config.value.layout.header}px)`)
|
||||||
|
const layout_content_container_wrapper_height = ref(`calc(100vh - ${$config.value.layout.header}px)`)
|
||||||
|
|
||||||
|
const $collapsed = useCollapsed()
|
||||||
|
const collapsedOnUpdate = (e) => {
|
||||||
|
$collapsed.value = e
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<template>
|
||||||
|
<div class="layout_wrapper">
|
||||||
|
<n-layout has-sider class="layout_header_container_wrapper">
|
||||||
|
<n-layout-sider :collapsed="$collapsed" :class="[isDark?'':'layout_sider_background']"
|
||||||
|
collapse-mode="width" :collapsed-width="$config.layout.sider.close"
|
||||||
|
:width="$config.layout.sider.open" :inverted="$config.layout.sider.inverted || isDark"
|
||||||
|
:native-scrollbar="false" bordered>
|
||||||
|
<Logo></Logo>
|
||||||
|
</n-layout-sider>
|
||||||
|
<n-layout>
|
||||||
|
<n-layout-header class="layout_header_wrapper" bordered>
|
||||||
|
<n-button ml-5 text @click="collapsedOnUpdate(!$collapsed)">
|
||||||
|
<Icon v-if="$collapsed" type="menu-unfold-one"></Icon>
|
||||||
|
<Icon v-else type="menu-fold-one"></Icon>
|
||||||
|
</n-button>
|
||||||
|
<Breadcrumb></Breadcrumb>
|
||||||
|
<User></User>
|
||||||
|
</n-layout-header>
|
||||||
|
</n-layout>
|
||||||
|
</n-layout>
|
||||||
|
<n-layout has-sider class="layout_content_container_wrapper">
|
||||||
|
<n-layout-sider :collapsed="$collapsed" :class="[isDark?'':'layout_sider_background']"
|
||||||
|
collapse-mode="width" :collapsed-width="$config.layout.sider.close"
|
||||||
|
:width="$config.layout.sider.open" :inverted="$config.layout.sider.inverted || isDark"
|
||||||
|
:native-scrollbar="false" bordered>
|
||||||
|
<Menu></Menu>
|
||||||
|
</n-layout-sider>
|
||||||
|
<n-layout :class="[isDark?'':'layout_content_background']">
|
||||||
|
<n-layout position="absolute" :native-scrollbar="false" class="layout_content_wrapper">
|
||||||
|
<div class="layout_router_view_wrapper" px-2>
|
||||||
|
<router-view v-slot="{ Component }">
|
||||||
|
<component :is="Component"/>
|
||||||
|
</router-view>
|
||||||
|
</div>
|
||||||
|
<n-layout-footer class="layout_footer_wrapper" text="xs center gray-500" bordered>
|
||||||
|
<span>{{ $config.version.desc }}</span>
|
||||||
|
<span mx-3>{{ $config.version.version }}</span>
|
||||||
|
<span>{{ $config.version.date }}</span>
|
||||||
|
</n-layout-footer>
|
||||||
|
</n-layout>
|
||||||
|
</n-layout>
|
||||||
|
</n-layout>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<style scoped>
|
||||||
|
.layout_wrapper {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout_content_container_wrapper {
|
||||||
|
height: v-bind(layout_content_container_wrapper_height);
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout_header_container_wrapper {
|
||||||
|
height: v-bind(layout_header_wrapper_height);
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout_header_wrapper {
|
||||||
|
position: relative;
|
||||||
|
height: v-bind(layout_header_wrapper_height);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout_sider_background {
|
||||||
|
background: v-bind(layout_sider_wrapper_background);
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout_content_background {
|
||||||
|
background: v-bind(layout_content_wrapper_background);
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout_footer_wrapper {
|
||||||
|
line-height: v-bind(layout_footer_wrapper_height);
|
||||||
|
height: v-bind(layout_footer_wrapper_height);
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout_content_wrapper {
|
||||||
|
top: 0.5rem;
|
||||||
|
background: #00000000;
|
||||||
|
height: v-bind(layout_content_wrapper_height);
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout_router_view_wrapper {
|
||||||
|
min-height: v-bind(layout_router_view_wrapper_min_height);
|
||||||
|
overflow: hidden;
|
||||||
|
margin-bottom: v-bind(layout_router_view_margin_bottom);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,7 @@
|
|||||||
|
<script setup>
|
||||||
|
</script>
|
||||||
|
<template>
|
||||||
|
<main class="px-4 py-10 text-gray-700 dark:text-gray-200">
|
||||||
|
<RouterView/>
|
||||||
|
</main>
|
||||||
|
</template>
|
||||||
@ -0,0 +1,14 @@
|
|||||||
|
import {createApp} from 'vue'
|
||||||
|
import App from './App.vue'
|
||||||
|
import router from '~/router'
|
||||||
|
import {createPinia} from 'pinia'
|
||||||
|
import './styles/main.css'
|
||||||
|
import 'uno.css'
|
||||||
|
import 'normalize.css'
|
||||||
|
import 'animate.css';
|
||||||
|
import '@icon-park/vue-next/styles/index.css';
|
||||||
|
|
||||||
|
const app = createApp(App)
|
||||||
|
app.use(router)
|
||||||
|
app.use(createPinia())
|
||||||
|
app.mount('#app')
|
||||||
@ -0,0 +1,26 @@
|
|||||||
|
<script setup>
|
||||||
|
</script>
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<div class="i404_wrapper">
|
||||||
|
<img src="https://iph.href.lu/300x300/?text=404" alt="">
|
||||||
|
</div>
|
||||||
|
未找到页面
|
||||||
|
<div mt-10>
|
||||||
|
<n-button type="primary" @click="$router.back()">返回</n-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<style scoped>
|
||||||
|
.i404_wrapper {
|
||||||
|
width: 300px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.i404_wrapper img {
|
||||||
|
width: 300px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<route>
|
||||||
|
{"name":"404","meta":{"layout":"404"}}
|
||||||
|
</route>
|
||||||
@ -0,0 +1,49 @@
|
|||||||
|
<script setup>
|
||||||
|
import ApiComponent from '~/components/dev/Api.vue'
|
||||||
|
import StoreComponent from '~/components/dev/Store.vue'
|
||||||
|
import RouterQueryComponent from '~/components/dev/RouterQuery.vue'
|
||||||
|
import RouterPushComponent from '~/components/dev/RouterPush.vue'
|
||||||
|
import RouterParamsComponent from '~/components/dev/RouterParams.vue'
|
||||||
|
import IconParkComponent from '~/components/dev/IconPark.vue'
|
||||||
|
import StyleVBindComponent from '~/components/dev/StyleVBind.vue'
|
||||||
|
import UnoCSSComponent from '~/components/dev/UnoCSS.vue'
|
||||||
|
import UseMessageComponent from '~/components/dev/UseMessage.vue'
|
||||||
|
import SonFatherComponent from '~/components/dev/SonFather/Father.vue'
|
||||||
|
|
||||||
|
const $props = defineProps({
|
||||||
|
name: {
|
||||||
|
type: String,
|
||||||
|
default: '鹿和'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
const $router = useRouter()
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<n-table striped size="small">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>功能</th>
|
||||||
|
<th>内容</th>
|
||||||
|
<th>操作</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<ApiComponent></ApiComponent>
|
||||||
|
<StoreComponent></StoreComponent>
|
||||||
|
<RouterQueryComponent></RouterQueryComponent>
|
||||||
|
<RouterParamsComponent :name="$props.name"></RouterParamsComponent>
|
||||||
|
<RouterPushComponent></RouterPushComponent>
|
||||||
|
<IconParkComponent></IconParkComponent>
|
||||||
|
<StyleVBindComponent></StyleVBindComponent>
|
||||||
|
<UnoCSSComponent></UnoCSSComponent>
|
||||||
|
<UseMessageComponent></UseMessageComponent>
|
||||||
|
<SonFatherComponent></SonFatherComponent>
|
||||||
|
</tbody>
|
||||||
|
</n-table>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<route>
|
||||||
|
{"meta":{"title":"基础功能示例","icon":"i-ic-round-code"}}
|
||||||
|
</route>
|
||||||
@ -0,0 +1,75 @@
|
|||||||
|
import {createRouter, createWebHashHistory} from 'vue-router'
|
||||||
|
import {setupLayouts} from 'virtual:generated-layouts'
|
||||||
|
import generatedRoutes from 'virtual:generated-pages'
|
||||||
|
import {ConfigGetAction, $response, AdminStatusAction} from "~/api"
|
||||||
|
import {reGetAdmin} from "~/tool/info"
|
||||||
|
import {$favicon} from "~/tool/favicon"
|
||||||
|
import {
|
||||||
|
useStore, useSaveTokenType, useSessionToken, useToken, useRouterActive
|
||||||
|
} from '~/store'
|
||||||
|
|
||||||
|
const no_login_list = ['login', '404'];
|
||||||
|
const $router_active = useRouterActive()
|
||||||
|
const router = createRouter({
|
||||||
|
history: createWebHashHistory(import.meta.env.BASE_URL), routes: setupLayouts(generatedRoutes)
|
||||||
|
})
|
||||||
|
|
||||||
|
const updateRouterActive = (matched) => {
|
||||||
|
matched.shift()
|
||||||
|
const last = matched[matched.length - 1]
|
||||||
|
$router_active.value = []
|
||||||
|
if (no_login_list.indexOf(last.name) !== -1) return
|
||||||
|
setTimeout(() => {
|
||||||
|
$router_active.value = matched.map((item) => {
|
||||||
|
return {
|
||||||
|
title: 'title' in item.meta ? item.meta.title : item.name,
|
||||||
|
icon: 'icon' in item.meta ? item.meta.icon : false,
|
||||||
|
key: item.name
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
router.beforeEach(async (to, from, next) => {
|
||||||
|
window.$loading.start()
|
||||||
|
const $store = useStore()
|
||||||
|
if (!$store.config) {
|
||||||
|
const response = await ConfigGetAction(['Logo', 'Favicon', 'Login欢迎图片', '网站名称'])
|
||||||
|
$response(response, () => {
|
||||||
|
$store.config = response.data
|
||||||
|
})
|
||||||
|
$favicon($store.config['Favicon'])
|
||||||
|
}
|
||||||
|
document.title = ('title' in to.meta && to.meta.title !== '首页') ? `${to.meta.title} ${$store.config['网站名称']}` : $store.config['网站名称']
|
||||||
|
if (no_login_list.indexOf(to.name) === -1) {
|
||||||
|
const $save_token_type = useSaveTokenType()
|
||||||
|
let $token;
|
||||||
|
if ($save_token_type.value === 'local') {
|
||||||
|
$token = useToken()
|
||||||
|
} else {
|
||||||
|
$token = useSessionToken()
|
||||||
|
}
|
||||||
|
if ($token.value === '') {
|
||||||
|
next('/login?f=' + encodeURIComponent(to.fullPath))
|
||||||
|
setTimeout(() => {
|
||||||
|
window.$loading.finish()
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
const response = await AdminStatusAction()
|
||||||
|
$response(response, () => {
|
||||||
|
if (!$store.admin_info) reGetAdmin()
|
||||||
|
updateRouterActive(to.matched.map(item => item))
|
||||||
|
next()
|
||||||
|
}, next)
|
||||||
|
setTimeout(() => {
|
||||||
|
window.$loading.finish()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
next()
|
||||||
|
setTimeout(() => {
|
||||||
|
window.$loading.finish()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
export default router
|
||||||
@ -0,0 +1,17 @@
|
|||||||
|
import {defineStore} from 'pinia'
|
||||||
|
|
||||||
|
export const useStore = defineStore('main', {
|
||||||
|
state: () => {
|
||||||
|
return {
|
||||||
|
config: false,
|
||||||
|
admin_info: false, api_loading: 0, count: 0
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
const TOKEN_KEY = JSON.parse(localStorage.getItem('APP_CONFIG') ?? '{}').token_key
|
||||||
|
export const useConfig = createGlobalState(() => useStorage('APP_CONFIG', JSON.parse(localStorage.getItem('APP_CONFIG') ?? '{}')))
|
||||||
|
export const useToken = createGlobalState(() => useStorage(TOKEN_KEY, ''))
|
||||||
|
export const useSessionToken = createGlobalState(() => useStorage(TOKEN_KEY, '', sessionStorage))
|
||||||
|
export const useSaveTokenType = createGlobalState(() => useStorage('SAVE_TOKEN_TYPE', 'session'))
|
||||||
|
export const useRouterActive = createGlobalState(() => useStorage('ROUTER_ACTIVE', []))
|
||||||
|
export const useCollapsed = createGlobalState(() => useStorage('COLLAPSED', false))
|
||||||
@ -0,0 +1,11 @@
|
|||||||
|
html,
|
||||||
|
body,
|
||||||
|
#app {
|
||||||
|
height: 100%;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
html.dark {
|
||||||
|
background: #333;
|
||||||
|
}
|
||||||
@ -0,0 +1,30 @@
|
|||||||
|
import axios from 'axios'
|
||||||
|
import {useToken, useStore, useConfig, useSaveTokenType, useSessionToken} from '~/store'
|
||||||
|
const $save_token_type = useSaveTokenType()
|
||||||
|
let $token;
|
||||||
|
const post = axios.create({
|
||||||
|
method: 'POST'
|
||||||
|
})
|
||||||
|
post.interceptors.request.use(config => {
|
||||||
|
if ($save_token_type.value === 'local') {
|
||||||
|
$token = useToken()
|
||||||
|
} else {
|
||||||
|
$token = useSessionToken()
|
||||||
|
}
|
||||||
|
config.headers['Authorization'] = 'Bearer ' + $token.value
|
||||||
|
return config
|
||||||
|
}, error => Promise.reject(error))
|
||||||
|
post.interceptors.response.use(response => {
|
||||||
|
return (response.status === 200) ? response : Promise.reject('[ERROR] response.status: ' + response.status)
|
||||||
|
}, error => Promise.reject(error))
|
||||||
|
|
||||||
|
const $config = useConfig()
|
||||||
|
export const $post = async (request, loading = false) => {
|
||||||
|
const $store = useStore()
|
||||||
|
if (loading) $store.api_loading++
|
||||||
|
const response = await post(request).catch((e) => {
|
||||||
|
window.$message().error($config.value.api.error_message)
|
||||||
|
})
|
||||||
|
if (loading) $store.api_loading--
|
||||||
|
return !!response ? response.data : false
|
||||||
|
}
|
||||||
@ -0,0 +1,13 @@
|
|||||||
|
function addLight(color, amount) {
|
||||||
|
const cc = parseInt(color, 16) + amount;
|
||||||
|
const c = cc > 255 ? 255 : cc;
|
||||||
|
return c.toString(16).length > 1 ? c.toString(16) : `0${c.toString(16)}`;
|
||||||
|
}
|
||||||
|
|
||||||
|
function lighten(color, amount) {
|
||||||
|
color = color.indexOf('#') >= 0 ? color.substring(1, color.length) : color;
|
||||||
|
amount = Math.trunc((255 * amount) / 100);
|
||||||
|
return `#${addLight(color.substring(0, 2), amount)}${addLight(color.substring(2, 4), amount)}${addLight(color.substring(4, 6), amount)}`;
|
||||||
|
}
|
||||||
|
|
||||||
|
export default {lighten}
|
||||||
@ -0,0 +1,10 @@
|
|||||||
|
import {$image} from "~/api";
|
||||||
|
|
||||||
|
export const $favicon = (path, t = false) => {
|
||||||
|
const link = document.querySelector("link[rel*='icon']") || document.createElement('link')
|
||||||
|
link.type = 'image/x-icon'
|
||||||
|
link.rel = 'shortcut icon'
|
||||||
|
let href = $image(path)
|
||||||
|
link.href = t ? [href, 't=' + String(new Date() / 1)].join(href.indexOf('?') === -1 ? '?' : '&') : href
|
||||||
|
document.getElementsByTagName('head')[0].appendChild(link)
|
||||||
|
}
|
||||||
@ -0,0 +1,10 @@
|
|||||||
|
import {useStore} from "~/store";
|
||||||
|
import {$response, AdminInfoAction} from "~/api";
|
||||||
|
|
||||||
|
export const reGetAdmin = async () => {
|
||||||
|
const response = await AdminInfoAction()
|
||||||
|
$response(response, () => {
|
||||||
|
const $store = useStore()
|
||||||
|
$store.admin_info = response.data.info
|
||||||
|
})
|
||||||
|
}
|
||||||
@ -0,0 +1,26 @@
|
|||||||
|
import {defineConfig} from 'vite'
|
||||||
|
import Vue from '@vitejs/plugin-vue'
|
||||||
|
import path from 'path'
|
||||||
|
import Pages from 'vite-plugin-pages'
|
||||||
|
import Layouts from 'vite-plugin-vue-layouts'
|
||||||
|
import Components from 'unplugin-vue-components/vite'
|
||||||
|
import AutoImport from 'unplugin-auto-import/vite'
|
||||||
|
import {NaiveUiResolver} from 'unplugin-vue-components/resolvers'
|
||||||
|
import Unocss from 'unocss/vite'
|
||||||
|
import {presetAttributify, presetUno, presetIcons} from 'unocss'
|
||||||
|
|
||||||
|
const admin_path = 'admin'
|
||||||
|
export default defineConfig({
|
||||||
|
base: `/${admin_path}/`,
|
||||||
|
build: {
|
||||||
|
outDir: `../../public/${admin_path}`, assetsDir: 'lib'
|
||||||
|
},
|
||||||
|
resolve: {alias: {'~/': `${path.resolve(__dirname, 'src')}/`}},
|
||||||
|
plugins: [Vue({reactivityTransform: true}), Pages(), Layouts(), AutoImport({
|
||||||
|
imports: ['vue', 'vue/macros', 'vue-router', '@vueuse/core',],
|
||||||
|
}), Components({resolvers: [NaiveUiResolver()]}), Unocss({
|
||||||
|
presets: [presetAttributify({}), presetUno(), presetIcons({
|
||||||
|
warn: true,
|
||||||
|
})],
|
||||||
|
})]
|
||||||
|
})
|
||||||
Loading…
Reference in New Issue