orion/filecodebox
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update:env

Browse Source
This commit is contained in:
lan
2023-08-15 17:23:30 +08:00
parent da764c08b0
commit 70a4e12963
50 changed files with 224 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files
fcb-fronted/src/views/Admin/AboutView.vue
+6 -7
View File
@@ -1,11 +1,10 @@
<template>
<main>
<div>
<el-row>
<el-col>1</el-col>
</el-row>
<el-button>1</el-button>
</div>
<main style="text-align: center">
<span>本项目开源于Github：
<em>
<a style="color: #333" href="https://github.com/vastsa/FileCodeBox">FileCodeBox</a>
</em>
</span>
</main>
</template>
<script lang="ts" setup>
fcb-fronted/src/views/Admin/AdminView.vue
+3 -2
View File
@@ -3,6 +3,7 @@
<el-header>
<el-menu mode="horizontal" router :default-active="route.path">
<el-menu-item v-for="menu in menus" :index="menu.path" :key="menu.path">{{menu.name}}</el-menu-item>
<el-menu-item style="float: right" @click="toggleDark(!isDark)">颜色模式</el-menu-item>
</el-menu>
</el-header>
<el-main>
@@ -11,9 +12,10 @@
</el-container>
</template>
<script setup lang="ts">
import { useDark } from '@vueuse/core';
import { useDark,useToggle } from '@vueuse/core';
import { ref } from "vue";
const isDark = useDark()
const toggleDark = useToggle(isDark)
import { useRoute } from 'vue-router';
const route = useRoute();
const menus = ref([
@@ -30,7 +32,6 @@ const menus = ref([
path: '/admin/about',
}
]);
console.log(isDark.value);
</script>
<style lang="scss" scoped>
</style>
fcb-fronted/src/views/Admin/SettingView.vue
+70 -16
View File
@@ -9,58 +9,112 @@
<el-form-item size="large" label="关键词" style="letter-spacing: 0.3rem">
<el-input v-model="config.keywords" />
</el-form-item>
<el-form-item size="large" label="开启上传">
<el-select v-model="config.openUpload">
<el-option label="开启游客上传" value="1" />
<el-option label="关闭游客上传" value="0" />
</el-select>
</el-form-item>
<el-form-item size="large" label="文件大小">
<el-input v-model="config.uploadSize" />
<el-input type="number" v-model="config.uploadSize" />
<template #append>Bit</template>
<small>最大文件大小，单位:（bit),1mb=1 * 1024 * 1024</small>
</el-form-item>
<el-form-item size="large" label="开启上传">
<el-select v-model="config.openUpload">
<el-option label="开启游客上传" :value="1" />
<el-option label="关闭游客上传" :value="0" />
</el-select>
<small style="margin-left: 0.4rem">关闭之后需要登录后台方可上传</small>
</el-form-item>
<el-form-item size="large" label="存储引擎">
<el-select v-model="config.file_storage">
<el-option label="本地存储" value="local" />
<el-option label="S3存储" value="s3" />
</el-select>
<small style="margin-left: 0.4rem">更新后需要重启FileCodeBox</small>
</el-form-item>
<div v-if="config.file_storage==='s3'">
<el-form-item size="large" label="S3 AccessKeyId">
<el-input v-model="config.s3_access_key_id" />
</el-form-item>
<el-form-item size="large" label="S3 SecretAccessKey">
<el-input v-model="config.s3_secret_access_key" />
</el-form-item>
<el-form-item size="large" label="S3 BucketName">
<el-input v-model="config.s3_bucket_name" />
</el-form-item>
<el-form-item size="large" label="S3 EndpointUrl">
<el-input v-model="config.s3_endpoint_url" />
</el-form-item>
</div>
<el-form-item size="large" label="上传限制">
<span style="display: flex;height: 38px">
<span style="margin-right: 0.4rem">每</span>
<el-input v-model="config.uploadMinute" />
<el-input type="number" v-model="config.uploadMinute" />
<span style="width: 200px;margin-left: 0.4rem">分钟</span>
</span>
<span style="display: flex;height: 38px">
<span style="width:3rem;margin-right: 0.4rem">上传</span>
<el-input v-model="config.uploadCount" />
<el-input type="number" v-model="config.uploadCount" />
<span style="width: 200px;margin-left: 0.4rem">个文件</span>
</span>
</el-form-item>
<el-form-item size="large" label="错误限制">
<span style="display: flex;height: 38px">
<span style="margin-right: 0.4rem">每</span>
<el-input v-model="config.uploadMinute" />
<el-input type="number" v-model="config.errorMinute" />
<span style="width: 200px;margin-left: 0.4rem">分钟</span>
</span>
<span style="display: flex;height: 38px">
<span style="width:3rem;margin-right: 0.4rem">允许</span>
<el-input v-model="config.uploadCount" />
<el-input type="number" v-model="config.errorCount" />
<span style="width: 200px;margin-left: 0.4rem">次错误</span>
</span>
</el-form-item>
<el-form-item>
<el-button type="primary" style="margin: auto">保存</el-button>
<el-button @click="submitSave" type="primary" style="margin: auto">保存</el-button>
</el-form-item>
</el-form>
</template>
<script lang="ts" setup>
import {ref} from "vue";
import { request } from "@/utils/request";
import { ElMessage } from "element-plus";
const config = ref({
name: '',
description: '',
file_storage: '',
keywords: '',
openUpload: '1',
uploadSize: '1',
uploadMinute: '1',
uploadCount: '1',
openUpload: 1,
uploadSize: 1,
uploadMinute: 1,
s3_access_key_id: '',
s3_secret_access_key: '',
s3_bucket_name: '',
s3_endpoint_url: '',
uploadCount: 1,
errorMinute: 1,
errorCount: 1,
});
const refreshData = ()=>{
request({
url: '/admin/config/get',
method: 'get'
}).then((res: any) => {
config.value = res.detail;
});
}
refreshData();
const submitSave = () => {
request({
url: '/admin/config/update',
method: 'patch',
data: config.value
}).then((res: any) => {
if (res.code == 200) {
ElMessage.success('保存成功');
} else {
ElMessage.error(res.message);
}
});
};
</script>
<style lang="scss">