admin/django-vue3-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(系统配置): 🐛 系统配置中文件上传,内容添加,分组添加

Browse Source 
1.文件上传;
2.内容添加;
3.添加完成后刷新
This commit is contained in:
猿小天
2023-04-28 11:54:50 +08:00
parent 096f5919af
commit d3b057f75a
3 changed files with 19 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/views/system/config/components/addContent.vue
View File

@@ -40,7 +40,7 @@
<el-input-number v-model="form.sort" :min="0" :max="99"></el-input-number> <el-input-number v-model="form.sort" :min="0" :max="99"></el-input-number>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" @click="onSubmit">立即创建</el-button> <el-button type="primary" @click="onSubmit(formRef)">立即创建</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
@@ -49,7 +49,7 @@
<script setup lang="ts"> <script setup lang="ts">
import * as api from '../api'; import * as api from '../api';
import associationTable from './components/associationTable.vue'; import associationTable from './components/associationTable.vue';
import { ref, reactive, onMounted } from 'vue'; import {ref, reactive, onMounted, inject} from 'vue';
import type { FormInstance, FormRules } from 'element-plus'; import type { FormInstance, FormRules } from 'element-plus';
import { successMessage } from '/@/utils/message'; import { successMessage } from '/@/utils/message';
import { dictionary } from '/@/utils/dictionary'; import { dictionary } from '/@/utils/dictionary';
@@ -118,12 +118,17 @@ const getParent = () => {
parentOptions.value = res.data; parentOptions.value = res.data;
}); });
}; };
const refreshView:any = inject('refreshView')
const onSubmit = async (formEl: FormInstance | undefined) => { const onSubmit = async (formEl: FormInstance | undefined) => {
if (!formEl) return; if (!formEl) return;
await formEl.validate((valid, fields) => { await formEl.validate((valid, fields) => {
if (valid) { if (valid) {
api.AddObj(form).then((res: any) => { api.AddObj(form).then((res: any) => {
if (res.code == 2000) successMessage('新增成功'); if (res.code == 2000) {
successMessage('新增成功');
refreshView()
}
}); });
} else { } else {
console.log('error submit!', fields); console.log('error submit!', fields);

12
web/src/views/system/config/components/addTabs.vue
View File

@@ -17,9 +17,10 @@
<script setup lang="ts"> <script setup lang="ts">
import * as api from '../api'; import * as api from '../api';
import { ref, reactive } from 'vue'; import {ref, reactive, inject} from 'vue';
import type { FormInstance, FormRules } from 'element-plus'; import type { FormInstance, FormRules } from 'element-plus';
import { successMessage } from '/@/utils/message'; import { successMessage } from '/@/utils/message';
let form = reactive({ let form = reactive({
title: null, title: null,
key: null, key: null,
@@ -43,12 +44,19 @@ const rules = reactive<FormRules>({
}, },
], ],
}); });
const refreshView:any = inject('refreshView')
const onSubmit = async (formEl: FormInstance | undefined) => { const onSubmit = async (formEl: FormInstance | undefined) => {
if (!formEl) return; if (!formEl) return;
await formEl.validate((valid, fields) => { await formEl.validate((valid, fields) => {
if (valid) { if (valid) {
api.AddObj(form).then((res: any) => { api.AddObj(form).then((res: any) => {
if (res.code == 2000) successMessage('新增成功'); if (res.code == 2000) {
successMessage('新增成功');
refreshView()
}
}); });
} else { } else {
console.log('error submit!', fields); console.log('error submit!', fields);

2
web/src/views/system/config/components/formContent.vue
View File

@@ -275,7 +275,7 @@ const validRules = reactive<FormRules>({
], ],
}); });
const formRef = ref<FormInstance>() const formRef = ref<FormInstance>()
let uploadUrl = ref(getBaseURL + 'api/system/file/'); let uploadUrl = ref(getBaseURL() + 'api/system/file/');
let uploadHeaders = ref({ let uploadHeaders = ref({
Authorization: 'JWT ' + Session.get('token'), Authorization: 'JWT ' + Session.get('token'),
}); });