mirror of https://github.com/halo-dev/halo-admin
ruibaby
5 years ago
6 changed files with 277 additions and 3 deletions
@ -0,0 +1,39 @@
|
||||
import service from '@/utils/service' |
||||
|
||||
const baseUrl = '/api/admin/static_page' |
||||
|
||||
const staticPageApi = {} |
||||
|
||||
staticPageApi.list = () => { |
||||
return service({ |
||||
url: baseUrl, |
||||
method: 'get' |
||||
}) |
||||
} |
||||
|
||||
staticPageApi.generate = () => { |
||||
return service({ |
||||
url: `${baseUrl}/generate`, |
||||
method: 'get' |
||||
}) |
||||
} |
||||
|
||||
staticPageApi.deploy = () => { |
||||
return service({ |
||||
url: `${baseUrl}/deploy`, |
||||
method: 'get' |
||||
}) |
||||
} |
||||
|
||||
staticPageApi.deployType = { |
||||
GIT: { |
||||
type: 'GIT', |
||||
text: 'Git' |
||||
}, |
||||
NETLIFY: { |
||||
type: 'NETLIFY', |
||||
text: 'Netlify' |
||||
} |
||||
} |
||||
|
||||
export default staticPageApi |
||||
@ -0,0 +1,100 @@
|
||||
<template> |
||||
<a-form |
||||
layout="vertical" |
||||
:wrapperCol="wrapperCol" |
||||
> |
||||
<a-form-item label="部署平台："> |
||||
<a-select v-model="options.static_deploy_type"> |
||||
<a-select-option |
||||
v-for="item in Object.keys(deployType)" |
||||
:key="item" |
||||
:value="item" |
||||
>{{ deployType[item].text }}</a-select-option> |
||||
</a-select> |
||||
</a-form-item> |
||||
<div |
||||
id="gitForm" |
||||
v-show="options.static_deploy_type === 'GIT'" |
||||
> |
||||
<a-form-item label="域名："> |
||||
<a-input v-model="options.git_static_deploy_domain" /> |
||||
</a-form-item> |
||||
<a-form-item label="仓库："> |
||||
<a-input v-model="options.git_static_deploy_repository" /> |
||||
</a-form-item> |
||||
<a-form-item label="分支："> |
||||
<a-input v-model="options.git_static_deploy_branch" /> |
||||
</a-form-item> |
||||
<a-form-item label="仓库用户名："> |
||||
<a-input v-model="options.git_static_deploy_username" /> |
||||
</a-form-item> |
||||
<a-form-item label="邮箱："> |
||||
<a-input v-model="options.git_static_deploy_email" /> |
||||
</a-form-item> |
||||
<a-form-item label="Token："> |
||||
<a-input-password v-model="options.git_static_deploy_token" /> |
||||
</a-form-item> |
||||
<a-form-item label="CNAME："> |
||||
<a-input v-model="options.git_static_deploy_cname" /> |
||||
</a-form-item> |
||||
</div> |
||||
<div |
||||
id="netlifyForm" |
||||
v-show="options.static_deploy_type === 'NETLIFY'" |
||||
> |
||||
<a-form-item label="域名："> |
||||
<a-input v-model="options.netlify_static_deploy_domain" /> |
||||
</a-form-item> |
||||
<a-form-item label="Site ID："> |
||||
<a-input v-model="options.netlify_static_deploy_site_id" /> |
||||
</a-form-item> |
||||
<a-form-item label="Token："> |
||||
<a-input-password v-model="options.netlify_static_deploy_token" /> |
||||
</a-form-item> |
||||
</div> |
||||
<a-form-item> |
||||
<a-button |
||||
type="primary" |
||||
@click="handleSaveOptions" |
||||
>保存</a-button> |
||||
</a-form-item> |
||||
</a-form> |
||||
</template> |
||||
<script> |
||||
import staticPageApi from '@/api/staticPage' |
||||
import optionApi from '@/api/option' |
||||
import { mapActions } from 'vuex' |
||||
export default { |
||||
name: 'DeploySettingsForm', |
||||
data() { |
||||
return { |
||||
deployType: staticPageApi.deployType, |
||||
wrapperCol: { |
||||
xl: { span: 8 }, |
||||
lg: { span: 8 }, |
||||
sm: { span: 12 }, |
||||
xs: { span: 24 } |
||||
}, |
||||
options: [] |
||||
} |
||||
}, |
||||
mounted() { |
||||
this.loadFormOptions() |
||||
}, |
||||
methods: { |
||||
...mapActions(['loadOptions']), |
||||
loadFormOptions() { |
||||
optionApi.listAll().then(response => { |
||||
this.options = response.data.data |
||||
}) |
||||
}, |
||||
handleSaveOptions() { |
||||
optionApi.save(this.options).then(response => { |
||||
this.loadFormOptions() |
||||
this.loadOptions() |
||||
this.$message.success('保存成功！') |
||||
}) |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
@ -0,0 +1,10 @@
|
||||
<template> |
||||
<div> |
||||
SettingsForm |
||||
</div> |
||||
</template> |
||||
<script> |
||||
export default { |
||||
name: 'SettingsForm' |
||||
} |
||||
</script> |
||||
@ -0,0 +1,105 @@
|
||||
<template> |
||||
<div class="option-tab-wrapper"> |
||||
<a-card |
||||
:bordered="false" |
||||
:bodyStyle="{ padding: 0 }" |
||||
> |
||||
<div class="table-operator"> |
||||
<a-button |
||||
type="primary" |
||||
icon="reload" |
||||
@click="handleGenerate" |
||||
>生成</a-button> |
||||
<a-button |
||||
icon="cloud-upload" |
||||
@click="handleDeploy" |
||||
:loading="deployLoading" |
||||
:disabled="deployLoading" |
||||
> |
||||
部署 |
||||
</a-button> |
||||
<a-button |
||||
icon="sync" |
||||
@click="loadStaticPageList" |
||||
:loading="loading" |
||||
:disabled="loading" |
||||
> |
||||
刷新 |
||||
</a-button> |
||||
</div> |
||||
<div style="margin-top:15px"> |
||||
<a-table |
||||
:rowKey="record => record.name" |
||||
:columns="columns" |
||||
:dataSource="staticPages" |
||||
:pagination="false" |
||||
size="middle" |
||||
:loading="loading" |
||||
> |
||||
<span |
||||
slot="name" |
||||
slot-scope="name" |
||||
> |
||||
<ellipsis |
||||
:length="64" |
||||
tooltip |
||||
> |
||||
{{ name }} |
||||
</ellipsis> |
||||
</span> |
||||
</a-table> |
||||
</div> |
||||
</a-card> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
import staticPageApi from '@/api/staticPage' |
||||
const columns = [ |
||||
{ |
||||
title: '文件名', |
||||
dataIndex: 'name', |
||||
scopedSlots: { customRender: 'name' } |
||||
} |
||||
] |
||||
export default { |
||||
name: 'StaticPagesList', |
||||
data() { |
||||
return { |
||||
columns: columns, |
||||
staticPages: [], |
||||
loading: false, |
||||
deployLoading: false |
||||
} |
||||
}, |
||||
created() { |
||||
this.loadStaticPageList() |
||||
}, |
||||
methods: { |
||||
loadStaticPageList() { |
||||
this.loading = true |
||||
staticPageApi.list().then(response => { |
||||
this.staticPages = response.data.data |
||||
this.loading = false |
||||
}) |
||||
}, |
||||
handleGenerate() { |
||||
this.loading = true |
||||
const hide = this.$message.loading('生成中...', 0) |
||||
staticPageApi.generate().then(response => { |
||||
hide() |
||||
this.$message.success('生成成功！') |
||||
this.loadStaticPageList() |
||||
}) |
||||
}, |
||||
handleDeploy() { |
||||
this.deployLoading = true |
||||
const hide = this.$message.loading('部署中...', 0) |
||||
staticPageApi.deploy().then(response => { |
||||
hide() |
||||
this.deployLoading = false |
||||
this.$message.success('部署成功！') |
||||
}) |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
Loading…
Reference in new issue