适配minio

master
Chopper 2022-06-07 09:37:53 +08:00
parent 71690cfd8f
commit 2dcfacd431
2 changed files with 47 additions and 14 deletions

View File

@ -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;

View File

@ -50,7 +50,7 @@ export default {
//OSS //OSS
{ {
type: "OSS_SETTING", type: "OSS_SETTING",
name: "阿里OSS配置", name: "OSS配置",
}, },
// //
{ {