You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
100 lines
3.4 KiB
100 lines
3.4 KiB
<template> |
|
<el-dialog :visible.sync="dialog" :close-on-click-modal="false" title="七牛云配置" append-to-body width="580px"> |
|
<el-form ref="form" :model="form" :rules="rules" style="margin-top: 6px;" size="small" label-width="110px"> |
|
<el-form-item label="Access Key" prop="accessKey"> |
|
<el-input v-model="form.accessKey" style="width: 95%" placeholder="accessKey，在安全中心，秘钥管理中查看" /> |
|
</el-form-item> |
|
<el-form-item label="Secret Key" prop="secretKey"> |
|
<el-input v-model="form.secretKey" type="password" style="width: 95%;" placeholder="secretKey，在安全中心，秘钥管理中查看" /> |
|
</el-form-item> |
|
<el-form-item label="空间名称" prop="bucket"> |
|
<el-input v-model="form.bucket" style="width: 95%;" placeholder="存储空间名称作为唯一的 Bucket 识别符" /> |
|
</el-form-item> |
|
<el-form-item label="外链域名" prop="host"> |
|
<el-input v-model="form.host" style="width: 95%;" placeholder="外链域名，可自定义，需在七牛云绑定" /> |
|
</el-form-item> |
|
<el-form-item label="存储区域" prop="port"> |
|
<el-select v-model="form.zone" placeholder="请选择存储区域"> |
|
<el-option |
|
v-for="item in zones" |
|
:key="item" |
|
:label="item" |
|
:value="item" |
|
/> |
|
</el-select> |
|
</el-form-item> |
|
<el-form-item label="空间类型" prop="host"> |
|
<el-radio v-model="form.type" label="公开">公开</el-radio> |
|
<el-radio v-model="form.type" label="私有">私有</el-radio> |
|
</el-form-item> |
|
</el-form> |
|
<div slot="footer" class="dialog-footer"> |
|
<el-button type="text" @click="dialog = false">取消</el-button> |
|
<el-button :loading="loading" type="primary" @click="doSubmit">确认</el-button> |
|
</div> |
|
</el-dialog> |
|
</template> |
|
|
|
<script> |
|
import { get, update } from '@/api/tools/qiniu' |
|
export default { |
|
data() { |
|
return { |
|
zones: ['华东', '华北', '华南', '北美', '东南亚'], dialog: false, |
|
loading: false, form: { accessKey: '', secretKey: '', bucket: '', host: '', zone: '', type: '' }, |
|
rules: { |
|
accessKey: [ |
|
{ required: true, message: '请输入accessKey', trigger: 'blur' } |
|
], |
|
secretKey: [ |
|
{ required: true, message: '请输入secretKey', trigger: 'blur' } |
|
], |
|
bucket: [ |
|
{ required: true, message: '请输入空间名称', trigger: 'blur' } |
|
], |
|
host: [ |
|
{ required: true, message: '请输入外链域名', trigger: 'blur' } |
|
], |
|
type: [ |
|
{ required: true, message: '空间类型不能为空', trigger: 'blur' } |
|
] |
|
} |
|
} |
|
}, |
|
methods: { |
|
init() { |
|
get().then(res => { |
|
if(res){ |
|
this.form = res |
|
} |
|
}) |
|
}, |
|
doSubmit() { |
|
this.$refs['form'].validate((valid) => { |
|
if (valid) { |
|
this.loading = true |
|
update(this.form).then(res => { |
|
this.$notify({ |
|
title: '修改成功', |
|
type: 'success', |
|
duration: 2500 |
|
}) |
|
this.$parent.crud.toQuery() |
|
this.loading = false |
|
this.dialog = false |
|
}).catch(err => { |
|
this.loading = false |
|
console.log(err.response.data.message) |
|
}) |
|
} else { |
|
return false |
|
} |
|
}) |
|
} |
|
} |
|
} |
|
</script> |
|
|
|
<style scoped> |
|
|
|
</style>
|
|
|