+
+
+
+
+
+
+
+
+
+
+
+ {{item.title}}
+-
+
-
+
任务类型
+{{crontabType[item.type]}}
+
+ -
+
执行类
+{{item.command}}
+
+ -
+
定时规则
+{{item.expression}}
+
+
+
+
+ 运行中
+ 停用
+
+
+
+
+
+
+
+ 编辑
+ 日志
+ 删除
+
+
+
+
+ 添加计划任务
+{{logDetail}}
+
+
+
+
+
+
+
+
+
diff --git a/src/pages/system/log/info.vue b/src/pages/system/log/info.vue
new file mode 100644
index 0000000..7aa12da
--- /dev/null
+++ b/src/pages/system/log/info.vue
@@ -0,0 +1,49 @@
+
+
+
+
+
+
+
+
+
+
+ {{data.data}}
+
+ {{data.browser}}
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
- {{ record.status === 1 ? '正常' : '禁用' }}
-
-
-
-
- 编辑
- 权限
- 删除
-
-
-
-
-
-
-
-
-
-
-
diff --git a/src/pages/system/setting/components/ConfigModal.vue b/src/pages/system/setting/components/ConfigModal.vue
index c489005..d1f5345 100644
--- a/src/pages/system/setting/components/ConfigModal.vue
+++ b/src/pages/system/setting/components/ConfigModal.vue
@@ -25,14 +25,16 @@
-
-
-
-
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ option.label }}
-
-
-
-
-
- {{ option.label }}
-
-
-
-
-
-
+
+
+
+
-
-
-
+
+
import { ref, reactive, onMounted } from 'vue'
import { message } from 'ant-design-vue'
-import { SettingOutlined, PlusOutlined, EditOutlined, SaveOutlined } from '@ant-design/icons-vue'
+import { SettingOutlined, PlusOutlined, EditOutlined, SaveOutlined, UploadOutlined } from '@ant-design/icons-vue'
import { useI18n } from 'vue-i18n'
import systemApi from '@/api/system'
import ConfigModal from './components/ConfigModal.vue'
@@ -146,9 +146,43 @@ const currentEditData = ref({})
const fetchFields = async () => {
try {
const res = await systemApi.setting.fields.get()
- if (res.code === 200) {
- fields.value = res.data.fields || []
- categories.value = res.data.categories || categories.value
+ if (res.code === 1) {
+ // 根据返回的数据提取配置项
+ const configData = res.data || []
+
+ // 根据 group 字段提取分类
+ const groupMap = new Map()
+ configData.forEach(item => {
+ if (item.group && !groupMap.has(item.group)) {
+ // 将 group 名称转换为中文标题
+ const groupTitles = {
+ 'base': '基础设置',
+ 'upload': '上传设置',
+ 'email': '邮件设置',
+ 'sms': '短信设置',
+ 'security': '安全设置',
+ }
+ groupMap.set(item.group, {
+ name: item.group,
+ title: groupTitles[item.group] || item.group
+ })
+ }
+ })
+ categories.value = Array.from(groupMap.values())
+
+ // 将配置项转换为前端需要的格式
+ fields.value = configData.map(item => ({
+ id: item.id,
+ name: item.name,
+ title: item.title || item.label,
+ value: item.values,
+ type: mapFieldType(item.type),
+ category: item.group,
+ placeholder: item.options?.placeholder || item.remark,
+ tip: item.remark,
+ options: mapFieldOptions(item.type, item.options?.options || []),
+ sort: item.sort
+ }))
// 初始化表单数据
fields.value.forEach(field => {
@@ -166,6 +200,39 @@ const fetchFields = async () => {
}
}
+// 映射字段类型
+const mapFieldType = (backendType) => {
+ const typeMap = {
+ 'string': 'text',
+ 'text': 'text',
+ 'textarea': 'textarea',
+ 'number': 'number',
+ 'boolean': 'switch',
+ 'switch': 'switch',
+ 'select': 'select',
+ 'radio': 'select',
+ 'multiselect': 'multiselect',
+ 'checkbox': 'multiselect',
+ 'datetime': 'datetime',
+ 'date': 'datetime',
+ 'color': 'color',
+ 'image': 'image',
+ 'file': 'file',
+ }
+ return typeMap[backendType] || 'text'
+}
+
+// 映射字段选项
+const mapFieldOptions = (type, options) => {
+ if (options && options.length > 0) {
+ return options.map(opt => ({
+ label: opt.label || opt.name || opt,
+ value: opt.value || opt.key || opt
+ }))
+ }
+ return []
+}
+
// 切换 Tab
const handleTabChange = (key) => {
activeTab.value = key
@@ -189,12 +256,16 @@ const handleAddConfig = () => {
const handleEditField = (field) => {
isEditMode.value = true
currentEditData.value = {
+ id: field.id,
category: field.category,
name: field.name,
title: field.title,
type: field.type,
value: formData[field.name],
tip: field.tip || '',
+ remark: field.tip || '',
+ placeholder: field.placeholder,
+ options: field.options || []
}
modalVisible.value = true
}
@@ -206,10 +277,11 @@ const handleModalConfirm = async (values) => {
if (isEditMode.value) {
// 编辑模式
res = await systemApi.setting.edit.post({
+ id: currentEditData.value.id,
...values,
name: currentEditData.value.name,
})
- if (res.code === 200) {
+ if (res.code === 1) {
message.success(t('common.editSuccess'))
modalVisible.value = false
@@ -221,13 +293,14 @@ const handleModalConfirm = async (values) => {
if (fieldIndex > -1) {
fields.value[fieldIndex].title = values.title
fields.value[fieldIndex].value = values.value
- fields.value[fieldIndex].tip = values.tip
+ fields.value[fieldIndex].tip = values.tip || values.remark
+ fields.value[fieldIndex].placeholder = values.placeholder
}
}
} else {
// 添加模式
res = await systemApi.setting.add.post(values)
- if (res.code === 200) {
+ if (res.code === 1) {
message.success(t('common.addSuccess'))
modalVisible.value = false
// 重新获取配置字段
@@ -248,7 +321,7 @@ const handleSave = async () => {
try {
saving.value = true
const res = await systemApi.setting.save.post(formData)
- if (res.code === 200) {
+ if (res.code === 1) {
message.success(t('common.saveSuccess'))
}
} catch (error) {
@@ -270,6 +343,12 @@ const handleReset = () => {
message.info(t('common.resetSuccess'))
}
+// 处理图片上传
+const handleUpload = (field) => {
+ message.info('图片上传功能待实现')
+ // TODO: 实现图片上传逻辑
+}
+
onMounted(() => {
fetchFields()
})
@@ -317,6 +396,16 @@ onMounted(() => {
color: #8c8c8c;
line-height: 1.4;
}
+
+ .image-uploader {
+ .image-preview {
+ max-width: 200px;
+ max-height: 200px;
+ border: 1px solid #d9d9d9;
+ border-radius: 4px;
+ padding: 4px;
+ }
+ }
}
.save-actions {
+
+
+
+
+
+ {{ option.label }}
+
+
+
+
+
+ {{ option.label }}
+
+
+
+
-
+ ![]()
+
+
+
+ {{ field.tip }}
-
-
+
+
+ {{ field.tip }}
+
-
-
- {{ $t('common.reset') }}
-
-
-
-
-
-
+
+
+
+
+ {{ $t('common.reset') }}
+
+
+
+
+