适配minio
parent
71690cfd8f
commit
2dcfacd431
|
@ -1,21 +1,45 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="layout">
|
<div class="layout">
|
||||||
<Form ref="formValidate" :label-width="150" label-position="right" :model="formValidate" :rules="ruleValidate">
|
<Form ref="formValidate" :label-width="150" label-position="right" :model="formValidate" :rules="ruleValidate">
|
||||||
|
|
||||||
<FormItem label="endPoint" prop="endPoint">
|
<FormItem label="endPoint" prop="endPoint">
|
||||||
|
<RadioGroup v-model="formValidate.type" type="button">
|
||||||
|
<Radio label="ALI_OSS">阿里OSS</Radio>
|
||||||
|
<Radio label="MINIO">MINIO</Radio>
|
||||||
|
</RadioGroup>
|
||||||
|
</FormItem>
|
||||||
|
<!-- 阿里云存储-->
|
||||||
|
<FormItem v-if="formValidate.type==='ALI_OSS'" label="endPoint" prop="endPoint">
|
||||||
<Input v-model="formValidate.endPoint"/>
|
<Input v-model="formValidate.endPoint"/>
|
||||||
</FormItem>
|
</FormItem>
|
||||||
<FormItem label="bucketName" class="label-item" prop="bucketName">
|
<FormItem v-if="formValidate.type==='ALI_OSS'" label="bucketName" class="label-item" prop="bucketName">
|
||||||
<Input v-model="formValidate.bucketName"/>
|
<Input v-model="formValidate.bucketName"/>
|
||||||
</FormItem>
|
</FormItem>
|
||||||
<FormItem label="picLocation" prop="bucketName">
|
<FormItem v-if="formValidate.type==='ALI_OSS'" label="picLocation" prop="bucketName">
|
||||||
<Input v-model="formValidate.picLocation"/>
|
<Input v-model="formValidate.picLocation"/>
|
||||||
</FormItem>
|
</FormItem>
|
||||||
<FormItem label="accessKeyId" prop="accessKeyId">
|
<FormItem v-if="formValidate.type==='ALI_OSS'" label="accessKeyId" prop="accessKeyId">
|
||||||
<Input v-model="formValidate.accessKeyId"/>
|
<Input v-model="formValidate.accessKeyId"/>
|
||||||
</FormItem>
|
</FormItem>
|
||||||
<FormItem label="accessKeySecret" prop="accessKeySecret">
|
<FormItem v-if="formValidate.type==='ALI_OSS'" label="accessKeySecret" prop="accessKeySecret">
|
||||||
<Input v-model="formValidate.accessKeySecret"/>
|
<Input v-model="formValidate.accessKeySecret"/>
|
||||||
</FormItem>
|
</FormItem>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- MINIO存储-->
|
||||||
|
|
||||||
|
<FormItem v-if="formValidate.type==='MINIO'" label="endpoint" prop="m_endpoint">
|
||||||
|
<Input v-model="formValidate.m_endpoint"/>
|
||||||
|
</FormItem>
|
||||||
|
<FormItem v-if="formValidate.type==='MINIO'" label="accessKey" class="label-item" prop="m_accessKey">
|
||||||
|
<Input v-model="formValidate.m_accessKey"/>
|
||||||
|
</FormItem>
|
||||||
|
<FormItem v-if="formValidate.type==='MINIO'" label="secretKey" prop="bucketName">
|
||||||
|
<Input v-model="formValidate.m_secretKey"/>
|
||||||
|
</FormItem>
|
||||||
|
<FormItem v-if="formValidate.type==='MINIO'" label="bucketName" prop="accessKeyId">
|
||||||
|
<Input v-model="formValidate.m_bucketName"/>
|
||||||
|
</FormItem>
|
||||||
<div class="label-btns">
|
<div class="label-btns">
|
||||||
<Button type="primary" @click="submit('formValidate')">保存</Button>
|
<Button type="primary" @click="submit('formValidate')">保存</Button>
|
||||||
|
|
||||||
|
@ -26,16 +50,22 @@
|
||||||
<script>
|
<script>
|
||||||
import {setSetting} from "@/api/index";
|
import {setSetting} from "@/api/index";
|
||||||
import {handleSubmit} from "./validate";
|
import {handleSubmit} from "./validate";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
ruleValidate: {}, // 验证规则
|
ruleValidate: {}, // 验证规则
|
||||||
formValidate: { // 表单数据
|
formValidate: { // 表单数据
|
||||||
|
type: "",
|
||||||
accessKeyId: "",
|
accessKeyId: "",
|
||||||
accessKeySecret: "",
|
accessKeySecret: "",
|
||||||
bucketName: "",
|
bucketName: "",
|
||||||
picLocation: "",
|
picLocation: "",
|
||||||
endPoint: "",
|
endPoint: "",
|
||||||
|
m_endpoint: "",
|
||||||
|
m_accessKey: "",
|
||||||
|
m_secretKey: "",
|
||||||
|
m_bucketName: "",
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
@ -82,13 +112,16 @@ export default {
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import "./style.scss";
|
@import "./style.scss";
|
||||||
|
|
||||||
.label-item {
|
.label-item {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
/deep/ .ivu-input {
|
/deep/ .ivu-input {
|
||||||
width: 300px !important;
|
width: 300px !important;
|
||||||
margin: 0 10px;
|
margin: 0 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ivu-input-wrapper {
|
.ivu-input-wrapper {
|
||||||
width: 300px;
|
width: 300px;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
|
|
|
@ -50,7 +50,7 @@ export default {
|
||||||
//阿里OSS配置
|
//阿里OSS配置
|
||||||
{
|
{
|
||||||
type: "OSS_SETTING",
|
type: "OSS_SETTING",
|
||||||
name: "阿里OSS配置",
|
name: "OSS配置",
|
||||||
},
|
},
|
||||||
//阿里短信配置
|
//阿里短信配置
|
||||||
{
|
{
|
||||||
|
|
Loading…
Reference in New Issue