mirror of https://github.com/halo-dev/halo-admin
完成设置页面
ruibaby
parent
30c41e24b9
commit
a97d0e8671
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="logo">
|
<div class="logo">
|
||||||
<router-link :to="{name:'dashboard'}">
|
<router-link :to="{name:'Dashboard'}">
|
||||||
<LogoSvg alt="logo" />
|
<LogoSvg alt="logo" />
|
||||||
<h1 v-if="showTitle">{{ title }}</h1>
|
<h1 v-if="showTitle">{{ title }}</h1>
|
||||||
</router-link>
|
</router-link>
|
||||||
|
|
|
||||||
|
|
@ -14,7 +14,7 @@ export const asyncRouterMap = [
|
||||||
// dashboard
|
// dashboard
|
||||||
{
|
{
|
||||||
path: '/dashboard',
|
path: '/dashboard',
|
||||||
name: 'dashboard',
|
name: 'Dashboard',
|
||||||
component: () => import('@/views/dashboard/Dashboard'),
|
component: () => import('@/views/dashboard/Dashboard'),
|
||||||
meta: { title: '仪表盘', icon: 'dashboard', hiddenHeaderContent: true }
|
meta: { title: '仪表盘', icon: 'dashboard', hiddenHeaderContent: true }
|
||||||
},
|
},
|
||||||
|
|
@ -22,7 +22,7 @@ export const asyncRouterMap = [
|
||||||
// posts
|
// posts
|
||||||
{
|
{
|
||||||
path: '/posts',
|
path: '/posts',
|
||||||
name: 'posts',
|
name: 'Posts',
|
||||||
redirect: '/posts/list',
|
redirect: '/posts/list',
|
||||||
component: RouteView,
|
component: RouteView,
|
||||||
meta: { title: '文章', icon: 'form' },
|
meta: { title: '文章', icon: 'form' },
|
||||||
|
|
@ -57,7 +57,7 @@ export const asyncRouterMap = [
|
||||||
// pages
|
// pages
|
||||||
{
|
{
|
||||||
path: '/pages',
|
path: '/pages',
|
||||||
name: 'pages',
|
name: 'Pages',
|
||||||
component: RouteView,
|
component: RouteView,
|
||||||
redirect: '/pages/list',
|
redirect: '/pages/list',
|
||||||
meta: { title: '页面', icon: 'read' },
|
meta: { title: '页面', icon: 'read' },
|
||||||
|
|
@ -80,7 +80,7 @@ export const asyncRouterMap = [
|
||||||
// attachments
|
// attachments
|
||||||
{
|
{
|
||||||
path: '/attachments',
|
path: '/attachments',
|
||||||
name: 'attachments',
|
name: 'Attachments',
|
||||||
component: () => import('@/views/attachment/AttachmentList'),
|
component: () => import('@/views/attachment/AttachmentList'),
|
||||||
meta: { title: '附件', icon: 'picture', hiddenHeaderContent: true }
|
meta: { title: '附件', icon: 'picture', hiddenHeaderContent: true }
|
||||||
},
|
},
|
||||||
|
|
@ -88,7 +88,7 @@ export const asyncRouterMap = [
|
||||||
// comments
|
// comments
|
||||||
{
|
{
|
||||||
path: '/comments',
|
path: '/comments',
|
||||||
name: 'comments',
|
name: 'Comments',
|
||||||
component: () => import('@/views/comment/CommentList'),
|
component: () => import('@/views/comment/CommentList'),
|
||||||
meta: { title: '评论', icon: 'message', hiddenHeaderContent: true }
|
meta: { title: '评论', icon: 'message', hiddenHeaderContent: true }
|
||||||
},
|
},
|
||||||
|
|
@ -96,7 +96,7 @@ export const asyncRouterMap = [
|
||||||
// interface
|
// interface
|
||||||
{
|
{
|
||||||
path: '/interface',
|
path: '/interface',
|
||||||
name: 'interface',
|
name: 'Interface',
|
||||||
component: RouteView,
|
component: RouteView,
|
||||||
redirect: '/interface/themes',
|
redirect: '/interface/themes',
|
||||||
meta: { title: '外观', icon: 'skin' },
|
meta: { title: '外观', icon: 'skin' },
|
||||||
|
|
@ -125,7 +125,7 @@ export const asyncRouterMap = [
|
||||||
// user
|
// user
|
||||||
{
|
{
|
||||||
path: '/user',
|
path: '/user',
|
||||||
name: 'user',
|
name: 'User',
|
||||||
component: RouteView,
|
component: RouteView,
|
||||||
redirect: '/user/profile',
|
redirect: '/user/profile',
|
||||||
meta: { title: '用户', icon: 'user' },
|
meta: { title: '用户', icon: 'user' },
|
||||||
|
|
@ -142,7 +142,7 @@ export const asyncRouterMap = [
|
||||||
// system
|
// system
|
||||||
{
|
{
|
||||||
path: '/system',
|
path: '/system',
|
||||||
name: 'options',
|
name: 'System',
|
||||||
component: RouteView,
|
component: RouteView,
|
||||||
redirect: '/system/options',
|
redirect: '/system/options',
|
||||||
meta: { title: '系统', icon: 'setting' },
|
meta: { title: '系统', icon: 'setting' },
|
||||||
|
|
|
||||||
|
|
@ -23,18 +23,10 @@
|
||||||
</a-col>
|
</a-col>
|
||||||
|
|
||||||
<a-col :xl="6" :lg="6" :md="6" :sm="24" :xs="24">
|
<a-col :xl="6" :lg="6" :md="6" :sm="24" :xs="24">
|
||||||
<a-card title="发布">
|
<a-card title="发布"> </a-card>
|
||||||
|
<a-card title="分类目录"> </a-card>
|
||||||
</a-card>
|
<a-card title="标签"> </a-card>
|
||||||
<a-card title="分类目录">
|
<a-card title="缩略图"> </a-card>
|
||||||
|
|
||||||
</a-card>
|
|
||||||
<a-card title="标签">
|
|
||||||
|
|
||||||
</a-card>
|
|
||||||
<a-card title="缩略图">
|
|
||||||
|
|
||||||
</a-card>
|
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
</a-row>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -22,19 +22,24 @@
|
||||||
<a-input type="textarea" :autosize="{ minRows: 5 }" />
|
<a-input type="textarea" :autosize="{ minRows: 5 }" />
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
<a-form-item>
|
<a-form-item>
|
||||||
<a-button type="primary">保存</a-button>
|
<a-button type="primary" @click="saveOptions">保存</a-button>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-form>
|
</a-form>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
<a-tab-pane tab="SEO设置" key="seo">
|
<a-tab-pane tab="SEO设置" key="seo">
|
||||||
<a-form layout="vertical">
|
<a-form layout="vertical">
|
||||||
<a-form-item label="关键词： " :wrapper-col="wrapperCol">
|
<a-form-item label="关键词： " :wrapper-col="wrapperCol">
|
||||||
<a-input />
|
<a-tooltip :trigger="['focus']" placement="right" title="多个关键词以英文逗号隔开">
|
||||||
|
<a-input />
|
||||||
|
</a-tooltip>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
<a-form-item label="博客描述：" :wrapper-col="wrapperCol">
|
<a-form-item label="博客描述：" :wrapper-col="wrapperCol">
|
||||||
<a-input />
|
<a-input />
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
<a-form-item label="百度推送 token： " :wrapper-col="wrapperCol">
|
<a-form-item label="百度推送 Token： " :wrapper-col="wrapperCol">
|
||||||
|
<a-input />
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item label="百度站点验证：" :wrapper-col="wrapperCol">
|
||||||
<a-input />
|
<a-input />
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
<a-form-item label="Google 站点验证：" :wrapper-col="wrapperCol">
|
<a-form-item label="Google 站点验证：" :wrapper-col="wrapperCol">
|
||||||
|
|
@ -43,30 +48,27 @@
|
||||||
<a-form-item label="Bing 站点验证：" :wrapper-col="wrapperCol">
|
<a-form-item label="Bing 站点验证：" :wrapper-col="wrapperCol">
|
||||||
<a-input />
|
<a-input />
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
<a-form-item label="Baidu 站点验证：" :wrapper-col="wrapperCol">
|
|
||||||
<a-input />
|
|
||||||
</a-form-item>
|
|
||||||
<a-form-item label="360 站点验证：" :wrapper-col="wrapperCol">
|
<a-form-item label="360 站点验证：" :wrapper-col="wrapperCol">
|
||||||
<a-input />
|
<a-input />
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
<a-form-item>
|
<a-form-item>
|
||||||
<a-button type="primary">保存</a-button>
|
<a-button type="primary" @click="saveOptions">保存</a-button>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-form>
|
</a-form>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
<a-tab-pane tab="文章设置" key="post">
|
<a-tab-pane tab="文章设置" key="post">
|
||||||
<a-form layout="vertical">
|
<a-form layout="vertical">
|
||||||
<a-form-item label="首页显示条数：" :wrapper-col="wrapperCol">
|
<a-form-item label="首页显示条数：" :wrapper-col="wrapperCol">
|
||||||
<a-input type="number" />
|
<a-input type="number" defaultValue="10"/>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
<a-form-item label="RSS 显示条数：" :wrapper-col="wrapperCol">
|
<a-form-item label="RSS 显示条数：" :wrapper-col="wrapperCol">
|
||||||
<a-input type="number" />
|
<a-input type="number" defaultValue="10"/>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
<a-form-item label="文章摘要字数：" :wrapper-col="wrapperCol">
|
<a-form-item label="文章摘要字数：" :wrapper-col="wrapperCol">
|
||||||
<a-input type="number" />
|
<a-input type="number" defaultValue="200"/>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
<a-form-item>
|
<a-form-item>
|
||||||
<a-button type="primary">保存</a-button>
|
<a-button type="primary" @click="saveOptions">保存</a-button>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-form>
|
</a-form>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
|
|
@ -148,7 +150,7 @@
|
||||||
</a-radio-group>
|
</a-radio-group>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
<a-form-item label="每页显示条数： " :wrapper-col="wrapperCol">
|
<a-form-item label="每页显示条数： " :wrapper-col="wrapperCol">
|
||||||
<a-input type="number" />
|
<a-input type="number" defaultValue="10"/>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
<a-form-item label="占位提示：" :wrapper-col="wrapperCol">
|
<a-form-item label="占位提示：" :wrapper-col="wrapperCol">
|
||||||
<a-input />
|
<a-input />
|
||||||
|
|
@ -157,13 +159,147 @@
|
||||||
<a-input type="textarea" :autosize="{ minRows: 5 }" />
|
<a-input type="textarea" :autosize="{ minRows: 5 }" />
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
<a-form-item>
|
<a-form-item>
|
||||||
<a-button type="primary">保存</a-button>
|
<a-button type="primary" @click="saveOptions">保存</a-button>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-form>
|
</a-form>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
<a-tab-pane tab="附件设置" key="attachment"> </a-tab-pane>
|
<a-tab-pane tab="附件设置" key="attachment">
|
||||||
<a-tab-pane tab="后台设置" key="admin"> </a-tab-pane>
|
<a-form layout="vertical">
|
||||||
<a-tab-pane tab="邮箱设置" key="email"> </a-tab-pane>
|
<a-form-item label="存储位置：" :wrapper-col="wrapperCol">
|
||||||
|
<a-select defaultValue="LOCAL" @change="handleAttachChange">
|
||||||
|
<a-select-option value="LOCAL">
|
||||||
|
本地
|
||||||
|
</a-select-option>
|
||||||
|
<a-select-option value="SMMS">
|
||||||
|
SM.MS
|
||||||
|
</a-select-option>
|
||||||
|
<a-select-option value="UPYUN">
|
||||||
|
又拍云
|
||||||
|
</a-select-option>
|
||||||
|
<a-select-option value="QNYUN">
|
||||||
|
七牛云
|
||||||
|
</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</a-form-item>
|
||||||
|
<div class="upyunForm" v-show="upyunFormHidden">
|
||||||
|
<a-form-item label="域名：" :wrapper-col="wrapperCol">
|
||||||
|
<a-input />
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item label="空间名称：" :wrapper-col="wrapperCol">
|
||||||
|
<a-input />
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item label="操作员名称：" :wrapper-col="wrapperCol">
|
||||||
|
<a-input />
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item label="操作员密码：" :wrapper-col="wrapperCol">
|
||||||
|
<a-input />
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item label="文件目录：" :wrapper-col="wrapperCol">
|
||||||
|
<a-input />
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item label="处理策略：" :wrapper-col="wrapperCol">
|
||||||
|
<a-input />
|
||||||
|
</a-form-item>
|
||||||
|
</div>
|
||||||
|
<div class="qiniuForm" v-show="qiniuFormHidden">
|
||||||
|
<a-form-item label="区域：" :wrapper-col="wrapperCol">
|
||||||
|
<a-select defaultValue="auto">
|
||||||
|
<a-select-option value="auto">
|
||||||
|
自动选择
|
||||||
|
</a-select-option>
|
||||||
|
<a-select-option value="z0">
|
||||||
|
华东
|
||||||
|
</a-select-option>
|
||||||
|
<a-select-option value="z1">
|
||||||
|
华北
|
||||||
|
</a-select-option>
|
||||||
|
<a-select-option value="z2">
|
||||||
|
华南
|
||||||
|
</a-select-option>
|
||||||
|
<a-select-option value="na0">
|
||||||
|
北美
|
||||||
|
</a-select-option>
|
||||||
|
<a-select-option value="as0">
|
||||||
|
东南亚
|
||||||
|
</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item label="域名：" :wrapper-col="wrapperCol">
|
||||||
|
<a-input />
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item label="Access Key：" :wrapper-col="wrapperCol">
|
||||||
|
<a-input />
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item label="Secret Key：" :wrapper-col="wrapperCol">
|
||||||
|
<a-input />
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item label="Bucket：" :wrapper-col="wrapperCol">
|
||||||
|
<a-input />
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item label="处理策略：" :wrapper-col="wrapperCol">
|
||||||
|
<a-input />
|
||||||
|
</a-form-item>
|
||||||
|
</div>
|
||||||
|
<a-form-item>
|
||||||
|
<a-button type="primary" @click="saveOptions">保存</a-button>
|
||||||
|
</a-form-item>
|
||||||
|
</a-form>
|
||||||
|
</a-tab-pane>
|
||||||
|
<a-tab-pane tab="SMTP 服务" key="smtp">
|
||||||
|
<a-tabs defaultActiveKey="1">
|
||||||
|
<a-tab-pane tab="发信设置" key="1">
|
||||||
|
<a-form layout="vertical">
|
||||||
|
<a-form-item label="是否启用：" :wrapper-col="wrapperCol">
|
||||||
|
<a-radio-group v-decorator="['radio-group']" defaultValue="true">
|
||||||
|
<a-radio value="true">
|
||||||
|
启用
|
||||||
|
</a-radio>
|
||||||
|
<a-radio value="false">
|
||||||
|
禁用
|
||||||
|
</a-radio>
|
||||||
|
</a-radio-group>
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item label="SMTP 地址：" :wrapper-col="wrapperCol">
|
||||||
|
<a-input />
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item label="发送协议：" :wrapper-col="wrapperCol">
|
||||||
|
<a-input />
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item label="SSL 端口：" :wrapper-col="wrapperCol">
|
||||||
|
<a-input />
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item label="邮箱账号：" :wrapper-col="wrapperCol">
|
||||||
|
<a-input />
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item label="邮箱密码：" :wrapper-col="wrapperCol">
|
||||||
|
<a-input />
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item label="发件人：" :wrapper-col="wrapperCol">
|
||||||
|
<a-input />
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item>
|
||||||
|
<a-button type="primary" @click="saveOptions">保存</a-button>
|
||||||
|
</a-form-item>
|
||||||
|
</a-form>
|
||||||
|
</a-tab-pane>
|
||||||
|
<a-tab-pane tab="发送测试" key="2">
|
||||||
|
<a-form layout="vertical">
|
||||||
|
<a-form-item label="收件人：" :wrapper-col="wrapperCol">
|
||||||
|
<a-input />
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item label="主题：" :wrapper-col="wrapperCol">
|
||||||
|
<a-input />
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item label="内容：" :wrapper-col="wrapperCol">
|
||||||
|
<a-input type="textarea" :autosize="{ minRows: 5 }" />
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item>
|
||||||
|
<a-button type="primary">发送</a-button>
|
||||||
|
</a-form-item>
|
||||||
|
</a-form>
|
||||||
|
</a-tab-pane>
|
||||||
|
</a-tabs>
|
||||||
|
</a-tab-pane>
|
||||||
<a-tab-pane tab="其他设置" key="other">
|
<a-tab-pane tab="其他设置" key="other">
|
||||||
<a-form layout="vertical">
|
<a-form layout="vertical">
|
||||||
<a-form-item label="API服务：" :wrapper-col="wrapperCol">
|
<a-form-item label="API服务：" :wrapper-col="wrapperCol">
|
||||||
|
|
@ -183,7 +319,7 @@
|
||||||
<a-input type="textarea" :autosize="{ minRows: 5 }" />
|
<a-input type="textarea" :autosize="{ minRows: 5 }" />
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
<a-form-item>
|
<a-form-item>
|
||||||
<a-button type="primary">保存</a-button>
|
<a-button type="primary" @click="saveOptions">保存</a-button>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-form>
|
</a-form>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
|
|
@ -201,12 +337,31 @@ export default {
|
||||||
xl: { span: 8 },
|
xl: { span: 8 },
|
||||||
sm: { span: 8 },
|
sm: { span: 8 },
|
||||||
xs: { span: 24 }
|
xs: { span: 24 }
|
||||||
}
|
},
|
||||||
|
upyunFormHidden: false,
|
||||||
|
qiniuFormHidden: false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
callback(key) {
|
saveOptions(e) {
|
||||||
console.log(key)
|
this.$message.success('保存成功！')
|
||||||
|
},
|
||||||
|
handleAttachChange(e) {
|
||||||
|
switch (e) {
|
||||||
|
case 'LOCAL':
|
||||||
|
case 'SMMS':
|
||||||
|
this.upyunFormHidden = false
|
||||||
|
this.qiniuFormHidden = false
|
||||||
|
break
|
||||||
|
case 'UPYUN':
|
||||||
|
this.upyunFormHidden = true
|
||||||
|
this.qiniuFormHidden = false
|
||||||
|
break
|
||||||
|
case 'QNYUN':
|
||||||
|
this.qiniuFormHidden = true
|
||||||
|
this.upyunFormHidden = false
|
||||||
|
break
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -12,25 +12,25 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="profile-center-detail">
|
<div class="profile-center-detail">
|
||||||
<p><a-icon type="mail" /> {{ user.email }} </p>
|
<p><a-icon type="mail" /> {{ user.email }} </p>
|
||||||
<p><a-icon type="calendar" /> {{ counts.establishDays }} 天</p>
|
<p><a-icon type="calendar" /> {{ counts.establishDays || 0 }} 天</p>
|
||||||
</div>
|
</div>
|
||||||
<a-divider />
|
<a-divider />
|
||||||
<div class="general-profile">
|
<div class="general-profile">
|
||||||
<a-list itemLayout="horizontal" :loading="countsLoading">
|
<a-list itemLayout="horizontal" :loading="countsLoading">
|
||||||
<a-list-item>
|
<a-list-item>
|
||||||
累计发表了 {{ counts.postCount }} 篇文章。
|
累计发表了 {{ counts.postCount || 0 }} 篇文章。
|
||||||
</a-list-item>
|
</a-list-item>
|
||||||
<a-list-item>
|
<a-list-item>
|
||||||
累计创建了 {{ counts.linkCount }} 个标签。
|
累计创建了 {{ counts.linkCount || 0 }} 个标签。
|
||||||
</a-list-item>
|
</a-list-item>
|
||||||
<a-list-item>
|
<a-list-item>
|
||||||
累计获得了 {{ counts.commentCount }} 条评论。
|
累计获得了 {{ counts.commentCount || 0 }} 条评论。
|
||||||
</a-list-item>
|
</a-list-item>
|
||||||
<a-list-item>
|
<a-list-item>
|
||||||
累计添加了 {{ counts.linkCount }} 个友链。
|
累计添加了 {{ counts.linkCount || 0 }} 个友链。
|
||||||
</a-list-item>
|
</a-list-item>
|
||||||
<a-list-item>
|
<a-list-item>
|
||||||
文章总访问 {{ counts.visitCount }} 次。
|
文章总访问 {{ counts.visitCount || 0 }} 次。
|
||||||
</a-list-item>
|
</a-list-item>
|
||||||
<a-list-item> </a-list-item>
|
<a-list-item> </a-list-item>
|
||||||
</a-list>
|
</a-list>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue