mirror of
https://github.com/dataease/dataease.git
synced 2026-05-19 18:38:16 +08:00
feat:恢复勿删文件
This commit is contained in:
wangjiahao
@@ -37,6 +37,11 @@ export default {
|
||||
component: () => import('@/business/components/settings/sys/user'),
|
||||
meta: {system: true, title: 'commons.user'}
|
||||
},
|
||||
{
|
||||
path: 'systemparametersetting',
|
||||
component: () => import('@/business/components/settings/system/SystemParameterSetting'),
|
||||
meta: {system: true, title: 'commons.system_parameter_setting'}
|
||||
},
|
||||
// {
|
||||
// path: 'systemworkspace',
|
||||
// component: () => import('@/business/components/settings/system/SystemWorkspace'),
|
||||
|
||||
@@ -86,7 +86,6 @@
|
||||
methods: {
|
||||
query() {
|
||||
this.result = this.$get("/system/base/info", response => {
|
||||
debugger;
|
||||
this.systemParams = response.data;
|
||||
})
|
||||
},
|
||||
|
||||
264
frontend/src/business/components/settings/system/UiSetting.vue
Normal file
264
frontend/src/business/components/settings/system/UiSetting.vue
Normal file
@@ -0,0 +1,264 @@
|
||||
<template>
|
||||
<div v-loading="result.loading">
|
||||
<el-form ref="systemParams" class="demo-form-inline"
|
||||
:disabled="show" v-loading="loading" size="small">
|
||||
<el-row>
|
||||
<el-col v-for="(param,index) in systemParams" :key="index">
|
||||
<!--logo upload-->
|
||||
<el-form-item :label="$t('display.logo')"
|
||||
v-if="param.paramKey==='ui.logo'">
|
||||
<el-upload style="float: right;margin-left: 10px"
|
||||
v-loading="result.loading"
|
||||
class="upload-demo"
|
||||
action=""
|
||||
accept=".jpeg,.jpg,.png,.gif"
|
||||
:on-exceed="handleExceed"
|
||||
:beforeUpload="uploadValidate"
|
||||
:on-error="handleError"
|
||||
:show-file-list="false"
|
||||
:file-list="filesTmp"
|
||||
:http-request="uploadLogo">
|
||||
<el-button style="display: inline-block" size="mini" type="success" plain>
|
||||
{{ $t('commons.upload') }}
|
||||
</el-button>
|
||||
</el-upload>
|
||||
<el-button style="float:right;margin-top: 3px" size="mini" type="danger" plain
|
||||
@click="removeValue('ui.logo')">
|
||||
{{ $t('commons.clear') }}
|
||||
</el-button>
|
||||
<el-input :disabled="true" v-model="param.fileName"
|
||||
:placeholder="$t('display.advice_size')+'：135px * 30px'"/>
|
||||
</el-form-item>
|
||||
<!--logo upload-->
|
||||
<el-form-item :label="$t('display.loginImage')"
|
||||
v-if="param.paramKey==='ui.loginImage'">
|
||||
<el-upload style="float: right;margin-left: 10px"
|
||||
v-loading="result.loading"
|
||||
class="upload-demo"
|
||||
action=""
|
||||
accept=".jpeg,.jpg,.png,.gif"
|
||||
:on-exceed="handleExceed"
|
||||
:beforeUpload="uploadValidate"
|
||||
:on-error="handleError"
|
||||
:show-file-list="false"
|
||||
:file-list="filesTmp"
|
||||
:http-request="uploadLoginImage">
|
||||
<el-button style="display: inline-block" size="mini" type="success" plain>
|
||||
{{ $t('commons.upload') }}
|
||||
</el-button>
|
||||
</el-upload>
|
||||
<el-button style="float:right;margin-top: 3px" size="mini" type="danger" plain
|
||||
@click="removeValue('ui.loginImage')">
|
||||
{{ $t('commons.clear') }}
|
||||
</el-button>
|
||||
<el-input :disabled="true" v-model="param.fileName"
|
||||
:placeholder="$t('display.advice_size')+'：500px * 450px'"/>
|
||||
</el-form-item>
|
||||
<!--favicon upload-->
|
||||
<el-form-item :label="$t('display.loginLogo')"
|
||||
v-if="param.paramKey==='ui.loginLogo'">
|
||||
<el-upload style="float: right;margin-left: 10px"
|
||||
v-loading="result.loading"
|
||||
class="upload-demo"
|
||||
action=""
|
||||
accept=".jpeg,.jpg,.png,.gif"
|
||||
:on-exceed="handleExceed"
|
||||
:beforeUpload="uploadValidate"
|
||||
:on-error="handleError"
|
||||
:show-file-list="false"
|
||||
:file-list="filesTmp"
|
||||
:http-request="uploadLoginLogo">
|
||||
<el-button style="display: inline-block" size="mini" type="success" plain>
|
||||
{{ $t('commons.upload') }}
|
||||
</el-button>
|
||||
</el-upload>
|
||||
<el-button style="float:right;margin-top: 3px" size="mini" type="danger" plain
|
||||
@click="removeValue('ui.loginLogo')">
|
||||
{{ $t('commons.clear') }}
|
||||
</el-button>
|
||||
<el-input :disabled="true" v-model="param.fileName"
|
||||
:placeholder="$t('display.advice_size')+'：135px * 30px'"/>
|
||||
</el-form-item>
|
||||
<!--favicon upload-->
|
||||
<el-form-item :label="$t('display.favicon')"
|
||||
v-if="param.paramKey==='ui.favicon'">
|
||||
<el-upload style="float: right;margin-left: 10px"
|
||||
v-loading="result.loading"
|
||||
class="upload-demo"
|
||||
action=""
|
||||
accept=".jpeg,.jpg,.png,.gif"
|
||||
:on-exceed="handleExceed"
|
||||
:beforeUpload="uploadValidate"
|
||||
:on-error="handleError"
|
||||
:show-file-list="false"
|
||||
:file-list="filesTmp"
|
||||
:http-request="uploadFavicon">
|
||||
<el-button style="display: inline-block" size="mini" type="success" plain>
|
||||
{{ $t('commons.upload') }}
|
||||
</el-button>
|
||||
</el-upload>
|
||||
<el-button style="float:right;margin-top: 3px" size="mini" type="danger" plain
|
||||
@click="removeValue('ui.favicon')">
|
||||
{{ $t('commons.clear') }}
|
||||
</el-button>
|
||||
<el-input :disabled="true" v-model="param.fileName"
|
||||
:placeholder="$t('display.advice_size')+'：16px * 16px'"/>
|
||||
</el-form-item>
|
||||
<!--ui.loginTitle-->
|
||||
<el-form-item :label="$t('display.loginTitle')" v-if="param.paramKey==='ui.loginTitle'">
|
||||
<el-input v-model="param.paramValue" placeholder="eg：DateEase"/>
|
||||
</el-form-item>
|
||||
<!--ui.title-->
|
||||
<el-form-item :label="$t('display.title')" v-if="param.paramKey==='ui.title'">
|
||||
<el-input v-model="param.paramValue" placeholder="eg：DateEase"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<div>
|
||||
<el-button @click="edit" v-if="showEdit" size="small">{{ $t('commons.edit') }}</el-button>
|
||||
<el-button type="success" @click="save" v-if="showSave" :disabled="disabledSave" size="small">
|
||||
{{ $t('commons.save') }}
|
||||
</el-button>
|
||||
<el-button @click="cancel" type="info" v-if="showCancel" size="small">{{ $t('commons.cancel') }}</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ElUploadList from "element-ui/packages/upload/src/upload-list";
|
||||
|
||||
export default {
|
||||
name: "UiSetting",
|
||||
data() {
|
||||
return {
|
||||
filesTmp: [],
|
||||
suffixes: new Set(['png', 'jpg', 'gif', 'jpeg']),
|
||||
files: [],
|
||||
systemParams: [],
|
||||
systemParamsOld: [],
|
||||
input: '',
|
||||
visible: true,
|
||||
result: {},
|
||||
showEdit: true,
|
||||
showSave: false,
|
||||
showCancel: false,
|
||||
show: true,
|
||||
disabledConnection: false,
|
||||
disabledSave: false,
|
||||
loading: false,
|
||||
rules: {
|
||||
url: [
|
||||
{
|
||||
required: true,
|
||||
message: 'Not Null',
|
||||
trigger: ['change', 'blur']
|
||||
},
|
||||
],
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.query()
|
||||
},
|
||||
methods: {
|
||||
query() {
|
||||
this.result = this.$get("/system/ui/info", response => {
|
||||
this.systemParams = response.data;
|
||||
})
|
||||
},
|
||||
edit() {
|
||||
this.showEdit = false;
|
||||
this.showSave = true;
|
||||
this.showCancel = true;
|
||||
this.show = false;
|
||||
},
|
||||
save() {
|
||||
this.showEdit = true;
|
||||
this.showCancel = false;
|
||||
this.showSave = false;
|
||||
this.show = true;
|
||||
this.systemParams.forEach((systemParam) => {
|
||||
if (systemParam.file !== null) {
|
||||
let file = systemParam.file;
|
||||
let name = file.name + "," + systemParam.paramKey;
|
||||
let newfile = new File([file], name, {type: file.type});
|
||||
this.files.push(newfile);
|
||||
systemParam.file = null;
|
||||
}
|
||||
});
|
||||
|
||||
this.result = this.$fileUpload("/system/save/ui", null, this.files, {"systemParams": this.systemParams}, response => {
|
||||
if (response.success) {
|
||||
this.query();//刷新数据
|
||||
this.$success(this.$t('commons.save_success'));
|
||||
} else {
|
||||
this.$message.error(this.$t('commons.save_failed'));
|
||||
}
|
||||
});
|
||||
},
|
||||
cancel() {
|
||||
this.showEdit = true;
|
||||
this.showCancel = false;
|
||||
this.showSave = false;
|
||||
this.show = true;
|
||||
this.query();
|
||||
},
|
||||
handleExceed(files, fileList) {
|
||||
this.$warning(this.$t('test_track.case.import.upload_limit_count'));
|
||||
},
|
||||
handleError() {
|
||||
this.$warning(this.$t('test_track.case.import.upload_limit_count'));
|
||||
},
|
||||
uploadValidate(file) {
|
||||
let suffix = file.name.substring(file.name.lastIndexOf('.') + 1);
|
||||
if (!this.suffixes.has(suffix)) {
|
||||
this.$warning(this.$t('test_track.case.import.upload_limit_format'));
|
||||
return false;
|
||||
}
|
||||
|
||||
if (file.size / 1024 / 1024 > 5) {
|
||||
this.$warning(this.$t('test_track.case.import.upload_limit_size'));
|
||||
return false;
|
||||
}
|
||||
this.errList = [];
|
||||
return true;
|
||||
},
|
||||
uploadLogo(file) {
|
||||
this.upload(file,'ui.logo')
|
||||
},
|
||||
uploadFavicon(file) {
|
||||
this.upload(file,'ui.favicon')
|
||||
},
|
||||
uploadLoginImage(file) {
|
||||
this.upload(file,'ui.loginImage')
|
||||
},
|
||||
uploadLoginLogo(file) {
|
||||
this.upload(file,'ui.loginLogo')
|
||||
},
|
||||
upload(file,paramKey) {
|
||||
this.systemParams.forEach((systemParam) => {
|
||||
if (systemParam.paramKey === paramKey) {
|
||||
systemParam.fileName = file.file.name;
|
||||
systemParam.file = file.file;
|
||||
}
|
||||
})
|
||||
},
|
||||
removeValue(paramKey) {
|
||||
this.systemParams.forEach((systemParam) => {
|
||||
if (systemParam.paramKey === paramKey) {
|
||||
systemParam.fileName = null;
|
||||
systemParam.file = null;
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.el-form {
|
||||
min-height: 300px;
|
||||
}
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user