zhuce
/
lilishop-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

适配minio

master
Chopper 2022-06-07 09:37:53 +08:00
parent 71690cfd8f
commit 2dcfacd431
2 changed files with 47 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
manager/src/views/sys/setting-manage/setting/OSS_SETTING.vue
View File

@ -1,20 +1,44 @@
<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">
<Input v-model="formValidate.endPoint" /> <RadioGroup v-model="formValidate.type" type="button">
<Radio label="ALI_OSS">阿里OSS</Radio>
<Radio label="MINIO">MINIO</Radio>
</RadioGroup>
</FormItem> </FormItem>
<FormItem label="bucketName" class="label-item" prop="bucketName"> <!-- 阿里云存储-->
<Input v-model="formValidate.bucketName" /> <FormItem v-if="formValidate.type==='ALI_OSS'" label="endPoint" prop="endPoint">
<Input v-model="formValidate.endPoint"/>
</FormItem> </FormItem>
<FormItem label="picLocation" prop="bucketName"> <FormItem v-if="formValidate.type==='ALI_OSS'" label="bucketName" class="label-item" prop="bucketName">
<Input v-model="formValidate.picLocation" /> <Input v-model="formValidate.bucketName"/>
</FormItem> </FormItem>
<FormItem label="accessKeyId" prop="accessKeyId"> <FormItem v-if="formValidate.type==='ALI_OSS'" label="picLocation" prop="bucketName">
<Input v-model="formValidate.accessKeyId" /> <Input v-model="formValidate.picLocation"/>
</FormItem> </FormItem>
<FormItem label="accessKeySecret" prop="accessKeySecret"> <FormItem v-if="formValidate.type==='ALI_OSS'" label="accessKeyId" prop="accessKeyId">
<Input v-model="formValidate.accessKeySecret" /> <Input v-model="formValidate.accessKeyId"/>
</FormItem>
<FormItem v-if="formValidate.type==='ALI_OSS'" label="accessKeySecret" prop="accessKeySecret">
<Input v-model="formValidate.accessKeySecret"/>
</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> </FormItem>
<div class="label-btns"> <div class="label-btns">
<Button type="primary" @click="submit('formValidate')">保存</Button> <Button type="primary" @click="submit('formValidate')">保存</Button>
@ -24,18 +48,24 @@
</div> </div>
</template> </template>
<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: "",
}, },
}; };
}, },
@ -47,7 +77,7 @@ export default {
// 保存 // 保存
submit(name) { submit(name) {
let that = this; let that = this;
if( handleSubmit(that, name )){ if (handleSubmit(that, name)) {
this.setupSetting() this.setupSetting()
} }
}, },
@ -65,7 +95,7 @@ export default {
init() { init() {
this.res = JSON.parse(this.res); this.res = JSON.parse(this.res);
this.$set(this, "formValidate", { ...this.res }); this.$set(this, "formValidate", {...this.res});
Object.keys(this.formValidate).forEach((item) => { Object.keys(this.formValidate).forEach((item) => {
this.ruleValidate[item] = [ this.ruleValidate[item] = [
{ {
@ -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;

2
manager/src/views/sys/setting-manage/settingManage.vue
View File

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