feat: 添加系统配置、审计中心、通知中心、文件管理模块

novalon-manage-web/src/views/config/ConfigManagement.vue

@@ -0,0 +1,115 @@
+<template>
+  <div class="config-management">
+    <a-card>
+      <template #title>
+        <div class="card-title">
+          <span>参数配置</span>
+          <a-button type="primary" @click="handleAdd">新增配置</a-button>
+        </div>
+      </template>
+      <a-table :columns="columns" :data-source="dataSource" :loading="loading">
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'configType'">
+            <a-tag :color="record.configType === 'Y' ? 'blue' : 'orange'">
+              {{ record.configType === 'Y' ? '内置' : '自定义' }}
+            </a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a-button type="link" size="small" @click="handleEdit(record)">编辑</a-button>
+              <a-button type="link" size="small" danger @click="handleDelete(record)">删除</a-button>
+            </a-space>
+          </template>
+        </template>
+      </a-table>
+    </a-card>
+
+    <a-modal v-model:open="modalVisible" :title="modalTitle" @ok="handleModalOk">
+      <a-form :model="formState" :label-col="{ span: 6 }">
+        <a-form-item label="参数名称" name="configName">
+          <a-input v-model:value="formState.configName" />
+        </a-form-item>
+        <a-form-item label="参数键名" name="configKey">
+          <a-input v-model:value="formState.configKey" />
+        </a-form-item>
+        <a-form-item label="参数值" name="configValue">
+          <a-input v-model:value="formState.configValue" />
+        </a-form-item>
+      </a-form>
+    </a-modal>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, onMounted } from 'vue'
+import { message } from 'ant-design-vue'
+import request from '@/utils/request'
+
+const columns = [
+  { title: 'ID', dataIndex: 'id', key: 'id' },
+  { title: '参数名称', dataIndex: 'configName', key: 'configName' },
+  { title: '参数键名', dataIndex: 'configKey', key: 'configKey' },
+  { title: '参数值', dataIndex: 'configValue', key: 'configValue' },
+  { title: '类型', key: 'configType' },
+  { title: '操作', key: 'action', width: 150 }
+]
+
+const loading = ref(false)
+const dataSource = ref([])
+const modalVisible = ref(false)
+const modalTitle = ref('')
+const formState = reactive({ id: null, configName: '', configKey: '', configValue: '' })
+
+const fetchData = async () => {
+  loading.value = true
+  try {
+    const res: any = await request.get('/config')
+    dataSource.value = res
+  } finally {
+    loading.value = false
+  }
+}
+
+const handleAdd = () => {
+  modalTitle.value = '新增配置'
+  Object.assign(formState, { id: null, configName: '', configKey: '', configValue: '' })
+  modalVisible.value = true
+}
+
+const handleEdit = (record: any) => {
+  modalTitle.value = '编辑配置'
+  Object.assign(formState, record)
+  modalVisible.value = true
+}
+
+const handleDelete = async (record: any) => {
+  try {
+    await request.delete(`/config/${record.id}`)
+    message.success('删除成功')
+    fetchData()
+  } catch { message.error('删除失败') }
+}
+
+const handleModalOk = async () => {
+  try {
+    if (formState.id) {
+      await request.put(`/config/${formState.id}`, formState)
+    } else {
+      await request.post('/config', formState)
+    }
+    message.success('操作成功')
+    modalVisible.value = false
+    fetchData()
+  } catch { message.error('操作失败') }
+}
+
+onMounted(() => fetchData())
+</script>
+
+<style scoped lang="scss">
+.config-management .card-title {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+</style>

novalon-manage-web/src/views/config/DictManagement.vue

@@ -0,0 +1,121 @@
+<template>
+  <div class="dict-management">
+    <a-card>
+      <template #title>
+        <div class="card-title">
+          <span>字典管理</span>
+          <a-button type="primary" @click="handleAdd">新增字典</a-button>
+        </div>
+      </template>
+      <a-table :columns="columns" :data-source="dataSource" :loading="loading">
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'status'">
+            <a-tag :color="record.status === '0' ? 'green' : 'red'">
+              {{ record.status === '0' ? '正常' : '停用' }}
+            </a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a-button type="link" size="small" @click="handleEdit(record)">编辑</a-button>
+              <a-button type="link" size="small" danger @click="handleDelete(record)">删除</a-button>
+            </a-space>
+          </template>
+        </a-table>
+   </template>
+       </a-card>
+
+    <a-modal v-model:open="modalVisible" :title="modalTitle" @ok="handleModalOk">
+      <a-form :model="formState" :label-col="{ span: 6 }">
+        <a-form-item label="字典名称" name="dictName">
+          <a-input v-model:value="formState.dictName" />
+        </a-form-item>
+        <a-form-item label="字典类型" name="dictType">
+          <a-input v-model:value="formState.dictType" />
+        </a-form-item>
+        <a-form-item label="状态" name="status">
+          <a-select v-model:value="formState.status">
+            <a-select-option value="0">正常</a-select-option>
+            <a-select-option value="1">停用</a-select-option>
+          </a-select>
+        </a-form-item>
+        <a-form-item label="备注" name="remark">
+          <a-textarea v-model:value="formState.remark" />
+        </a-form-item>
+      </a-form>
+    </a-modal>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, onMounted } from 'vue'
+import { message } from 'ant-design-vue'
+import request from '@/utils/request'
+
+const columns = [
+  { title: 'ID', dataIndex: 'id', key: 'id' },
+  { title: '字典名称', dataIndex: 'dictName', key: 'dictName' },
+  { title: '字典类型', dataIndex: 'dictType', key: 'dictType' },
+  { title: '状态', key: 'status' },
+  { title: '备注', dataIndex: 'remark', key: 'remark' },
+  { title: '操作', key: 'action', width: 200 }
+]
+
+const loading = ref(false)
+const dataSource = ref([])
+const modalVisible = ref(false)
+const modalTitle = ref('')
+const formState = reactive({ id: null, dictName: '', dictType: '', status: '0', remark: '' })
+
+const fetchData = async () => {
+  loading.value = true
+  try {
+    const res: any = await request.get('/dict/types')
+    dataSource.value = res
+  } finally {
+    loading.value = false
+  }
+}
+
+const handleAdd = () => {
+  modalTitle.value = '新增字典'
+  Object.assign(formState, { id: null, dictName: '', dictType: '', status: '0', remark: '' })
+  modalVisible.value = true
+}
+
+const handleEdit = (record: any) => {
+  modalTitle.value = '编辑字典'
+  Object.assign(formState, record)
+  modalVisible.value = true
+}
+
+const handleDelete = async (record: any) => {
+  try {
+    await request.delete(`/dict/types/${record.id}`)
+    message.success('删除成功')
+    fetchData()
+  } catch { message.error('删除失败') }
+}
+
+const handleModalOk = async () => {
+  try {
+    if (formState.id) {
+      await request.put(`/dict/types/${formState.id}`, formState)
+    } else {
+      await request.post('/dict/types', formState)
+    }
+    message.success('操作成功')
+    modalVisible.value = false
+    fetchData()
+  } catch { message.error('操作失败') }
+}
+
+onMounted(() => fetchData())
+</script>
+
+<style scoped lang="scss">
+.dict-management .card-title {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+</style>