feat: refactor option forms.

pull/3445/head
ruibaby 2019-11-19 14:23:10 +08:00
parent 02a10ddcd9
commit ab7596a245
7 changed files with 125 additions and 358 deletions

View File

@ -77,12 +77,14 @@
:key="index.toString()" :key="index.toString()"
:tab="group.label" :tab="group.label"
> >
<a-form layout="vertical"> <a-form
layout="vertical"
:wrapperCol="wrapperCol"
>
<a-form-item <a-form-item
v-for="(item, index1) in group.items" v-for="(item, index1) in group.items"
:label="item.label + ''" :label="item.label + ''"
:key="index1" :key="index1"
:wrapper-col="wrapperCol"
> >
<a-input <a-input
v-model="themeSettings[item.name]" v-model="themeSettings[item.name]"

View File

@ -87,11 +87,6 @@ export default {
data() { data() {
return { return {
toolbars, toolbars,
wrapperCol: {
xl: { span: 24 },
sm: { span: 24 },
xs: { span: 24 }
},
attachmentDrawerVisible: false, attachmentDrawerVisible: false,
postSettingVisible: false, postSettingVisible: false,
postToStage: {}, postToStage: {},

View File

@ -31,7 +31,7 @@
<a-input v-model="selectedPost.url" /> <a-input v-model="selectedPost.url" />
</a-form-item> </a-form-item>
<a-form-item label="访问密码:"> <a-form-item label="访问密码:">
<a-input-password v-model="selectedPost.password" /> <a-input-password v-model="selectedPost.password" autocomplete="new-password"/>
</a-form-item> </a-form-item>
<a-form-item label="发表时间:"> <a-form-item label="发表时间:">

View File

@ -80,11 +80,6 @@ export default {
data() { data() {
return { return {
toolbars, toolbars,
wrapperCol: {
xl: { span: 24 },
sm: { span: 24 },
xs: { span: 24 }
},
attachmentDrawerVisible: false, attachmentDrawerVisible: false,
sheetSettingVisible: false, sheetSettingVisible: false,
sheetToStage: {} sheetToStage: {}

View File

@ -62,7 +62,9 @@
</div> </div>
<a-divider /> <a-divider />
<div style="margin-top:15px"> <div style="margin-top:15px">
<a-empty v-if="journals.length==0" />
<a-list <a-list
v-else
itemLayout="vertical" itemLayout="vertical"
:pagination="false" :pagination="false"
:dataSource="journals" :dataSource="journals"
@ -99,9 +101,7 @@
<template slot="actions"> <template slot="actions">
<span> <span>
<a href="javascript:void(0);"> <a href="javascript:void(0);">
<a-icon <a-icon type="like-o" />
type="like-o"
/>
{{ item.likes }} {{ item.likes }}
</a> </a>
</span> </span>
@ -110,9 +110,7 @@
href="javascript:void(0);" href="javascript:void(0);"
@click="handleCommentShow(item)" @click="handleCommentShow(item)"
> >
<a-icon <a-icon type="message" />
type="message"
/>
{{ item.commentCount }} {{ item.commentCount }}
</a> </a>
</span> </span>

View File

@ -225,22 +225,6 @@ import recoveryApi from '@/api/recovery'
export default { export default {
data() { data() {
return { return {
formItemLayout: {
labelCol: {
xs: { span: 24 },
sm: { span: 5 },
lg: { span: 4 },
xl: { span: 4 },
xxl: { span: 3 }
},
wrapperCol: {
xs: { span: 24 },
sm: { span: 19 },
lg: { span: 20 },
xl: { span: 20 },
xxl: { span: 21 }
}
},
installation: {}, installation: {},
migrationUploadName: 'file', migrationUploadName: 'file',
migrationData: null, migrationData: null,

View File

@ -8,26 +8,20 @@
<span slot="tab"> <span slot="tab">
<a-icon type="tool" />常规设置 <a-icon type="tool" />常规设置
</span> </span>
<a-form layout="vertical"> <a-form
<a-form-item layout="vertical"
label="博客标题:" :wrapperCol="wrapperCol"
:wrapper-col="wrapperCol"
> >
<a-form-item label="博客标题:">
<a-input v-model="options.blog_title" /> <a-input v-model="options.blog_title" />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="博客地址:">
label="博客地址:"
:wrapper-col="wrapperCol"
>
<a-input <a-input
v-model="options.blog_url" v-model="options.blog_url"
placeholder="如https://halo.run" placeholder="如https://halo.run"
/> />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="Logo">
label="Logo"
:wrapper-col="wrapperCol"
>
<a-input v-model="options.blog_logo"> <a-input v-model="options.blog_logo">
<a <a
href="javascript:void(0);" href="javascript:void(0);"
@ -38,10 +32,7 @@
</a> </a>
</a-input> </a-input>
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="Favicon">
label="Favicon"
:wrapper-col="wrapperCol"
>
<a-input v-model="options.blog_favicon"> <a-input v-model="options.blog_favicon">
<a <a
href="javascript:void(0);" href="javascript:void(0);"
@ -52,10 +43,7 @@
</a> </a>
</a-input> </a-input>
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="页脚信息:">
label="页脚信息:"
:wrapper-col="wrapperCol"
>
<a-input <a-input
type="textarea" type="textarea"
:autosize="{ minRows: 5 }" :autosize="{ minRows: 5 }"
@ -75,26 +63,20 @@
<span slot="tab"> <span slot="tab">
<a-icon type="global" />SEO 设置 <a-icon type="global" />SEO 设置
</span> </span>
<a-form layout="vertical"> <a-form
<a-form-item layout="vertical"
label="屏蔽搜索引擎:" :wrapperCol="wrapperCol"
:wrapper-col="wrapperCol"
> >
<a-form-item label="屏蔽搜索引擎:">
<a-switch v-model="options.seo_spider_disabled" /> <a-switch v-model="options.seo_spider_disabled" />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="关键词: ">
label="关键词: "
:wrapper-col="wrapperCol"
>
<a-input <a-input
v-model="options.seo_keywords" v-model="options.seo_keywords"
placeholder="多个关键词以英文状态下的逗号隔开" placeholder="多个关键词以英文状态下的逗号隔开"
/> />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="博客描述:">
label="博客描述:"
:wrapper-col="wrapperCol"
>
<a-input <a-input
type="textarea" type="textarea"
:autosize="{ minRows: 5 }" :autosize="{ minRows: 5 }"
@ -113,39 +95,30 @@
<span slot="tab"> <span slot="tab">
<a-icon type="form" />文章设置 <a-icon type="form" />文章设置
</span> </span>
<a-form layout="vertical"> <a-form
<a-form-item layout="vertical"
label="首页文章排序:" :wrapperCol="wrapperCol"
:wrapper-col="wrapperCol"
> >
<a-form-item label="首页文章排序:">
<a-select v-model="options.post_index_sort"> <a-select v-model="options.post_index_sort">
<a-select-option value="createTime">创建时间</a-select-option> <a-select-option value="createTime">创建时间</a-select-option>
<a-select-option value="editTime">最后编辑时间</a-select-option> <a-select-option value="editTime">最后编辑时间</a-select-option>
<a-select-option value="visits">点击量</a-select-option> <a-select-option value="visits">点击量</a-select-option>
</a-select> </a-select>
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="首页显示条数:">
label="首页显示条数:"
:wrapper-col="wrapperCol"
>
<a-input <a-input
type="number" type="number"
v-model="options.post_index_page_size" v-model="options.post_index_page_size"
/> />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="RSS 显示条数:">
label="RSS 显示条数:"
:wrapper-col="wrapperCol"
>
<a-input <a-input
type="number" type="number"
v-model="options.rss_page_size" v-model="options.rss_page_size"
/> />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="文章摘要字数:">
label="文章摘要字数:"
:wrapper-col="wrapperCol"
>
<a-input <a-input
type="number" type="number"
v-model="options.post_summary_length" v-model="options.post_summary_length"
@ -163,11 +136,11 @@
<span slot="tab"> <span slot="tab">
<a-icon type="message" />评论设置 <a-icon type="message" />评论设置
</span> </span>
<a-form layout="vertical"> <a-form
<a-form-item layout="vertical"
label="评论者头像:" :wrapperCol="wrapperCol"
:wrapper-col="wrapperCol"
> >
<a-form-item label="评论者头像:">
<a-select v-model="options.comment_gravatar_default"> <a-select v-model="options.comment_gravatar_default">
<a-select-option value="mm">默认</a-select-option> <a-select-option value="mm">默认</a-select-option>
<a-select-option value="identicon">抽象几何图形</a-select-option> <a-select-option value="identicon">抽象几何图形</a-select-option>
@ -178,34 +151,19 @@
<a-select-option value="blank">不显示头像</a-select-option> <a-select-option value="blank">不显示头像</a-select-option>
</a-select> </a-select>
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="评论审核后才显示:">
label="评论审核后才显示:"
:wrapper-col="wrapperCol"
>
<a-switch v-model="options.comment_new_need_check" /> <a-switch v-model="options.comment_new_need_check" />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="新评论通知:">
label="新评论通知:"
:wrapper-col="wrapperCol"
>
<a-switch v-model="options.comment_new_notice" /> <a-switch v-model="options.comment_new_notice" />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="评论回复通知对方:">
label="评论回复通知对方:"
:wrapper-col="wrapperCol"
>
<a-switch v-model="options.comment_reply_notice" /> <a-switch v-model="options.comment_reply_notice" />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="API 评论开关:">
label="API 评论开关:"
:wrapper-col="wrapperCol"
>
<a-switch v-model="options.comment_api_enabled" /> <a-switch v-model="options.comment_api_enabled" />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="评论模块 JS">
label="评论模块 JS"
:wrapper-col="wrapperCol"
>
<a-input <a-input
type="textarea" type="textarea"
:autosize="{ minRows: 2 }" :autosize="{ minRows: 2 }"
@ -213,24 +171,18 @@
placeholder="该设置仅对内置的评论模块有效" placeholder="该设置仅对内置的评论模块有效"
/> />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="每页显示条数: ">
label="每页显示条数: "
:wrapper-col="wrapperCol"
>
<a-input <a-input
type="number" type="number"
v-model="options.comment_page_size" v-model="options.comment_page_size"
/> />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="占位提示:">
label="占位提示:"
:wrapper-col="wrapperCol"
>
<a-input v-model="options.comment_content_placeholder" /> <a-input v-model="options.comment_content_placeholder" />
</a-form-item> </a-form-item>
<!-- <a-form-item <!-- <a-form-item
label="自定义样式:" label="自定义样式:"
:wrapper-col="wrapperCol"
> >
<a-input <a-input
type="textarea" type="textarea"
@ -250,35 +202,26 @@
<span slot="tab"> <span slot="tab">
<a-icon type="picture" />附件设置 <a-icon type="picture" />附件设置
</span> </span>
<a-form layout="vertical"> <a-form
<a-form-item layout="vertical"
label="上传图片时预览:" :wrapperCol="wrapperCol"
:wrapper-col="wrapperCol"
> >
<a-form-item label="上传图片时预览:">
<a-switch v-model="options.attachment_upload_image_preview_enable" /> <a-switch v-model="options.attachment_upload_image_preview_enable" />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="最大上传文件数:">
label="最大上传文件数:"
:wrapper-col="wrapperCol"
>
<a-input <a-input
type="number" type="number"
v-model="options.attachment_upload_max_files" v-model="options.attachment_upload_max_files"
/> />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="同时上传文件数:">
label="同时上传文件数:"
:wrapper-col="wrapperCol"
>
<a-input <a-input
type="number" type="number"
v-model="options.attachment_upload_max_parallel_uploads" v-model="options.attachment_upload_max_parallel_uploads"
/> />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="存储位置:">
label="存储位置:"
:wrapper-col="wrapperCol"
>
<a-select <a-select
@change="handleAttachChange" @change="handleAttachChange"
v-model="options.attachment_type" v-model="options.attachment_type"
@ -294,10 +237,7 @@
class="smmsForm" class="smmsForm"
v-show="smmsFormVisible" v-show="smmsFormVisible"
> >
<a-form-item <a-form-item label="Secret Token">
label="Secret Token"
:wrapper-col="wrapperCol"
>
<a-input-password <a-input-password
v-model="options.smms_api_secret_token" v-model="options.smms_api_secret_token"
placeholder="需要到 sm.ms 官网注册后获取" placeholder="需要到 sm.ms 官网注册后获取"
@ -308,61 +248,37 @@
class="upyunForm" class="upyunForm"
v-show="upyunFormVisible" v-show="upyunFormVisible"
> >
<a-form-item <a-form-item label="绑定域名协议:">
label="绑定域名协议:"
:wrapper-col="wrapperCol"
>
<a-select v-model="options.oss_upyun_domain_protocol"> <a-select v-model="options.oss_upyun_domain_protocol">
<a-select-option value="https://">HTTPS</a-select-option> <a-select-option value="https://">HTTPS</a-select-option>
<a-select-option value="http://">HTTP</a-select-option> <a-select-option value="http://">HTTP</a-select-option>
</a-select> </a-select>
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="绑定域名:">
label="绑定域名:"
:wrapper-col="wrapperCol"
>
<a-input <a-input
v-model="options.oss_upyun_domain" v-model="options.oss_upyun_domain"
placeholder="无需再加上 http:// 或者 https://" placeholder="无需再加上 http:// 或者 https://"
/> />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="空间名称:">
label="空间名称:"
:wrapper-col="wrapperCol"
>
<a-input v-model="options.oss_upyun_bucket" /> <a-input v-model="options.oss_upyun_bucket" />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="操作员名称:">
label="操作员名称:"
:wrapper-col="wrapperCol"
>
<a-input v-model="options.oss_upyun_operator" /> <a-input v-model="options.oss_upyun_operator" />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="操作员密码:">
label="操作员密码:"
:wrapper-col="wrapperCol"
>
<a-input-password v-model="options.oss_upyun_password" /> <a-input-password v-model="options.oss_upyun_password" />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="文件目录:">
label="文件目录:"
:wrapper-col="wrapperCol"
>
<a-input v-model="options.oss_upyun_source" /> <a-input v-model="options.oss_upyun_source" />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="图片处理策略:">
label="图片处理策略:"
:wrapper-col="wrapperCol"
>
<a-input <a-input
v-model="options.oss_upyun_style_rule" v-model="options.oss_upyun_style_rule"
placeholder="间隔标识符+图片处理版本名称" placeholder="间隔标识符+图片处理版本名称"
/> />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="缩略图处理策略:">
label="缩略图处理策略:"
:wrapper-col="wrapperCol"
>
<a-input <a-input
v-model="options.oss_upyun_thumbnail_style_rule" v-model="options.oss_upyun_thumbnail_style_rule"
placeholder="间隔标识符+图片处理版本名称,一般为后台展示所用" placeholder="间隔标识符+图片处理版本名称,一般为后台展示所用"
@ -373,28 +289,19 @@
class="qnyunForm" class="qnyunForm"
v-show="qnyunFormVisible" v-show="qnyunFormVisible"
> >
<a-form-item <a-form-item label="绑定域名协议:">
label="绑定域名协议:"
:wrapper-col="wrapperCol"
>
<a-select v-model="options.oss_qiniu_domain_protocol"> <a-select v-model="options.oss_qiniu_domain_protocol">
<a-select-option value="https://">HTTPS</a-select-option> <a-select-option value="https://">HTTPS</a-select-option>
<a-select-option value="http://">HTTP</a-select-option> <a-select-option value="http://">HTTP</a-select-option>
</a-select> </a-select>
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="绑定域名:">
label="绑定域名:"
:wrapper-col="wrapperCol"
>
<a-input <a-input
v-model="options.oss_qiniu_domain" v-model="options.oss_qiniu_domain"
placeholder="无需再加上 http:// 或者 https://" placeholder="无需再加上 http:// 或者 https://"
/> />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="区域:">
label="区域:"
:wrapper-col="wrapperCol"
>
<a-select v-model="options.oss_qiniu_zone"> <a-select v-model="options.oss_qiniu_zone">
<a-select-option value="auto">自动选择</a-select-option> <a-select-option value="auto">自动选择</a-select-option>
<a-select-option value="z0">华东</a-select-option> <a-select-option value="z0">华东</a-select-option>
@ -404,40 +311,25 @@
<a-select-option value="as0">东南亚</a-select-option> <a-select-option value="as0">东南亚</a-select-option>
</a-select> </a-select>
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="Access Key">
label="Access Key"
:wrapper-col="wrapperCol"
>
<a-input-password v-model="options.oss_qiniu_access_key" /> <a-input-password v-model="options.oss_qiniu_access_key" />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="Secret Key">
label="Secret Key"
:wrapper-col="wrapperCol"
>
<a-input-password v-model="options.oss_qiniu_secret_key" /> <a-input-password v-model="options.oss_qiniu_secret_key" />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="Bucket">
label="Bucket"
:wrapper-col="wrapperCol"
>
<a-input <a-input
v-model="options.oss_qiniu_bucket" v-model="options.oss_qiniu_bucket"
placeholder="存储空间名称" placeholder="存储空间名称"
/> />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="图片处理策略:">
label="图片处理策略:"
:wrapper-col="wrapperCol"
>
<a-input <a-input
v-model="options.oss_qiniu_style_rule" v-model="options.oss_qiniu_style_rule"
placeholder="样式分隔符+图片处理样式名称" placeholder="样式分隔符+图片处理样式名称"
/> />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="缩略图处理策略:">
label="缩略图处理策略:"
:wrapper-col="wrapperCol"
>
<a-input <a-input
v-model="options.oss_qiniu_thumbnail_style_rule" v-model="options.oss_qiniu_thumbnail_style_rule"
placeholder="样式分隔符+图片处理样式名称,一般为后台展示所用" placeholder="样式分隔符+图片处理样式名称,一般为后台展示所用"
@ -448,64 +340,40 @@
class="aliyunForm" class="aliyunForm"
v-show="aliyunFormVisible" v-show="aliyunFormVisible"
> >
<a-form-item <a-form-item label="绑定域名协议:">
label="绑定域名协议:"
:wrapper-col="wrapperCol"
>
<a-select v-model="options.oss_aliyun_domain_protocol"> <a-select v-model="options.oss_aliyun_domain_protocol">
<a-select-option value="https://">HTTPS</a-select-option> <a-select-option value="https://">HTTPS</a-select-option>
<a-select-option value="http://">HTTP</a-select-option> <a-select-option value="http://">HTTP</a-select-option>
</a-select> </a-select>
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="绑定域名:">
label="绑定域名:"
:wrapper-col="wrapperCol"
>
<a-input <a-input
v-model="options.oss_aliyun_domain" v-model="options.oss_aliyun_domain"
placeholder="如不填写,路径根域名将为 Bucket + EndPoint" placeholder="如不填写,路径根域名将为 Bucket + EndPoint"
/> />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="Bucket">
label="Bucket"
:wrapper-col="wrapperCol"
>
<a-input <a-input
v-model="options.oss_aliyun_bucket_name" v-model="options.oss_aliyun_bucket_name"
placeholder="存储空间名称" placeholder="存储空间名称"
/> />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="EndPoint地域节点">
label="EndPoint地域节点"
:wrapper-col="wrapperCol"
>
<a-input v-model="options.oss_aliyun_endpoint" /> <a-input v-model="options.oss_aliyun_endpoint" />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="Access Key">
label="Access Key"
:wrapper-col="wrapperCol"
>
<a-input-password v-model="options.oss_aliyun_access_key" /> <a-input-password v-model="options.oss_aliyun_access_key" />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="Access Secret">
label="Access Secret"
:wrapper-col="wrapperCol"
>
<a-input-password v-model="options.oss_aliyun_access_secret" /> <a-input-password v-model="options.oss_aliyun_access_secret" />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="图片处理策略:">
label="图片处理策略:"
:wrapper-col="wrapperCol"
>
<a-input <a-input
v-model="options.oss_aliyun_style_rule" v-model="options.oss_aliyun_style_rule"
placeholder="请到阿里云控制台的图片处理获取" placeholder="请到阿里云控制台的图片处理获取"
/> />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="缩略图处理策略:">
label="缩略图处理策略:"
:wrapper-col="wrapperCol"
>
<a-input <a-input
v-model="options.oss_aliyun_thumbnail_style_rule" v-model="options.oss_aliyun_thumbnail_style_rule"
placeholder="请到阿里云控制台的图片处理获取,一般为后台展示所用" placeholder="请到阿里云控制台的图片处理获取,一般为后台展示所用"
@ -516,64 +384,40 @@
class="baiduyunForm" class="baiduyunForm"
v-show="baiduyunFormVisible" v-show="baiduyunFormVisible"
> >
<a-form-item <a-form-item label="绑定域名协议:">
label="绑定域名协议:"
:wrapper-col="wrapperCol"
>
<a-select v-model="options.bos_baiduyun_domain_protocol"> <a-select v-model="options.bos_baiduyun_domain_protocol">
<a-select-option value="https://">HTTPS</a-select-option> <a-select-option value="https://">HTTPS</a-select-option>
<a-select-option value="http://">HTTP</a-select-option> <a-select-option value="http://">HTTP</a-select-option>
</a-select> </a-select>
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="绑定域名:">
label="绑定域名:"
:wrapper-col="wrapperCol"
>
<a-input <a-input
v-model="options.bos_baiduyun_domain" v-model="options.bos_baiduyun_domain"
placeholder="如不填写,路径根域名将为 Bucket + EndPoint" placeholder="如不填写,路径根域名将为 Bucket + EndPoint"
/> />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="Bucket">
label="Bucket"
:wrapper-col="wrapperCol"
>
<a-input <a-input
v-model="options.bos_baiduyun_bucket_name" v-model="options.bos_baiduyun_bucket_name"
placeholder="存储空间名称" placeholder="存储空间名称"
/> />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="EndPoint地域节点">
label="EndPoint地域节点"
:wrapper-col="wrapperCol"
>
<a-input v-model="options.bos_baiduyun_endpoint" /> <a-input v-model="options.bos_baiduyun_endpoint" />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="Access Key">
label="Access Key"
:wrapper-col="wrapperCol"
>
<a-input-password v-model="options.bos_baiduyun_access_key" /> <a-input-password v-model="options.bos_baiduyun_access_key" />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="Secret Key">
label="Secret Key"
:wrapper-col="wrapperCol"
>
<a-input-password v-model="options.bos_baiduyun_secret_key" /> <a-input-password v-model="options.bos_baiduyun_secret_key" />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="图片处理策略:">
label="图片处理策略:"
:wrapper-col="wrapperCol"
>
<a-input <a-input
v-model="options.bos_baiduyun_style_rule" v-model="options.bos_baiduyun_style_rule"
placeholder="请到百度云控制台的图片处理获取" placeholder="请到百度云控制台的图片处理获取"
/> />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="缩略图处理策略:">
label="缩略图处理策略:"
:wrapper-col="wrapperCol"
>
<a-input <a-input
v-model="options.bos_baiduyun_thumbnail_style_rule" v-model="options.bos_baiduyun_thumbnail_style_rule"
placeholder="请到百度云控制台的图片处理获取,一般为后台展示所用" placeholder="请到百度云控制台的图片处理获取,一般为后台展示所用"
@ -584,37 +428,25 @@
class="tencentyunForm" class="tencentyunForm"
v-show="tencentyunFormVisible" v-show="tencentyunFormVisible"
> >
<a-form-item <a-form-item label="绑定域名协议:">
label="绑定域名协议:"
:wrapper-col="wrapperCol"
>
<a-select v-model="options.cos_tencentyun_domain_protocol"> <a-select v-model="options.cos_tencentyun_domain_protocol">
<a-select-option value="https://">HTTPS</a-select-option> <a-select-option value="https://">HTTPS</a-select-option>
<a-select-option value="http://">HTTP</a-select-option> <a-select-option value="http://">HTTP</a-select-option>
</a-select> </a-select>
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="绑定域名:">
label="绑定域名:"
:wrapper-col="wrapperCol"
>
<a-input <a-input
v-model="options.cos_tencentyun_domain" v-model="options.cos_tencentyun_domain"
placeholder="如不填写,路径根域名将为 Bucket + 区域地址" placeholder="如不填写,路径根域名将为 Bucket + 区域地址"
/> />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="Bucket">
label="Bucket"
:wrapper-col="wrapperCol"
>
<a-input <a-input
v-model="options.cos_tencentyun_bucket_name" v-model="options.cos_tencentyun_bucket_name"
placeholder="存储桶名称" placeholder="存储桶名称"
/> />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="区域:">
label="区域:"
:wrapper-col="wrapperCol"
>
<a-select v-model="options.cos_tencentyun_region"> <a-select v-model="options.cos_tencentyun_region">
<a-select-option value="ap-beijing-1">北京一区</a-select-option> <a-select-option value="ap-beijing-1">北京一区</a-select-option>
<a-select-option value="ap-beijing">北京</a-select-option> <a-select-option value="ap-beijing">北京</a-select-option>
@ -624,16 +456,10 @@
<a-select-option value="ap-chongqing">重庆</a-select-option> <a-select-option value="ap-chongqing">重庆</a-select-option>
</a-select> </a-select>
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="Secret Id">
label="Secret Id"
:wrapper-col="wrapperCol"
>
<a-input-password v-model="options.cos_tencentyun_secret_id" /> <a-input-password v-model="options.cos_tencentyun_secret_id" />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="Secret Key">
label="Secret Key"
:wrapper-col="wrapperCol"
>
<a-input-password v-model="options.cos_tencentyun_secret_key" /> <a-input-password v-model="options.cos_tencentyun_secret_key" />
</a-form-item> </a-form-item>
</div> </div>
@ -655,50 +481,32 @@
tab="发信设置" tab="发信设置"
key="1" key="1"
> >
<a-form layout="vertical"> <a-form
<a-form-item layout="vertical"
label="是否启用:" :wrapperCol="wrapperCol"
:wrapper-col="wrapperCol"
> >
<a-form-item label="是否启用:">
<a-switch v-model="options.email_enabled" /> <a-switch v-model="options.email_enabled" />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="SMTP 地址:">
label="SMTP 地址:"
:wrapper-col="wrapperCol"
>
<a-input v-model="options.email_host" /> <a-input v-model="options.email_host" />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="发送协议:">
label="发送协议:"
:wrapper-col="wrapperCol"
>
<a-input v-model="options.email_protocol" /> <a-input v-model="options.email_protocol" />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="SSL 端口:">
label="SSL 端口:"
:wrapper-col="wrapperCol"
>
<a-input v-model="options.email_ssl_port" /> <a-input v-model="options.email_ssl_port" />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="邮箱账号:">
label="邮箱账号:"
:wrapper-col="wrapperCol"
>
<a-input v-model="options.email_username" /> <a-input v-model="options.email_username" />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="邮箱密码:">
label="邮箱密码:"
:wrapper-col="wrapperCol"
>
<a-input-password <a-input-password
v-model="options.email_password" v-model="options.email_password"
placeholder="部分邮箱可能是授权码" placeholder="部分邮箱可能是授权码"
/> />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="发件人:">
label="发件人:"
:wrapper-col="wrapperCol"
>
<a-input v-model="options.email_from_name" /> <a-input v-model="options.email_from_name" />
</a-form-item> </a-form-item>
<a-form-item> <a-form-item>
@ -713,23 +521,17 @@
tab="发送测试" tab="发送测试"
key="2" key="2"
> >
<a-form layout="vertical"> <a-form
<a-form-item layout="vertical"
label="收件人:" :wrapperCol="wrapperCol"
:wrapper-col="wrapperCol"
> >
<a-form-item label="收件人:">
<a-input v-model="mailParam.to" /> <a-input v-model="mailParam.to" />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="主题:">
label="主题:"
:wrapper-col="wrapperCol"
>
<a-input v-model="mailParam.subject" /> <a-input v-model="mailParam.subject" />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="内容:">
label="内容:"
:wrapper-col="wrapperCol"
>
<a-input <a-input
type="textarea" type="textarea"
:autosize="{ minRows: 5 }" :autosize="{ minRows: 5 }"
@ -751,17 +553,14 @@
<span slot="tab"> <span slot="tab">
<a-icon type="thunderbolt" />API 设置 <a-icon type="thunderbolt" />API 设置
</span> </span>
<a-form layout="vertical"> <a-form
<a-form-item layout="vertical"
label="API 服务:" :wrapperCol="wrapperCol"
:wrapper-col="wrapperCol"
> >
<a-form-item label="API 服务:">
<a-switch v-model="options.api_enabled" /> <a-switch v-model="options.api_enabled" />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="Access key">
label="Access key"
:wrapper-col="wrapperCol"
>
<a-input-password v-model="options.api_access_key" /> <a-input-password v-model="options.api_access_key" />
</a-form-item> </a-form-item>
<a-form-item> <a-form-item>
@ -776,20 +575,17 @@
<span slot="tab"> <span slot="tab">
<a-icon type="align-left" />其他设置 <a-icon type="align-left" />其他设置
</span> </span>
<a-form layout="vertical"> <a-form
<a-form-item layout="vertical"
label="CDN 加速域名:" :wrapperCol="wrapperCol"
:wrapper-col="wrapperCol"
> >
<a-form-item label="CDN 加速域名:">
<a-input <a-input
v-model="options.blog_cdn_domain" v-model="options.blog_cdn_domain"
placeholder="请确保已经正确配置好了 CDN" placeholder="请确保已经正确配置好了 CDN"
/> />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="自定义 head">
label="自定义 head"
:wrapper-col="wrapperCol"
>
<a-input <a-input
type="textarea" type="textarea"
:autosize="{ minRows: 5 }" :autosize="{ minRows: 5 }"
@ -797,10 +593,7 @@
placeholder="将放置于每个页面的<head></head>标签中" placeholder="将放置于每个页面的<head></head>标签中"
/> />
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="统计代码:">
label="统计代码:"
:wrapper-col="wrapperCol"
>
<a-input <a-input
type="textarea" type="textarea"
:autosize="{ minRows: 5 }" :autosize="{ minRows: 5 }"
@ -810,7 +603,7 @@
</a-form-item> </a-form-item>
<!-- <a-form-item <!-- <a-form-item
label="黑名单 IP" label="黑名单 IP"
:wrapper-col="wrapperCol"
> >
<a-input <a-input
type="textarea" type="textarea"