diff --git a/src/api/monitor/job.js b/src/api/monitor/job.js
new file mode 100644
index 0000000..370a4e1
--- /dev/null
+++ b/src/api/monitor/job.js
@@ -0,0 +1,92 @@
+import request from '@/utils/request'
+
+// 查询定时任务列表
+export function listJob(query) {
+  return request({
+    url: '/schedule/job/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询定时任务详细
+export function getJob(jobId) {
+  return request({
+    url: '/schedule/job/' + jobId,
+    method: 'get'
+  })
+}
+
+// 新增定时任务
+export function addJob(data) {
+  return request({
+    url: '/schedule/job',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改定时任务
+export function updateJob(data) {
+  return request({
+    url: '/schedule/job',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除定时任务
+export function delJob(jobId) {
+  return request({
+    url: '/schedule/job/' + jobId,
+    method: 'delete'
+  })
+}
+
+// 导出定时任务
+export function exportJob(query) {
+  return request({
+    url: '/schedule/job/export',
+    method: 'get',
+    params: query
+  })
+}
+
+// 定时任务立即执行一次
+export function runJob(jobId, jobGroup) {
+  const data = {
+    jobId,
+    jobGroup
+  }
+  return request({
+    url: '/schedule/job/run',
+    method: 'put',
+    data: data
+  })
+}
+
+// 启动定时任务
+export function startJob(jobId, jobGroup) {
+  const data = {
+    jobId,
+    jobGroup
+  }
+  return request({
+    url: '/schedule/job/changeStatus',
+    method: 'put',
+    data: { ...data, status: '0' }
+  })
+}
+
+// 停止定时任务
+export function stopJob(jobId, jobGroup) {
+  const data = {
+    jobId,
+    jobGroup
+  }
+  return request({
+    url: '/schedule/job/changeStatus',
+    method: 'put',
+    data: { ...data, status: '1' }
+  })
+}
\ No newline at end of file
diff --git a/src/api/monitor/jobLog.js b/src/api/monitor/jobLog.js
new file mode 100644
index 0000000..5987636
--- /dev/null
+++ b/src/api/monitor/jobLog.js
@@ -0,0 +1,26 @@
+import request from '@/utils/request'
+
+// 查询调度日志列表
+export function listJobLog(query) {
+  return request({
+    url: '/schedule/job/log/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 删除调度日志
+export function delJobLog(jobLogId) {
+  return request({
+    url: '/schedule/job/log/' + jobLogId,
+    method: 'delete'
+  })
+}
+
+// 清空调度日志
+export function cleanJobLog() {
+  return request({
+    url: '/schedule/job/log/clean',
+    method: 'delete'
+  })
+}
\ No newline at end of file
diff --git a/src/api/system/config.js b/src/api/system/config.js
new file mode 100644
index 0000000..a404d82
--- /dev/null
+++ b/src/api/system/config.js
@@ -0,0 +1,60 @@
+import request from '@/utils/request'
+
+// 查询参数列表
+export function listConfig(query) {
+  return request({
+    url: '/system/config/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询参数详细
+export function getConfig(configId) {
+  return request({
+    url: '/system/config/' + configId,
+    method: 'get'
+  })
+}
+
+// 根据参数键名查询参数值
+export function getConfigKey(configKey) {
+  return request({
+    url: '/system/config/configKey/' + configKey,
+    method: 'get'
+  })
+}
+
+// 新增参数配置
+export function addConfig(data) {
+  return request({
+    url: '/system/config',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改参数配置
+export function updateConfig(data) {
+  return request({
+    url: '/system/config',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除参数配置
+export function delConfig(configId) {
+  return request({
+    url: '/system/config/' + configId,
+    method: 'delete'
+  })
+}
+
+// 刷新参数缓存
+export function refreshCache() {
+  return request({
+    url: '/system/config/refreshCache',
+    method: 'delete'
+  })
+}
diff --git a/src/api/system/menu.js b/src/api/system/menu.js
new file mode 100644
index 0000000..87af6c3
--- /dev/null
+++ b/src/api/system/menu.js
@@ -0,0 +1,60 @@
+import request from '@/utils/request'
+
+// 查询菜单列表
+export function listMenu(query) {
+  return request({
+    url: '/system/menu/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询菜单详细
+export function getMenu(menuId) {
+  return request({
+    url: '/system/menu/' + menuId,
+    method: 'get'
+  })
+}
+
+// 查询菜单下拉树结构
+export function treeselect() {
+  return request({
+    url: '/system/menu/treeselect',
+    method: 'get'
+  })
+}
+
+// 根据角色ID查询菜单下拉树结构
+export function roleMenuTreeselect(roleId) {
+  return request({
+    url: '/system/menu/roleMenuTreeselect/' + roleId,
+    method: 'get'
+  })
+}
+
+// 新增菜单
+export function addMenu(data) {
+  return request({
+    url: '/system/menu',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改菜单
+export function updateMenu(data) {
+  return request({
+    url: '/system/menu',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除菜单
+export function delMenu(menuId) {
+  return request({
+    url: '/system/menu/' + menuId,
+    method: 'delete'
+  })
+}
diff --git a/src/api/system/notice.js b/src/api/system/notice.js
new file mode 100644
index 0000000..c274ea5
--- /dev/null
+++ b/src/api/system/notice.js
@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询公告列表
+export function listNotice(query) {
+  return request({
+    url: '/system/notice/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询公告详细
+export function getNotice(noticeId) {
+  return request({
+    url: '/system/notice/' + noticeId,
+    method: 'get'
+  })
+}
+
+// 新增公告
+export function addNotice(data) {
+  return request({
+    url: '/system/notice',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改公告
+export function updateNotice(data) {
+  return request({
+    url: '/system/notice',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除公告
+export function delNotice(noticeId) {
+  return request({
+    url: '/system/notice/' + noticeId,
+    method: 'delete'
+  })
+}
\ No newline at end of file
diff --git a/src/api/system/role.js b/src/api/system/role.js
new file mode 100644
index 0000000..44ca836
--- /dev/null
+++ b/src/api/system/role.js
@@ -0,0 +1,57 @@
+import request from '@/utils/request'
+
+// 查询角色列表
+export function listRole(query) {
+  return request({
+    url: '/system/role/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询角色详细
+export function getRole(roleId) {
+  return request({
+    url: '/system/role/' + roleId,
+    method: 'get'
+  })
+}
+
+// 新增角色
+export function addRole(data) {
+  return request({
+    url: '/system/role',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改角色
+export function updateRole(data) {
+  return request({
+    url: '/system/role',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除角色
+export function delRole(roleId) {
+  return request({
+    url: '/system/role/' + roleId,
+    method: 'delete'
+  })
+}
+
+// 角色状态修改
+export function changeRoleStatus(roleId, status) {
+  const data = {
+    roleId,
+    status
+  }
+  return request({
+    url: '/system/role/changeStatus',
+    method: 'put',
+    data: data
+  })
+}
diff --git a/src/api/system/user.js b/src/api/system/user.js
index a9d8c6e..470d538 100644
--- a/src/api/system/user.js
+++ b/src/api/system/user.js
@@ -12,7 +12,7 @@ export function listUser(query) {
 // 查询用户详细
 export function getUser(userId) {
   return request({
-    url: '/system/user/' + userId,
+    url: '/system/user/' + (userId || ''),
     method: 'get'
   })
 }
diff --git a/src/components/systemBtn/systemBtn.vue b/src/components/systemBtn/systemBtn.vue
new file mode 100644
index 0000000..c90a342
--- /dev/null
+++ b/src/components/systemBtn/systemBtn.vue
@@ -0,0 +1,78 @@
+<template>
+	<view>
+	  <movable-area class="movable-area">
+		<movable-view class="movable-view" :x="x" :y="y" direction="all" :style="{opacity: showButton ? 1 : 0}">
+		  <view class="newProblem" @click="newProblem">
+			<uni-icons type="map-pin-ellipse" size="32" color="#667eea"></uni-icons>
+		  </view>
+		</movable-view>
+	  </movable-area>
+	</view>
+  </template>
+
+  <script>
+  export default {
+	data() {
+	  return {
+		x: 600,
+		y: 800,
+		showButton: false
+	  };
+	},
+	mounted() {
+	  setTimeout(() => {
+		this.showButton = true;
+	  }, 100);
+	},
+	computed: {
+
+	},
+	methods: {
+	  // 意见反馈
+	  newProblem() {
+		uni.navigateTo({
+		  url: `/pages_mine/pages/system/index`
+		})
+	  }
+	}
+  };
+  </script>
+
+  <style lang="less">
+  .movable-area {
+	// 保持在右下角
+	margin-top: 230rpx;
+	margin-left: 100rpx;
+	height: calc(100vh - 300rpx);
+	width: calc(100vw - 150rpx);
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	position: fixed;
+	z-index: 99999999;
+	pointer-events: none; //此处要加，鼠标事件可以渗透
+	.movable-view {
+	  width: 88rpx;
+	  height: 88rpx;
+	  pointer-events: auto; //恢复鼠标事件
+	  .newProblem {
+		width: 88rpx;
+		height: 88rpx;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		background: #ffffff;
+		border-radius: 50%;
+		box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.12);
+		transition: transform 0.3s ease, box-shadow 0.3s ease;
+		
+		&:active {
+		  transform: scale(0.92);
+		  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
+		}
+	  }
+	}
+  }
+  </style>
+
diff --git a/src/pages.json b/src/pages.json
index c383d04..70517c2 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -8,7 +8,8 @@
       "^up-(.*)": "uview-plus/components/u-$1/u-$1.vue",
       "^u-([^-].*)": "uview-plus/components/u-$1/u-$1.vue",
       "qiun-(.*)": "@/components/qiun-data-charts/components/qiun-$1/qiun-$1.vue",
-      "statisticBtn": "@/components/statisticBtn/statisticBtn.vue"
+      "statisticBtn": "@/components/statisticBtn/statisticBtn.vue",
+       "systemBtn": "@/components/systemBtn/systemBtn.vue"
     }
   },
   "pages": [
@@ -897,15 +898,13 @@
         {
           "path": "system/user/addEdit",
           "style": {
-            "navigationBarTitleText": "用户管理",
-            "navigationStyle": "custom"
+            "navigationBarTitleText": "用户管理"
           }
         },
         {
           "path": "system/user/details",
           "style": {
-            "navigationBarTitleText": "用户详情",
-            "navigationStyle": "custom"
+            "navigationBarTitleText": "用户详情"
           }
         },
         {
@@ -949,6 +948,84 @@
           "style": {
             "navigationBarTitleText": "操作日志"
           }
+        },
+        {
+          "path": "system/config/list",
+          "style": {
+            "navigationBarTitleText": "参数配置"
+          }
+        },
+        {
+          "path": "system/config/addEdit",
+          "style": {
+            "navigationBarTitleText": "参数配置"
+          }
+        },
+        {
+          "path": "system/config/details",
+          "style": {
+            "navigationBarTitleText": "参数详情"
+          }
+        },
+        {
+          "path": "system/menu/list",
+          "style": {
+            "navigationBarTitleText": "菜单管理"
+          }
+        },
+        {
+          "path": "system/menu/addEdit",
+          "style": {
+            "navigationBarTitleText": "菜单管理"
+          }
+        },
+        {
+          "path": "system/role/list",
+          "style": {
+            "navigationBarTitleText": "角色管理"
+          }
+        },
+        {
+          "path": "system/role/addEdit",
+          "style": {
+            "navigationBarTitleText": "角色管理"
+          }
+        },
+        {
+          "path": "system/notice/list",
+          "style": {
+            "navigationBarTitleText": "通知公告"
+          }
+        },
+        {
+          "path": "system/notice/addEdit",
+          "style": {
+            "navigationBarTitleText": "通知公告"
+          }
+        },
+        {
+          "path": "system/notice/details",
+          "style": {
+            "navigationBarTitleText": "公告详情"
+          }
+        },
+        {
+          "path": "system/job/list",
+          "style": {
+            "navigationBarTitleText": "定时任务"
+          }
+        },
+        {
+          "path": "system/job/addEdit",
+          "style": {
+            "navigationBarTitleText": "定时任务"
+          }
+        },
+        {
+          "path": "system/job/details",
+          "style": {
+            "navigationBarTitleText": "任务详情"
+          }
         }
       ]
     },
diff --git a/src/pages_mine/pages/system/config/addEdit.vue b/src/pages_mine/pages/system/config/addEdit.vue
new file mode 100644
index 0000000..62afb08
--- /dev/null
+++ b/src/pages_mine/pages/system/config/addEdit.vue
@@ -0,0 +1,218 @@
+<template>
+  <view class="container" style="paddingBottom:1rpx;">
+    <u-navbar
+      leftIconSize="40rpx"
+      leftIconColor="#333333"
+      :title="title"
+    >
+    </u-navbar>
+    <view class="section">
+      <view class="section-title">{{ title }}</view>
+      <view class="form-view">
+        <u--form labelPosition="left" :model="form" :rules="rules" ref="uForm" label-width="auto"
+          :labelStyle="{ color: '#333333', fontSize: '30rpx' }">
+          <u-form-item label="参数名称" prop="configName" required>
+            <u--input v-model="form.configName" placeholder="请输入参数名称"
+              inputAlign="right" border="none"></u--input>
+          </u-form-item>
+
+          <u-form-item label="参数键名" prop="configKey" required>
+            <u--input v-model="form.configKey" placeholder="请输入参数键名"
+              inputAlign="right" border="none"></u--input>
+          </u-form-item>
+
+          <u-form-item label="参数键值" prop="configValue" required>
+            <u--input v-model="form.configValue" placeholder="请输入参数键值"
+              inputAlign="right" border="none"></u--input>
+          </u-form-item>
+
+          <u-form-item label="系统内置" prop="typeName" @click="showTypePicker = true">
+            <u--input v-model="typeName" disabled disabledColor="#ffffff" placeholder="请选择系统内置"
+              inputAlign="right" border="none"></u--input>
+            <template #right>
+              <u-icon name="arrow-down"></u-icon>
+            </template>
+          </u-form-item>
+
+          <u-form-item label="备注" prop="remark" labelPosition="top">
+            <u--textarea v-model="form.remark" placeholder="请输入备注" border="none" autoHeight inputAlign="right" count
+              maxlength="500" style="padding:18rpx 0;"></u--textarea>
+          </u-form-item>
+        </u--form>
+        <view class="form-btn">
+          <u-button type="primary" text="提交" @click="submit"></u-button>
+        </view>
+      </view>
+    </view>
+    <u-toast ref="uToast"></u-toast>
+    <u-picker itemHeight="88" :show="showTypePicker" :columns="typeList" keyName="dictLabel" @cancel="showTypePicker = false"
+      @confirm="handleTypeConfirm"></u-picker>
+  </view>
+</template>
+
+<script setup>
+import { ref, reactive, getCurrentInstance } from 'vue'
+import { getConfig, addConfig, updateConfig } from '@/api/system/config'
+import { getDicts } from "@/api/system/dict/data"
+import { onLoad } from "@dcloudio/uni-app"
+
+const { proxy } = getCurrentInstance()
+const typeList = ref([])
+const title = ref('添加参数配置')
+const showTypePicker = ref(false)
+const typeName = ref('')
+
+const form = reactive({
+  configId: undefined,
+  configName: undefined,
+  configKey: undefined,
+  configValue: undefined,
+  configType: 'Y',
+  remark: undefined
+})
+
+const rules = {
+  configName: [
+    { required: true, message: '参数名称不能为空', trigger: ['blur', 'change'] }
+  ],
+  configKey: [
+    { required: true, message: '参数键名不能为空', trigger: ['blur', 'change'] }
+  ],
+  configValue: [
+    { required: true, message: '参数键值不能为空', trigger: ['blur', 'change'] }
+  ]
+}
+
+onLoad((option) => {
+  getDicts('sys_yes_no').then(res => {
+    typeList.value = [res.data]
+  })
+
+  if (option.id) {
+    title.value = '修改参数配置'
+    getDetail(option.id)
+  } else {
+    // 新增时默认显示类型
+    setTimeout(() => {
+      updateTypeName()
+    }, 100)
+  }
+})
+
+// 获取详情
+function getDetail(id) {
+  getConfig(id).then(res => {
+    Object.assign(form, res.data)
+    updateTypeName()
+  })
+}
+
+// 更新类型名称显示
+function updateTypeName() {
+  if (typeList.value.length > 0 && typeList.value[0].length > 0) {
+    const item = typeList.value[0].find(v => v.dictValue === form.configType)
+    typeName.value = item ? item.dictLabel : ''
+  }
+}
+
+// 类型选择确认
+function handleTypeConfirm(e) {
+  form.configType = e.value[0].dictValue
+  typeName.value = e.value[0].dictLabel
+  showTypePicker.value = false
+}
+
+// 提交
+function submit() {
+  console.log('submit 被调用')
+  proxy.$refs['uForm'].validate().then(() => {
+    console.log('验证通过', form.configId)
+    if (form.configId) {
+      updateConfig(form).then(() => {
+        console.log('修改成功,将跳转')
+        proxy.$refs['uToast'].show({
+          message: '修改成功', complete() {
+            console.log('complete 被调用,执行跳转')
+            uni.navigateTo({ url: `/pages_mine/pages/system/config/list` })
+          }
+        })
+      })
+    } else {
+      addConfig(form).then(() => {
+        console.log('新增成功,将跳转')
+        proxy.$refs['uToast'].show({
+          message: '新增成功', complete() {
+            console.log('complete 被调用,执行跳转')
+            uni.navigateTo({ url: `/pages_mine/pages/system/config/list` })
+          }
+        })
+      })
+    }
+  }).catch(() => {
+    console.log('验证失败')
+    proxy.$refs['uToast'].show({
+      type: 'error',
+      message: '请填写完整信息'
+    })
+  })
+}
+</script>
+
+<style lang="scss" scoped>
+.container {
+  background-color: #f5f5f5;
+}
+
+.section {
+  margin: 24rpx;
+  padding: 0;
+  background-color: #fff;
+  border-radius: 16rpx;
+  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
+  overflow: hidden;
+
+  .section-title {
+    padding: 16rpx 24rpx;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    color: #ffffff;
+    line-height: 1.2;
+    font-size: 28rpx;
+    font-weight: 600;
+    display: flex;
+    align-items: center;
+    
+    &::before {
+      content: '';
+      width: 6rpx;
+      height: 28rpx;
+      background: #ffffff;
+      border-radius: 3rpx;
+      margin-right: 12rpx;
+    }
+  }
+
+  .form-view {
+    padding: 24rpx;
+
+    .form-btn {
+      padding-top: 16rpx;
+    }
+  }
+}
+</style>
+
+<style lang="scss">
+.form-btn .u-button {
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
+  border: none !important;
+  border-radius: 24rpx !important;
+  height: 80rpx !important;
+  box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
+}
+
+.form-btn .u-button__text {
+  font-size: 30rpx !important;
+  font-weight: 500 !important;
+  letter-spacing: 2rpx !important;
+}
+</style>
diff --git a/src/pages_mine/pages/system/config/details.vue b/src/pages_mine/pages/system/config/details.vue
new file mode 100644
index 0000000..d461f60
--- /dev/null
+++ b/src/pages_mine/pages/system/config/details.vue
@@ -0,0 +1,189 @@
+<template>
+  <view class="container">
+    <u-navbar
+      leftIconSize="40rpx"
+      leftIconColor="#333333"
+      title="参数详情"
+    >
+    </u-navbar>
+    <view class="section">
+      <view class="section-title">参数信息</view>
+      <view class="section-content">
+        <view class="info-row">
+          <view class="info-label">参数主键</view>
+          <view class="info-value">{{ detail.configId }}</view>
+        </view>
+        <view class="info-row">
+          <view class="info-label">参数名称</view>
+          <view class="info-value">{{ detail.configName }}</view>
+        </view>
+        <view class="info-row">
+          <view class="info-label">参数键名</view>
+          <view class="info-value">{{ detail.configKey }}</view>
+        </view>
+        <view class="info-row">
+          <view class="info-label">参数键值</view>
+          <view class="info-value">{{ detail.configValue }}</view>
+        </view>
+        <view class="info-row">
+          <view class="info-label">系统内置</view>
+          <view class="info-value">
+            <view class="status-tag" :class="detail.configType === 'Y' ? 'status-yes' : 'status-no'">
+              {{ dictStr(detail.configType, typeList) }}
+            </view>
+          </view>
+        </view>
+        <view class="info-row" v-if="detail.remark">
+          <view class="info-label">备注</view>
+          <view class="info-value">{{ detail.remark }}</view>
+        </view>
+        <view class="info-row" v-if="detail.createBy">
+          <view class="info-label">创建者</view>
+          <view class="info-value">{{ detail.createBy }}</view>
+        </view>
+        <view class="info-row" v-if="detail.createTime">
+          <view class="info-label">创建时间</view>
+          <view class="info-value">{{ detail.createTime }}</view>
+        </view>
+        <view class="info-row" v-if="detail.updateBy">
+          <view class="info-label">更新者</view>
+          <view class="info-value">{{ detail.updateBy }}</view>
+        </view>
+        <view class="info-row" v-if="detail.updateTime">
+          <view class="info-label">更新时间</view>
+          <view class="info-value">{{ detail.updateTime }}</view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { ref, reactive } from 'vue'
+import { getConfig } from '@/api/system/config'
+import { getDicts } from "@/api/system/dict/data"
+import { onLoad } from "@dcloudio/uni-app"
+
+const detail = reactive({
+  configId: '',
+  configName: '',
+  configKey: '',
+  configValue: '',
+  configType: '',
+  remark: '',
+  createBy: '',
+  createTime: '',
+  updateBy: '',
+  updateTime: ''
+})
+
+const typeList = ref([])
+
+onLoad((option) => {
+  getDicts('sys_yes_no').then(res => {
+    typeList.value = res.data
+  })
+  
+  if (option.id) {
+    getDetail(option.id)
+  }
+})
+
+// 获取详情
+function getDetail(id) {
+  getConfig(id).then(res => {
+    Object.assign(detail, res.data)
+  })
+}
+
+// 字典翻译
+function dictStr(value, list) {
+  const item = list.find(v => v.dictValue === value)
+  return item ? item.dictLabel : value
+}
+</script>
+
+<style lang="scss" scoped>
+.container {
+  background-color: #f5f5f5;
+  min-height: 100vh;
+}
+
+.section {
+  margin: 24rpx;
+  padding: 0;
+  background-color: #fff;
+  border-radius: 16rpx;
+  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
+  overflow: hidden;
+
+  .section-title {
+    padding: 16rpx 24rpx;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    color: #ffffff;
+    line-height: 1.2;
+    font-size: 28rpx;
+    font-weight: 600;
+    display: flex;
+    align-items: center;
+    
+    &::before {
+      content: '';
+      width: 6rpx;
+      height: 28rpx;
+      background: #ffffff;
+      border-radius: 3rpx;
+      margin-right: 12rpx;
+    }
+  }
+
+  .section-content {
+    padding: 24rpx;
+
+    .info-row {
+      display: flex;
+      padding: 24rpx 0;
+      border-bottom: 1rpx solid #f0f0f0;
+      align-items: center;
+
+      &:last-child {
+        border-bottom: none;
+      }
+
+      .info-label {
+        width: 160rpx;
+        font-size: 28rpx;
+        color: #667eea;
+        font-weight: 500;
+        flex-shrink: 0;
+      }
+
+      .info-value {
+        flex: 1;
+        font-size: 28rpx;
+        color: #333;
+        word-break: break-all;
+        text-align: right;
+
+        .status-tag {
+          display: inline-block;
+          padding: 8rpx 20rpx;
+          border-radius: 20rpx;
+          font-size: 24rpx;
+          font-weight: 500;
+
+          &.status-yes {
+            background-color: rgba(82, 196, 26, 0.1);
+            color: #52c41a;
+          }
+
+          &.status-no {
+            background-color: rgba(255, 77, 79, 0.1);
+            color: #ff4d4f;
+          }
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/pages_mine/pages/system/config/list.vue b/src/pages_mine/pages/system/config/list.vue
new file mode 100644
index 0000000..86954ec
--- /dev/null
+++ b/src/pages_mine/pages/system/config/list.vue
@@ -0,0 +1,587 @@
+<template>
+  <view class="container">
+    <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
+      <view class="search-view">
+        <u--input v-model="queryParams.configName" border="false" placeholder="请输入参数名称" class="search-input"
+          @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
+        </u--input>
+        <view class="filter-btn" @click="filterPanel = !filterPanel">
+          <uni-icons type="list" size="18" color="#667eea"></uni-icons>
+          <text>筛选</text>
+        </view>
+        <view class="add-btn" @click="handleAdd()">
+          <uni-icons type="plusempty" size="18" color="#667eea"></uni-icons>
+          <text>新增</text>
+        </view>
+        <u-transition :show="filterPanel" mode="fade">
+          <view class="filter-panel" :style="{ height: `${windowHeight - 42}px` }">
+            <view class="filter-panel-content">
+              <view class="filter-title">参数键名</view>
+              <u--input v-model="queryParams.configKey" placeholder="请输入参数键名" border="surround"></u--input>
+              
+              <view class="filter-title">系统内置</view>
+              <view class="state-list">
+                <view v-for="item in typeList" :key="item.dictValue" class="state-item"
+                  :class="item.selected ? 'active' : ''" @click="selectType(item)">{{ item.dictLabel }}</view>
+              </view>
+            </view>
+            <view class="btn-box">
+              <view class="btn-reset" @click="resetQuery()">
+                <uni-icons type="reload" size="16" color="#909399"></uni-icons>
+                <text>重置</text>
+              </view>
+              <view class="btn-confirm" @click="searchSubmit()">
+                <uni-icons type="checkmarkempty" size="16" color="#ffffff"></uni-icons>
+                <text>确定</text>
+              </view>
+            </view>
+          </view>
+        </u-transition>
+      </view>
+    </u-sticky>
+    <u-list @scrolltolower="loadmore" :spaceHeight="116" lowerThreshold="100">
+      <u-list-item v-for="(item, index) in listData" :key="index">
+        <view class="list-item" @click="enterDetails(item)">
+          <view class="item-header">
+            <view class="card-name-section">
+              <view class="card-icon">
+                <uni-icons type="gear" size="20" color="#ffffff"></uni-icons>
+              </view>
+              <view class="card-info">
+                <text class="card-name">{{ item.configName }}<text class="card-code" v-if="item.configKey">({{ item.configKey }})</text></text>
+              </view>
+            </view>
+            <view class="balance-section">
+              <view class="status-tag" :class="item.configType === 'Y' ? 'status-normal' : 'status-disabled'">
+                {{ dictStr(item.configType, typeList) }}
+              </view>
+            </view>
+          </view>
+          
+          <view class="card-body">
+            <view class="info-row">
+              <view class="info-item info-item-full" v-if="item.configValue">
+                <text class="info-label">参数键值</text>
+                <text class="info-value">{{ item.configValue }}</text>
+              </view>
+              <view class="info-item info-item-full" v-if="item.remark">
+                <text class="info-label">备注</text>
+                <text class="info-value">{{ item.remark }}</text>
+              </view>
+              <view class="info-item" v-if="item.createTime">
+                <text class="info-label">创建时间</text>
+                <text class="info-value">{{ item.createTime }}</text>
+              </view>
+            </view>
+          </view>
+          
+          <view class="operate" @click.stop>
+            <view class="btn-edit" @click="handleUpdate(item)">
+              <uni-icons type="compose" size="16" color="#667eea"></uni-icons>
+              <text>修改</text>
+            </view>
+            <view class="btn-delete" @click="handleDelete(item)">
+              <uni-icons type="trash" size="16" color="#f5576c"></uni-icons>
+              <text>删除</text>
+            </view>
+          </view>
+        </view>
+      </u-list-item>
+      <view></view>
+      <u-loadmore :status="loadStatus" loadingIcon="semicircle" height="88" fontSize="32rpx" @loadmore="loadmore" />
+    </u-list>
+  </view>
+  <systemBtn></systemBtn>
+  <refresh></refresh>
+</template>
+
+<script setup>
+import { ref, reactive, computed } from 'vue'
+import { listConfig, delConfig } from '@/api/system/config'
+import { getDicts } from "@/api/system/dict/data"
+import { onLoad, onShow } from "@dcloudio/uni-app"
+import modal from '@/plugins/modal'
+
+const pageNum = ref(1)
+const listData = ref([])
+const isShow = ref(false)
+const loadStatus = ref('loadmore')
+const typeList = ref([])
+const filterPanel = ref(false)
+
+const queryParams = reactive({
+  configName: undefined,
+  configKey: undefined,
+  configType: undefined
+})
+
+const windowHeight = computed(() => {
+  uni.getSystemInfoSync().windowHeight - 50
+})
+
+onLoad(() => {
+  getDicts('sys_yes_no').then(res => {
+    typeList.value = res.data.map(item => ({
+      ...item,
+      selected: false
+    }))
+  })
+  getList()
+})
+
+onShow(() => {
+  if (isShow.value) {
+    listData.value = []
+    pageNum.value = 1
+    getList()
+    isShow.value = false
+  }
+})
+
+// 获取列表
+function getList() {
+  loadStatus.value = 'loading'
+  listConfig({ pageSize: 10, pageNum: pageNum.value, ...queryParams }).then(res => {
+    listData.value = listData.value.concat(res.rows)
+    if (listData.value.length < res.total) {
+      loadStatus.value = 'loadmore'
+    } else {
+      loadStatus.value = 'nomore'
+    }
+  }).catch(() => {
+    loadStatus.value = 'nomore'
+  })
+}
+
+// 搜索框失焦
+function searchBlur() {
+  listData.value = []
+  pageNum.value = 1
+  getList()
+}
+
+// 选择类型
+function selectType(item) {
+  typeList.value.forEach(v => v.selected = false)
+  item.selected = !item.selected
+  queryParams.configType = item.dictValue
+}
+
+// 搜索提交
+function searchSubmit() {
+  listData.value = []
+  pageNum.value = 1
+  filterPanel.value = false
+  getList()
+}
+
+// 重置查询
+function resetQuery() {
+  queryParams.configName = undefined
+  queryParams.configKey = undefined
+  queryParams.configType = undefined
+  listData.value = []
+  pageNum.value = 1
+  typeList.value.forEach(v => v.selected = false)
+  filterPanel.value = false
+  getList()
+}
+
+// 上拉加载
+function loadmore() {
+  pageNum.value += 1
+  if (loadStatus.value == 'loadmore') {
+    getList()
+  }
+}
+
+// 新增
+function handleAdd() {
+  isShow.value = true
+  uni.navigateTo({
+    url: '/pages_mine/pages/system/config/addEdit'
+  })
+}
+
+// 编辑
+function handleUpdate(row) {
+  isShow.value = true
+  uni.navigateTo({
+    url: `/pages_mine/pages/system/config/addEdit?id=${row.configId}`
+  })
+}
+
+// 删除
+function handleDelete(row) {
+  modal.confirm('是否确认删除参数编号为"' + row.configId + '"的数据项？').then(() => {
+    return delConfig(row.configId)
+  }).then(() => {
+    listData.value = []
+    pageNum.value = 1
+    getList()
+    modal.msgSuccess('删除成功')
+  }).catch(() => {})
+}
+
+// 进入详情
+function enterDetails(row) {
+  isShow.value = true
+  uni.navigateTo({
+    url: `/pages_mine/pages/system/config/details?id=${row.configId}`
+  })
+}
+
+// 字典翻译
+function dictStr(value, list) {
+  const item = list.find(v => v.dictValue === value)
+  return item ? item.dictLabel : value
+}
+</script>
+
+<style lang="scss" scoped>
+page {
+  height: 100%;
+  overflow: auto;
+}
+
+.container {
+  min-height: 100vh;
+  background-color: #f5f5f5;
+}
+
+.search-view {
+  display: flex;
+  align-items: center;
+  padding: 20rpx 24rpx;
+  background-color: #ffffff;
+  position: relative;
+
+  .search-input {
+    background: rgba(102, 126, 234, 0.08);
+    color: #333333;
+    flex: 1;
+    margin-right: 16rpx;
+    border-radius: 24rpx;
+    border: 2rpx solid rgba(102, 126, 234, 0.3);
+    height: 66rpx !important;
+    display: flex;
+    align-items: center;
+  }
+
+  .filter-btn {
+    display: flex;
+    align-items: center;
+    gap: 6rpx;
+    padding: 12rpx 24rpx;
+    background: rgba(102, 126, 234, 0.08);
+    border-radius: 24rpx;
+    border: 2rpx solid rgba(102, 126, 234, 0.3);
+    transition: all 0.3s ease;
+    flex-shrink: 0;
+    
+    &:active {
+      transform: scale(0.95);
+      background: rgba(102, 126, 234, 0.12);
+    }
+    
+    text {
+      color: #667eea;
+      font-size: 28rpx;
+      font-weight: 600;
+    }
+    
+    uni-icons {
+      color: #667eea;
+    }
+  }
+  
+  .add-btn {
+    display: flex;
+    align-items: center;
+    gap: 6rpx;
+    padding: 12rpx 24rpx;
+    background: rgba(102, 126, 234, 0.08);
+    border-radius: 24rpx;
+    border: 2rpx solid rgba(102, 126, 234, 0.3);
+    transition: all 0.3s ease;
+    flex-shrink: 0;
+    margin-left: 10rpx;
+    
+    &:active {
+      transform: scale(0.95);
+      background: rgba(102, 126, 234, 0.12);
+    }
+    
+    text {
+      color: #667eea;
+      font-size: 28rpx;
+      font-weight: 600;
+    }
+    
+    uni-icons {
+      color: #667eea;
+    }
+  }
+
+  .filter-panel {
+    position: absolute;
+    top: 100rpx;
+    left: 0;
+    right: 0;
+    background-color: #ffffff;
+    z-index: 999;
+    display: flex;
+    flex-direction: column;
+    box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.1);
+
+    .filter-panel-content {
+      flex: 1;
+      padding: 32rpx;
+      overflow-y: auto;
+
+      .filter-title {
+        font-size: 28rpx;
+        font-weight: bold;
+        margin: 32rpx 0 24rpx 0;
+        color: #303133;
+
+        &:first-child {
+          margin-top: 0;
+        }
+      }
+
+      .state-list {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 16rpx;
+
+        .state-item {
+          padding: 16rpx 32rpx;
+          background-color: #f5f5f5;
+          border-radius: 32rpx;
+          font-size: 28rpx;
+          color: #606266;
+
+          &.active {
+            background-color: #667eea;
+            color: #ffffff;
+          }
+        }
+      }
+    }
+
+    .btn-box {
+      display: flex;
+      padding: 24rpx 32rpx;
+      border-top: 1rpx solid #f0f0f0;
+
+      .btn-reset,
+      .btn-confirm {
+        flex: 1;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: 20rpx 0;
+        border-radius: 32rpx;
+        font-size: 28rpx;
+
+        text {
+          margin-left: 12rpx;
+        }
+      }
+
+      .btn-reset {
+        background-color: #f5f5f5;
+        color: #909399;
+        margin-right: 16rpx;
+      }
+
+      .btn-confirm {
+        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+        color: #ffffff;
+      }
+    }
+  }
+}
+
+.list-item {
+  margin: 10rpx 24rpx;
+  background-color: #fff;
+  border-radius: 16rpx;
+  overflow: hidden;
+  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
+  transition: all 0.2s ease;
+  
+  &:active {
+    transform: scale(0.98);
+    box-shadow: 0 1rpx 6rpx rgba(0, 0, 0, 0.06);
+  }
+
+  .item-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 16rpx 24rpx;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    
+    .card-name-section {
+      display: flex;
+      align-items: center;
+      flex: 1;
+      min-width: 0;
+      margin-right: 16rpx;
+    }
+    
+    .card-icon {
+      width: 40rpx;
+      height: 40rpx;
+      background: rgba(255, 255, 255, 0.25);
+      border-radius: 50%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-right: 12rpx;
+      flex-shrink: 0;
+    }
+    
+    .card-info {
+      flex: 1;
+      min-width: 0;
+      display: flex;
+      flex-direction: column;
+      gap: 4rpx;
+      
+      .card-name {
+        color: #ffffff;
+        font-size: 28rpx;
+        font-weight: 600;
+        line-height: 1.2;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+      
+      .card-code {
+        color: rgba(255, 255, 255, 0.85);
+        font-size: 22rpx;
+        font-weight: 400;
+        line-height: 1;
+      }
+    }
+    
+    .balance-section {
+      display: flex;
+      align-items: center;
+      flex-shrink: 0;
+      white-space: nowrap;
+      
+      .status-tag {
+        padding: 8rpx 20rpx;
+        border-radius: 20rpx;
+        font-size: 22rpx;
+        font-weight: 500;
+
+        &.status-normal {
+          background-color: rgba(82, 196, 26, 0.2);
+          color: #ffffff;
+        }
+
+        &.status-disabled {
+          background-color: rgba(255, 77, 79, 0.2);
+          color: #ffffff;
+        }
+      }
+    }
+  }
+
+  .card-body {
+    padding: 24rpx;
+    background: #fff;
+  }
+
+  .info-row {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 24rpx;
+    margin-bottom: 0;
+
+    .info-item {
+      flex: 0 0 calc(50% - 12rpx);
+      display: flex;
+      flex-direction: column;
+      gap: 4rpx;
+      min-width: 0;
+      margin-bottom: -5rpx;
+      
+      &.info-item-full {
+        flex: 0 0 100%;
+      }
+
+      .info-label {
+        font-size: 24rpx;
+        color: #667eea;
+        font-weight: 500;
+        background: rgba(102, 126, 234, 0.08);
+        padding: 6rpx 12rpx;
+        border-radius: 8rpx;
+        align-self: flex-start;
+      }
+
+      .info-value {
+        font-size: 26rpx;
+        color: #333;
+        font-weight: 500;
+        flex: 1;
+        line-height: 1.5;
+        word-break: break-all;
+      }
+      
+      &:not(.info-item-full) .info-value {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+    }
+  }
+
+  .operate {
+    display: flex;
+    justify-content: flex-end;
+    padding: 16rpx 24rpx 24rpx;
+    gap: 8rpx;
+    flex-wrap: nowrap;
+
+    .btn-edit,
+    .btn-delete {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 4rpx;
+      padding: 0 14rpx;
+      height: 60rpx;
+      border-radius: 10rpx;
+      font-size: 24rpx;
+      font-weight: 500;
+      transition: all 0.3s ease;
+      white-space: nowrap;
+      flex-shrink: 0;
+      
+      &:active {
+        transform: scale(0.95);
+      }
+    }
+    
+    .btn-edit {
+      background: rgba(102, 126, 234, 0.1);
+      color: #667eea;
+      border: 1rpx solid rgba(102, 126, 234, 0.3);
+    }
+    
+    .btn-delete {
+      background: rgba(245, 87, 108, 0.1);
+      color: #f5576c;
+      border: 1rpx solid rgba(245, 87, 108, 0.3);
+    }
+  }
+}
+</style>
diff --git a/src/pages_mine/pages/system/dept/list.vue b/src/pages_mine/pages/system/dept/list.vue
index b21d3ad..c32d970 100644
--- a/src/pages_mine/pages/system/dept/list.vue
+++ b/src/pages_mine/pages/system/dept/list.vue
@@ -92,7 +92,7 @@
       <u-loadmore :status="loadStatus" loadingIcon="semicircle" height="88" fontSize="32rpx" @loadmore="loadmore" />
     </u-list>
   </view>
-  <suspend></suspend>
+  <systemBtn></systemBtn>
   <refresh></refresh>
 </template>
 
diff --git a/src/pages_mine/pages/system/dict/list.vue b/src/pages_mine/pages/system/dict/list.vue
index 75009d4..0e565f9 100644
--- a/src/pages_mine/pages/system/dict/list.vue
+++ b/src/pages_mine/pages/system/dict/list.vue
@@ -91,7 +91,7 @@
       <u-loadmore :status="loadStatus" loadingIcon="semicircle" height="88" fontSize="32rpx" @loadmore="loadmore" />
     </u-list>
   </view>
-  <suspend></suspend>
+  <systemBtn></systemBtn>
   <refresh></refresh>
 </template>
 
diff --git a/src/pages_mine/pages/system/dictData/list.vue b/src/pages_mine/pages/system/dictData/list.vue
index e956120..a6202d3 100644
--- a/src/pages_mine/pages/system/dictData/list.vue
+++ b/src/pages_mine/pages/system/dictData/list.vue
@@ -108,7 +108,7 @@
       <u-loadmore :status="loadStatus" loadingIcon="semicircle" height="88" fontSize="32rpx" @loadmore="loadmore" />
     </u-list>
   </view>
-  <suspend></suspend>
+  <systemBtn></systemBtn>
   <refresh></refresh>
 </template>
 
diff --git a/src/pages_mine/pages/system/index.vue b/src/pages_mine/pages/system/index.vue
index 0860cec..a23f6f2 100644
--- a/src/pages_mine/pages/system/index.vue
+++ b/src/pages_mine/pages/system/index.vue
@@ -26,26 +26,31 @@ import { ref } from "vue";
 
 const systemGridList = ref([
   { path: '/pages_mine/pages/system/user/list', text: '用户管理', icon: 'person', color: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)' },
-  { path: '/pages/system/role/index', text: '角色管理', icon: 'staff', color: 'linear-gradient(135deg, #fa709a 0%, #fee140 100%)' },
-  { path: '/pages/system/menu/index', text: '菜单管理', icon: 'list', color: 'linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)' },
+  { path: '/pages_mine/pages/system/role/list', text: '角色管理', icon: 'staff', color: 'linear-gradient(135deg, #fa709a 0%, #fee140 100%)' },
+  { path: '/pages_mine/pages/system/menu/list', text: '菜单管理', icon: 'list', color: 'linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)' },
   { path: '/pages_mine/pages/system/dept/list', text: '部门管理', icon: 'chat', color: 'linear-gradient(135deg, #43e97b 0%, #38f9d7 100%)' },
   { path: '/pages_mine/pages/system/post/list', text: '岗位管理', icon: 'contact', color: 'linear-gradient(135deg, #fd79a8 0%, #e84393 100%)' },
   { path: '/pages_mine/pages/system/dict/list', text: '字典管理', icon: 'bars', color: 'linear-gradient(135deg, #f6d365 0%, #fda085 100%)' },
-  { path: '/pages/system/config/index', text: '参数设置', icon: 'gear', color: 'linear-gradient(135deg, #5f72bd 0%, #9b23ea 100%)' },
-  { path: '/pages/system/notice/index', text: '通知公告', icon: 'notification', color: 'linear-gradient(135deg, #0be881 0%, #0fbcf9 100%)' },
-  { path: '/pages/system/job/index', text: '定时任务', icon: 'calendar', color: 'linear-gradient(135deg, #6366f1 0%, #a855f7 100%)' },
+  { path: '/pages_mine/pages/system/config/list', text: '参数配置', icon: 'gear', color: 'linear-gradient(135deg, #5f72bd 0%, #9b23ea 100%)' },
+  { path: '/pages_mine/pages/system/notice/list', text: '通知公告', icon: 'notification', color: 'linear-gradient(135deg, #0be881 0%, #0fbcf9 100%)' },
+  { path: '/pages_mine/pages/system/job/list', text: '定时任务', icon: 'calendar', color: 'linear-gradient(135deg, #6366f1 0%, #a855f7 100%)' },
   { path: '/pages_mine/pages/system/operlog/list', text: '操作日志', icon: 'compose', color: 'linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%)' },
   { path: '/pages_mine/pages/system/logininfor/list', text: '登录日志', icon: 'eye', color: 'linear-gradient(135deg, #00d2ff 0%, #3a7bd5 100%)' }
 ])
 
 function navigateTo(path) {
-  // 字典管理、登录日志、用户管理、岗位管理、部门管理、操作日志已开发完成,可以跳转
+  // 字典管理、登录日志、用户管理、岗位管理、部门管理、操作日志、菜单管理、角色管理、参数配置、通知公告、定时任务已开发完成,可以跳转
   if (path === '/pages_mine/pages/system/dict/list' || 
       path === '/pages_mine/pages/system/logininfor/list' || 
       path === '/pages_mine/pages/system/user/list' || 
       path === '/pages_mine/pages/system/post/list' || 
       path === '/pages_mine/pages/system/dept/list' ||
-      path === '/pages_mine/pages/system/operlog/list') {
+      path === '/pages_mine/pages/system/operlog/list' ||
+      path === '/pages_mine/pages/system/menu/list' ||
+      path === '/pages_mine/pages/system/role/list' ||
+      path === '/pages_mine/pages/system/config/list' ||
+      path === '/pages_mine/pages/system/notice/list' ||
+      path === '/pages_mine/pages/system/job/list') {
     uni.navigateTo({
       url: path
     });
diff --git a/src/pages_mine/pages/system/job/addEdit.vue b/src/pages_mine/pages/system/job/addEdit.vue
new file mode 100644
index 0000000..dbec3f6
--- /dev/null
+++ b/src/pages_mine/pages/system/job/addEdit.vue
@@ -0,0 +1,283 @@
+<template>
+  <view class="container">
+    <u-navbar
+      leftIconSize="40rpx"
+      leftIconColor="#333333"
+      :title="title"
+    >
+    </u-navbar>
+    <view class="section">
+      <view class="section-title">{{ title }}</view>
+      <view class="form-view">
+        <u--form labelPosition="left" :model="form" :rules="rules" ref="uForm" label-width="auto"
+          :labelStyle="{ color: '#333333', fontSize: '30rpx' }">
+          <u-form-item label="任务名称" prop="jobName" required>
+            <u--input v-model="form.jobName" placeholder="请输入任务名称"
+              inputAlign="right" border="none"></u--input>
+          </u-form-item>
+
+          <u-form-item label="任务组名" prop="jobGroup" required>
+            <u--input v-model="form.jobGroup" placeholder="请输入任务组名"
+              inputAlign="right" border="none"></u--input>
+          </u-form-item>
+
+          <u-form-item label="调用目标" prop="invokeTarget" required>
+            <u--input v-model="form.invokeTarget" placeholder="请输入调用目标字符串"
+              inputAlign="right" border="none"></u--input>
+          </u-form-item>
+
+          <u-form-item label="cron表达式" prop="cronExpression" required>
+            <u--input v-model="form.cronExpression" placeholder="请输入cron执行表达式"
+              inputAlign="right" border="none"></u--input>
+          </u-form-item>
+
+          <u-form-item label="状态" prop="statusName" @click="showStatusPicker = true">
+            <u--input v-model="statusName" disabled disabledColor="#ffffff" placeholder="请选择状态"
+              inputAlign="right" border="none"></u--input>
+            <template #right>
+              <u-icon name="arrow-down"></u-icon>
+            </template>
+          </u-form-item>
+
+          <u-form-item label="是否并发" prop="concurrentName" @click="showConcurrentPicker = true">
+            <u--input v-model="concurrentName" disabled disabledColor="#ffffff" placeholder="请选择是否并发"
+              inputAlign="right" border="none"></u--input>
+            <template #right>
+              <u-icon name="arrow-down"></u-icon>
+            </template>
+          </u-form-item>
+
+          <u-form-item label="错失策略" prop="misfirePolicyName" @click="showMisfirePolicyPicker = true">
+            <u--input v-model="misfirePolicyName" disabled disabledColor="#ffffff" placeholder="请选择错失执行策略"
+              inputAlign="right" border="none"></u--input>
+            <template #right>
+              <u-icon name="arrow-down"></u-icon>
+            </template>
+          </u-form-item>
+
+          <u-form-item label="备注" prop="remark" labelPosition="top">
+            <u--textarea v-model="form.remark" placeholder="请输入备注" border="none" autoHeight inputAlign="right" count
+              maxlength="500" style="padding:18rpx 0;"></u--textarea>
+          </u-form-item>
+        </u--form>
+        <view class="form-btn">
+          <u-button type="primary" text="提交" @click="submit"></u-button>
+        </view>
+      </view>
+    </view>
+    <u-toast ref="uToast"></u-toast>
+    <u-picker itemHeight="88" :show="showStatusPicker" :columns="statusColumns" keyName="dictLabel" @cancel="showStatusPicker = false"
+      @confirm="handleStatusConfirm"></u-picker>
+    <u-picker itemHeight="88" :show="showConcurrentPicker" :columns="concurrentColumns" keyName="dictLabel" @cancel="showConcurrentPicker = false"
+      @confirm="handleConcurrentConfirm"></u-picker>
+    <u-picker itemHeight="88" :show="showMisfirePolicyPicker" :columns="misfirePolicyColumns" keyName="dictLabel" @cancel="showMisfirePolicyPicker = false"
+      @confirm="handleMisfirePolicyConfirm"></u-picker>
+  </view>
+</template>
+
+<script setup>
+import { ref, reactive, getCurrentInstance } from 'vue'
+import { getJob, addJob, updateJob } from '@/api/monitor/job'
+import { getDicts } from "@/api/system/dict/data"
+import { onLoad } from "@dcloudio/uni-app"
+
+const { proxy } = getCurrentInstance()
+const title = ref('新增定时任务')
+const jobId = ref(undefined)
+const showStatusPicker = ref(false)
+const showConcurrentPicker = ref(false)
+const showMisfirePolicyPicker = ref(false)
+const statusName = ref('')
+const concurrentName = ref('')
+const misfirePolicyName = ref('')
+const statusColumns = ref([])
+const concurrentColumns = ref([])
+const misfirePolicyColumns = ref([])
+
+const form = reactive({
+  jobId: undefined,
+  jobName: '',
+  jobGroup: '',
+  invokeTarget: '',
+  cronExpression: '',
+  misfirePolicy: '1',
+  concurrent: '1',
+  status: '0',
+  remark: ''
+})
+
+const rules = {
+  jobName: [
+    { required: true, message: '任务名称不能为空', trigger: ['blur', 'change'] }
+  ],
+  jobGroup: [
+    { required: true, message: '任务组名不能为空', trigger: ['blur', 'change'] }
+  ],
+  invokeTarget: [
+    { required: true, message: '调用目标不能为空', trigger: ['blur', 'change'] }
+  ],
+  cronExpression: [
+    { required: true, message: 'cron表达式不能为空', trigger: ['blur', 'change'] }
+  ]
+}
+
+onLoad((options) => {
+  // 获取字典数据
+  getDicts('sys_job_status').then(res => {
+    statusColumns.value = [res.data]
+    updateStatusName()
+  })
+  getDicts('sys_job_concurrent').then(res => {
+    concurrentColumns.value = [res.data]
+    updateConcurrentName()
+  })
+  getDicts('sys_job_policy').then(res => {
+    misfirePolicyColumns.value = [res.data]
+    updateMisfirePolicyName()
+  })
+
+  if (options.id) {
+    jobId.value = options.id
+    title.value = '修改定时任务'
+    getJob(jobId.value).then(response => {
+      Object.assign(form, response.data)
+      updateStatusName()
+      updateConcurrentName()
+      updateMisfirePolicyName()
+    })
+  }
+})
+
+// 更新状态名称显示
+function updateStatusName() {
+  if (statusColumns.value.length > 0 && statusColumns.value[0].length > 0) {
+    const item = statusColumns.value[0].find(v => v.dictValue === form.status)
+    statusName.value = item ? item.dictLabel : ''
+  }
+}
+
+// 更新并发名称显示
+function updateConcurrentName() {
+  if (concurrentColumns.value.length > 0 && concurrentColumns.value[0].length > 0) {
+    const item = concurrentColumns.value[0].find(v => v.dictValue === form.concurrent)
+    concurrentName.value = item ? item.dictLabel : ''
+  }
+}
+
+// 更新错失策略名称显示
+function updateMisfirePolicyName() {
+  if (misfirePolicyColumns.value.length > 0 && misfirePolicyColumns.value[0].length > 0) {
+    const item = misfirePolicyColumns.value[0].find(v => v.dictValue === form.misfirePolicy)
+    misfirePolicyName.value = item ? item.dictLabel : ''
+  }
+}
+
+// 状态选择确认
+function handleStatusConfirm(e) {
+  form.status = e.value[0].dictValue
+  statusName.value = e.value[0].dictLabel
+  showStatusPicker.value = false
+}
+
+// 并发选择确认
+function handleConcurrentConfirm(e) {
+  form.concurrent = e.value[0].dictValue
+  concurrentName.value = e.value[0].dictLabel
+  showConcurrentPicker.value = false
+}
+
+// 错失策略选择确认
+function handleMisfirePolicyConfirm(e) {
+  form.misfirePolicy = e.value[0].dictValue
+  misfirePolicyName.value = e.value[0].dictLabel
+  showMisfirePolicyPicker.value = false
+}
+
+// 提交
+function submit() {
+  proxy.$refs['uForm'].validate().then(() => {
+    const submitForm = { ...form }
+    if (jobId.value) {
+      updateJob(submitForm).then(() => {
+        proxy.$refs['uToast'].show({
+          message: '修改成功', complete() {
+            uni.navigateBack()
+          }
+        })
+      })
+    } else {
+      addJob(submitForm).then(() => {
+        proxy.$refs['uToast'].show({
+          message: '新增成功', complete() {
+            uni.navigateBack()
+          }
+        })
+      })
+    }
+  }).catch(() => {
+    proxy.$refs['uToast'].show({
+      type: 'error',
+      message: '请填写完整信息'
+    })
+  })
+}
+</script>
+
+<style lang="scss" scoped>
+.container {
+  background-color: #f5f5f5;
+}
+
+.section {
+  margin: 24rpx;
+  padding: 0;
+  background-color: #fff;
+  border-radius: 16rpx;
+  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
+  overflow: hidden;
+
+  .section-title {
+    padding: 16rpx 24rpx;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    color: #ffffff;
+    line-height: 1.2;
+    font-size: 28rpx;
+    font-weight: 600;
+    display: flex;
+    align-items: center;
+    
+    &::before {
+      content: '';
+      width: 6rpx;
+      height: 28rpx;
+      background: #ffffff;
+      border-radius: 3rpx;
+      margin-right: 12rpx;
+    }
+  }
+
+  .form-view {
+    padding: 24rpx;
+
+    .form-btn {
+      padding-top: 16rpx;
+    }
+  }
+}
+</style>
+
+<style lang="scss">
+.form-btn .u-button {
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
+  border: none !important;
+  border-radius: 24rpx !important;
+  height: 80rpx !important;
+  box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
+}
+
+.form-btn .u-button__text {
+  font-size: 30rpx !important;
+  font-weight: 500 !important;
+  letter-spacing: 2rpx !important;
+}
+</style>
\ No newline at end of file
diff --git a/src/pages_mine/pages/system/job/details.vue b/src/pages_mine/pages/system/job/details.vue
new file mode 100644
index 0000000..8f6af20
--- /dev/null
+++ b/src/pages_mine/pages/system/job/details.vue
@@ -0,0 +1,282 @@
+<template>
+  <view class="container">
+    <u-navbar
+      leftIconSize="40rpx"
+      leftIconColor="#333333"
+      title="任务详情"
+    >
+    </u-navbar>
+    
+    <view class="detail-card" v-if="jobData">
+      <view class="card-header">
+        <view class="header-icon">
+          <uni-icons type="calendar" size="24" color="#ffffff"></uni-icons>
+        </view>
+        <view class="header-info">
+          <text class="card-name">{{ jobData.jobName }}</text>
+        </view>
+        <view class="status-tag" :class="jobData.status === '0' ? 'status-normal' : 'status-disabled'">
+          {{ dictStr(jobData.status, statusList) }}
+        </view>
+      </view>
+      
+      <view class="card-body">
+        <view class="info-section">
+          <view class="section-title">
+            <view class="title-icon"></view>
+            <text>基本信息</text>
+          </view>
+          <view class="info-list">
+            <view class="list-item">
+              <text class="item-label">任务编号</text>
+              <text class="item-value">{{ jobData.jobId }}</text>
+            </view>
+            <view class="list-item">
+              <text class="item-label">任务名称</text>
+              <text class="item-value">{{ jobData.jobName }}</text>
+            </view>
+            <view class="list-item">
+              <text class="item-label">任务组名</text>
+              <text class="item-value">{{ jobData.jobGroup }}</text>
+            </view>
+            <view class="list-item">
+              <text class="item-label">调用目标</text>
+              <text class="item-value">{{ jobData.invokeTarget }}</text>
+            </view>
+            <view class="list-item">
+              <text class="item-label">cron表达式</text>
+              <text class="item-value">{{ jobData.cronExpression }}</text>
+            </view>
+            <view class="list-item">
+              <text class="item-label">错失执行策略</text>
+              <text class="item-value">{{ dictStr(jobData.misfirePolicy, misfirePolicyList) }}</text>
+            </view>
+            <view class="list-item">
+              <text class="item-label">是否并发</text>
+              <text class="item-value">{{ dictStr(jobData.concurrent, concurrentList) }}</text>
+            </view>
+            <view class="list-item">
+              <text class="item-label">创建者</text>
+              <text class="item-value">{{ jobData.createBy }}</text>
+            </view>
+            <view class="list-item" v-if="jobData.createTime">
+              <text class="item-label">创建时间</text>
+              <text class="item-value">{{ jobData.createTime }}</text>
+            </view>
+            <view class="list-item" v-if="jobData.updateTime && jobData.updateTime !== jobData.createTime">
+              <text class="item-label">更新时间</text>
+              <text class="item-value">{{ jobData.updateTime }}</text>
+            </view>
+          </view>
+        </view>
+        
+        <view class="info-section" v-if="jobData.remark">
+          <view class="section-title">
+            <view class="title-icon"></view>
+            <text>备注</text>
+          </view>
+          <view class="remark-content">
+            <text>{{ jobData.remark }}</text>
+          </view>
+        </view>
+      </view>
+    </view>
+    
+    <u-toast ref="uToast"></u-toast>
+  </view>
+</template>
+
+<script setup>
+import { ref, reactive, toRefs, computed } from 'vue'
+import { getJob } from '@/api/monitor/job'
+import { getDicts } from "@/api/system/dict/data"
+import { onLoad } from "@dcloudio/uni-app"
+
+const jobId = ref(undefined)
+const statusList = ref([])
+const concurrentList = ref([])
+const misfirePolicyList = ref([])
+const data = reactive({
+  jobData: null
+})
+const { jobData } = toRefs(data)
+
+onLoad((options) => {
+  if (options.id) {
+    jobId.value = options.id
+    getJob(jobId.value).then(response => {
+      jobData.value = response.data
+    })
+  }
+  
+  // 获取字典数据
+  getDicts('sys_job_status').then(res => {
+    statusList.value = res.data
+  })
+  getDicts('sys_job_concurrent').then(res => {
+    concurrentList.value = res.data
+  })
+  getDicts('sys_job_policy').then(res => {
+    misfirePolicyList.value = res.data
+  })
+})
+
+// 字典翻译
+function dictStr(value, list) {
+  const item = list.find(v => v.dictValue === value)
+  return item ? item.dictLabel : value
+}
+</script>
+
+<style lang="scss" scoped>
+.container {
+  background: #f5f7fa;
+  padding-bottom: 24rpx;
+}
+
+.detail-card {
+  margin: 24rpx;
+  background: #ffffff;
+  border-radius: 16rpx;
+  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
+  overflow: hidden;
+}
+
+.card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16rpx 20rpx;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  
+  .header-icon {
+    width: 48rpx;
+    height: 48rpx;
+    background: rgba(255, 255, 255, 0.2);
+    border-radius: 16rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-right: 12rpx;
+    backdrop-filter: blur(10rpx);
+  }
+  
+  .header-info {
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+    
+    .card-name {
+      color: #ffffff;
+      font-size: 28rpx;
+      font-weight: 600;
+      line-height: 1.2;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+  
+  .status-tag {
+    padding: 8rpx 20rpx;
+    border-radius: 20rpx;
+    font-size: 24rpx;
+    font-weight: 500;
+    white-space: nowrap;
+
+    &.status-normal {
+      background-color: rgba(82, 196, 26, 0.2);
+      color: #ffffff;
+    }
+
+    &.status-disabled {
+      background-color: rgba(255, 77, 79, 0.2);
+      color: #ffffff;
+    }
+  }
+}
+
+.card-body {
+  padding: 24rpx;
+}
+
+.info-section {
+  margin-bottom: 32rpx;
+  
+  &:last-child {
+    margin-bottom: 0;
+  }
+  
+  .section-title {
+    display: flex;
+    align-items: center;
+    margin-bottom: 20rpx;
+    
+    .title-icon {
+      width: 6rpx;
+      height: 28rpx;
+      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+      border-radius: 3rpx;
+      margin-right: 12rpx;
+    }
+    
+    text {
+      color: #2c3e50;
+      font-size: 28rpx;
+      font-weight: 600;
+    }
+  }
+  
+  .info-list {
+    .list-item {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 20rpx;
+      background: #f8f9fa;
+      border-radius: 8rpx;
+      margin-bottom: 12rpx;
+      
+      &:last-child {
+        margin-bottom: 0;
+      }
+      
+      .item-label {
+        color: #7f8c8d;
+        font-size: 26rpx;
+      }
+      
+      .item-value {
+        color: #2c3e50;
+        font-size: 28rpx;
+        font-weight: 500;
+        text-align: right;
+        
+        &.status-normal {
+          color: #52c41a;
+        }
+        
+        &.status-disabled {
+          color: #ff4d4f;
+        }
+        
+        &.status-default {
+          color: #666666;
+        }
+      }
+    }
+  }
+  
+  .remark-content {
+    padding: 20rpx;
+    background: #f8f9fa;
+    border-radius: 8rpx;
+    
+    text {
+      color: #2c3e50;
+      font-size: 26rpx;
+      line-height: 1.6;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/pages_mine/pages/system/job/list.vue b/src/pages_mine/pages/system/job/list.vue
new file mode 100644
index 0000000..d87131d
--- /dev/null
+++ b/src/pages_mine/pages/system/job/list.vue
@@ -0,0 +1,653 @@
+<template>
+  <view class="container">
+    <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
+      <view class="search-view">
+        <u--input v-model="queryParams.jobName" border="false" placeholder="请输入任务名称" class="search-input"
+          @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
+        </u--input>
+        <view class="filter-btn" @click="filterPanel = !filterPanel">
+          <uni-icons type="list" size="18" color="#667eea"></uni-icons>
+          <text>筛选</text>
+        </view>
+        <view class="add-btn" @click="handleAdd()">
+          <uni-icons type="plusempty" size="18" color="#667eea"></uni-icons>
+          <text>新增</text>
+        </view>
+        <u-transition :show="filterPanel" mode="fade">
+          <view class="filter-panel" :style="{ height: `${windowHeight - 42}px` }">
+            <view class="filter-panel-content">
+              <view class="filter-title">任务组名</view>
+              <u--input v-model="queryParams.jobGroup" placeholder="请输入任务组名" border="surround"></u--input>
+              
+              <view class="filter-title">任务状态</view>
+              <view class="state-list">
+                <view v-for="item in statusList" :key="item.dictValue" class="state-item"
+                  :class="item.selected ? 'active' : ''" @click="selectStatus(item)">{{ item.dictLabel }}</view>
+              </view>
+            </view>
+            <view class="btn-box">
+              <view class="btn-reset" @click="resetQuery()">
+                <uni-icons type="reload" size="16" color="#909399"></uni-icons>
+                <text>重置</text>
+              </view>
+              <view class="btn-confirm" @click="searchSubmit()">
+                <uni-icons type="checkmarkempty" size="16" color="#ffffff"></uni-icons>
+                <text>确定</text>
+              </view>
+            </view>
+          </view>
+        </u-transition>
+      </view>
+    </u-sticky>
+    <u-list @scrolltolower="loadmore" :spaceHeight="116" lowerThreshold="100">
+      <u-list-item v-for="(item, index) in listData" :key="index">
+        <view class="list-item" @click="enterDetails(item)">
+          <view class="item-header">
+            <view class="card-name-section">
+              <view class="card-icon">
+                <uni-icons type="calendar" size="20" color="#ffffff"></uni-icons>
+              </view>
+              <view class="card-info">
+                <text class="card-name">{{ item.jobName }}<text class="card-code" v-if="item.jobGroup">({{ item.jobGroup }})</text></text>
+              </view>
+            </view>
+            <view class="balance-section">
+              <view class="status-tag" :class="item.status === '0' ? 'status-normal' : 'status-disabled'">
+                {{ dictStr(item.status, statusList) }}
+              </view>
+            </view>
+          </view>
+          
+          <view class="card-body">
+            <view class="info-row">
+              <view class="info-item">
+                <text class="info-label">调用目标</text>
+                <text class="info-value">{{ item.invokeTarget }}</text>
+              </view>
+              <view class="info-item">
+                <text class="info-label">cron表达式</text>
+                <text class="info-value">{{ item.cronExpression }}</text>
+              </view>
+              <view class="info-item" v-if="item.createTime">
+                <text class="info-label">创建时间</text>
+                <text class="info-value">{{ item.createTime }}</text>
+              </view>
+            </view>
+          </view>
+          
+          <view class="operate" @click.stop>
+            <view class="btn-run" @click="handleRun(item)">
+              <uni-icons type="play" size="16" color="#52c41a"></uni-icons>
+              <text>执行</text>
+            </view>
+            <view class="btn-start" v-if="item.status === '1'" @click="handleStart(item)">
+              <uni-icons type="play" size="16" color="#52c41a"></uni-icons>
+              <text>启动</text>
+            </view>
+            <view class="btn-stop" v-if="item.status === '0'" @click="handleStop(item)">
+              <uni-icons type="pause" size="16" color="#ff4d4f"></uni-icons>
+              <text>停止</text>
+            </view>
+            <view class="btn-edit" @click="handleUpdate(item)">
+              <uni-icons type="compose" size="16" color="#667eea"></uni-icons>
+              <text>修改</text>
+            </view>
+            <view class="btn-delete" @click="handleDelete(item)">
+              <uni-icons type="trash" size="16" color="#f5576c"></uni-icons>
+              <text>删除</text>
+            </view>
+          </view>
+        </view>
+      </u-list-item>
+      <view></view>
+      <u-loadmore :status="loadStatus" loadingIcon="semicircle" height="88" fontSize="32rpx" @loadmore="loadmore" />
+    </u-list>
+  </view>
+  <suspend></suspend>
+  <refresh></refresh>
+</template>
+
+<script setup>
+import { ref, reactive, computed } from 'vue'
+import { listJob, delJob, runJob, startJob, stopJob } from '@/api/monitor/job'
+import { getDicts } from "@/api/system/dict/data"
+import { onLoad, onShow } from "@dcloudio/uni-app"
+import modal from '@/plugins/modal'
+
+const pageNum = ref(1)
+const listData = ref([])
+const isShow = ref(false)
+const loadStatus = ref('loadmore')
+const statusList = ref([])
+const filterPanel = ref(false)
+
+const queryParams = reactive({
+  jobName: undefined,
+  jobGroup: undefined,
+  status: undefined
+})
+
+const windowHeight = computed(() => {
+  uni.getSystemInfoSync().windowHeight - 50
+})
+
+onLoad(() => {
+  getDicts('sys_job_status').then(res => {
+    statusList.value = res.data.map(item => ({
+      ...item,
+      selected: false
+    }))
+  })
+  getList()
+})
+
+onShow(() => {
+  if (isShow.value) {
+    listData.value = []
+    pageNum.value = 1
+    getList()
+    isShow.value = false
+  }
+})
+
+// 获取列表
+function getList() {
+  loadStatus.value = 'loading'
+  listJob({ pageSize: 10, pageNum: pageNum.value, ...queryParams }).then(res => {
+    listData.value = listData.value.concat(res.rows)
+    if (listData.value.length < res.total) {
+      loadStatus.value = 'loadmore'
+    } else {
+      loadStatus.value = 'nomore'
+    }
+  }).catch(() => {
+    loadStatus.value = 'nomore'
+  })
+}
+
+// 搜索框失焦
+function searchBlur() {
+  listData.value = []
+  pageNum.value = 1
+  getList()
+}
+
+// 选择状态
+function selectStatus(item) {
+  statusList.value.forEach(v => v.selected = false)
+  item.selected = !item.selected
+  queryParams.status = item.dictValue
+}
+
+// 搜索提交
+function searchSubmit() {
+  listData.value = []
+  pageNum.value = 1
+  filterPanel.value = false
+  getList()
+}
+
+// 重置查询
+function resetQuery() {
+  queryParams.jobName = undefined
+  queryParams.jobGroup = undefined
+  queryParams.status = undefined
+  listData.value = []
+  pageNum.value = 1
+  statusList.value.forEach(v => v.selected = false)
+  filterPanel.value = false
+  getList()
+}
+
+// 上拉加载
+function loadmore() {
+  pageNum.value += 1
+  if (loadStatus.value == 'loadmore') {
+    getList()
+  }
+}
+
+// 新增
+function handleAdd() {
+  isShow.value = true
+  uni.navigateTo({
+    url: '/pages_mine/pages/system/job/addEdit'
+  })
+}
+
+// 编辑
+function handleUpdate(row) {
+  isShow.value = true
+  uni.navigateTo({
+    url: `/pages_mine/pages/system/job/addEdit?id=${row.jobId}`
+  })
+}
+
+// 删除
+function handleDelete(row) {
+  modal.confirm('是否确认删除定时任务编号为"' + row.jobId + '"的数据项？').then(() => {
+    return delJob(row.jobId)
+  }).then(() => {
+    listData.value = []
+    pageNum.value = 1
+    getList()
+    modal.msgSuccess('删除成功')
+  }).catch(() => {})
+}
+
+// 执行一次
+function handleRun(row) {
+  modal.confirm('确认要立即执行一次"' + row.jobName + '"任务吗？').then(() => {
+    return runJob(row.jobId, row.jobGroup)
+  }).then(() => {
+    modal.msgSuccess('执行成功')
+  }).catch(() => {})
+}
+
+// 启动任务
+function handleStart(row) {
+  modal.confirm('确认要启动"' + row.jobName + '"任务吗？').then(() => {
+    return startJob(row.jobId, row.jobGroup)
+  }).then(() => {
+    listData.value = []
+    pageNum.value = 1
+    getList()
+    modal.msgSuccess('启动成功')
+  }).catch(() => {})
+}
+
+// 停止任务
+function handleStop(row) {
+  modal.confirm('确认要停止"' + row.jobName + '"任务吗？').then(() => {
+    return stopJob(row.jobId, row.jobGroup)
+  }).then(() => {
+    listData.value = []
+    pageNum.value = 1
+    getList()
+    modal.msgSuccess('停止成功')
+  }).catch(() => {})
+}
+
+// 进入详情
+function enterDetails(row) {
+  isShow.value = true
+  uni.navigateTo({
+    url: `/pages_mine/pages/system/job/details?id=${row.jobId}`
+  })
+}
+
+// 字典翻译
+function dictStr(value, list) {
+  const item = list.find(v => v.dictValue === value)
+  return item ? item.dictLabel : value
+}
+</script>
+
+<style lang="scss" scoped>
+page {
+  height: 100%;
+  overflow: auto;
+}
+
+.container {
+  min-height: 100vh;
+  background-color: #f5f5f5;
+}
+
+.search-view {
+  display: flex;
+  align-items: center;
+  padding: 20rpx 24rpx;
+  background-color: #ffffff;
+  position: relative;
+
+  .search-input {
+    background: rgba(102, 126, 234, 0.08);
+    color: #333333;
+    flex: 1;
+    margin-right: 16rpx;
+    border-radius: 24rpx;
+    border: 2rpx solid rgba(102, 126, 234, 0.3);
+    height: 66rpx !important;
+    display: flex;
+    align-items: center;
+  }
+
+  .filter-btn {
+    display: flex;
+    align-items: center;
+    gap: 6rpx;
+    padding: 12rpx 24rpx;
+    background: rgba(102, 126, 234, 0.08);
+    border-radius: 24rpx;
+    border: 2rpx solid rgba(102, 126, 234, 0.3);
+    transition: all 0.3s ease;
+    flex-shrink: 0;
+    
+    &:active {
+      transform: scale(0.95);
+      background: rgba(102, 126, 234, 0.12);
+    }
+    
+    text {
+      color: #667eea;
+      font-size: 28rpx;
+      font-weight: 600;
+    }
+    
+    uni-icons {
+      color: #667eea;
+    }
+  }
+  
+  .add-btn {
+    display: flex;
+    align-items: center;
+    gap: 6rpx;
+    padding: 12rpx 24rpx;
+    background: rgba(102, 126, 234, 0.08);
+    border-radius: 24rpx;
+    border: 2rpx solid rgba(102, 126, 234, 0.3);
+    transition: all 0.3s ease;
+    flex-shrink: 0;
+    margin-left: 10rpx;
+    
+    &:active {
+      transform: scale(0.95);
+      background: rgba(102, 126, 234, 0.12);
+    }
+    
+    text {
+      color: #667eea;
+      font-size: 28rpx;
+      font-weight: 600;
+    }
+    
+    uni-icons {
+      color: #667eea;
+    }
+  }
+
+  .filter-panel {
+    position: absolute;
+    top: 100rpx;
+    left: 0;
+    right: 0;
+    background-color: #ffffff;
+    z-index: 999;
+    display: flex;
+    flex-direction: column;
+    box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.1);
+
+    .filter-panel-content {
+      flex: 1;
+      padding: 32rpx;
+      overflow-y: auto;
+
+      .filter-title {
+        font-size: 28rpx;
+        font-weight: bold;
+        margin: 32rpx 0 24rpx 0;
+        color: #303133;
+
+        &:first-child {
+          margin-top: 0;
+        }
+      }
+
+      .state-list {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 16rpx;
+
+        .state-item {
+          padding: 16rpx 32rpx;
+          background-color: #f5f5f5;
+          border-radius: 32rpx;
+          font-size: 28rpx;
+          color: #606266;
+
+          &.active {
+            background-color: #667eea;
+            color: #ffffff;
+          }
+        }
+      }
+    }
+
+    .btn-box {
+      display: flex;
+      padding: 24rpx 32rpx;
+      border-top: 1rpx solid #f0f0f0;
+
+      .btn-reset,
+      .btn-confirm {
+        flex: 1;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: 20rpx 0;
+        border-radius: 32rpx;
+        font-size: 28rpx;
+
+        text {
+          margin-left: 12rpx;
+        }
+      }
+
+      .btn-reset {
+        background-color: #f5f5f5;
+        color: #909399;
+        margin-right: 16rpx;
+      }
+
+      .btn-confirm {
+        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+        color: #ffffff;
+      }
+    }
+  }
+}
+
+.list-item {
+  margin: 10rpx 24rpx;
+  background-color: #fff;
+  border-radius: 16rpx;
+  overflow: hidden;
+  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
+  transition: all 0.2s ease;
+  
+  &:active {
+    transform: scale(0.98);
+    box-shadow: 0 1rpx 6rpx rgba(0, 0, 0, 0.06);
+  }
+
+  .item-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 16rpx 24rpx;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    
+    .card-name-section {
+      display: flex;
+      align-items: center;
+      flex: 1;
+      min-width: 0;
+      margin-right: 16rpx;
+    }
+    
+    .card-icon {
+      width: 40rpx;
+      height: 40rpx;
+      background: rgba(255, 255, 255, 0.25);
+      border-radius: 50%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-right: 12rpx;
+      flex-shrink: 0;
+    }
+    
+    .card-info {
+      flex: 1;
+      min-width: 0;
+      display: flex;
+      flex-direction: column;
+      gap: 4rpx;
+      
+      .card-name {
+        color: #ffffff;
+        font-size: 28rpx;
+        font-weight: 600;
+        line-height: 1.2;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+      
+      .card-code {
+        color: rgba(255, 255, 255, 0.85);
+        font-size: 22rpx;
+        font-weight: 400;
+        line-height: 1;
+      }
+    }
+    
+    .balance-section {
+      display: flex;
+      align-items: center;
+      flex-shrink: 0;
+      white-space: nowrap;
+      
+      .status-tag {
+        padding: 8rpx 20rpx;
+        border-radius: 20rpx;
+        font-size: 22rpx;
+        font-weight: 500;
+
+        &.status-normal {
+          background-color: rgba(82, 196, 26, 0.2);
+          color: #ffffff;
+        }
+
+        &.status-disabled {
+          background-color: rgba(255, 77, 79, 0.2);
+          color: #ffffff;
+        }
+      }
+    }
+  }
+
+  .card-body {
+    padding: 24rpx;
+    background: #fff;
+  }
+
+  .info-row {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 24rpx;
+    margin-bottom: 0;
+
+    .info-item {
+      flex: 0 0 calc(50% - 12rpx);
+      display: flex;
+      flex-direction: column;
+      gap: 4rpx;
+      min-width: 0;
+      margin-bottom: -5rpx;
+      
+      &.info-item-full {
+        flex: 0 0 100%;
+      }
+
+      .info-label {
+        font-size: 24rpx;
+        color: #667eea;
+        font-weight: 500;
+        background: rgba(102, 126, 234, 0.08);
+        padding: 6rpx 12rpx;
+        border-radius: 8rpx;
+        align-self: flex-start;
+      }
+
+      .info-value {
+        font-size: 26rpx;
+        color: #333;
+        font-weight: 500;
+        flex: 1;
+        line-height: 1.5;
+        word-break: break-all;
+      }
+      
+      &:not(.info-item-full) .info-value {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+    }
+  }
+
+  .operate {
+    display: flex;
+    justify-content: flex-end;
+    padding: 16rpx 24rpx 24rpx;
+    gap: 8rpx;
+    flex-wrap: nowrap;
+
+    .btn-run,
+    .btn-start,
+    .btn-stop,
+    .btn-edit,
+    .btn-delete {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 4rpx;
+      padding: 0 14rpx;
+      height: 60rpx;
+      border-radius: 10rpx;
+      font-size: 24rpx;
+      font-weight: 500;
+      transition: all 0.3s ease;
+      white-space: nowrap;
+      flex-shrink: 0;
+      
+      &:active {
+        transform: scale(0.95);
+      }
+    }
+    
+    .btn-run {
+      background: rgba(82, 196, 26, 0.1);
+      color: #52c41a;
+      border: 1rpx solid rgba(82, 196, 26, 0.3);
+    }
+    
+    .btn-start {
+      background: rgba(82, 196, 26, 0.1);
+      color: #52c41a;
+      border: 1rpx solid rgba(82, 196, 26, 0.3);
+    }
+    
+    .btn-stop {
+      background: rgba(255, 77, 79, 0.1);
+      color: #ff4d4f;
+      border: 1rpx solid rgba(255, 77, 79, 0.3);
+    }
+    
+    .btn-edit {
+      background: rgba(102, 126, 234, 0.1);
+      color: #667eea;
+      border: 1rpx solid rgba(102, 126, 234, 0.3);
+    }
+    
+    .btn-delete {
+      background: rgba(245, 87, 108, 0.1);
+      color: #f5576c;
+      border: 1rpx solid rgba(245, 87, 108, 0.3);
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/pages_mine/pages/system/logininfor/list.vue b/src/pages_mine/pages/system/logininfor/list.vue
index b9a6602..144770f 100644
--- a/src/pages_mine/pages/system/logininfor/list.vue
+++ b/src/pages_mine/pages/system/logininfor/list.vue
@@ -93,6 +93,7 @@
       @confirm="confirmEndDate" @cancel="showEndDate = false"></u-datetime-picker>
     <u-toast ref="uToast"></u-toast>
   </view>
+    <systemBtn></systemBtn>
 </template>
 
 <script setup>
diff --git a/src/pages_mine/pages/system/menu/addEdit.vue b/src/pages_mine/pages/system/menu/addEdit.vue
new file mode 100644
index 0000000..8895566
--- /dev/null
+++ b/src/pages_mine/pages/system/menu/addEdit.vue
@@ -0,0 +1,424 @@
+<template>
+  <view class="container" style="paddingBottom:1rpx;">
+    <u-navbar
+      leftIconSize="40rpx"
+      leftIconColor="#333333"
+      :title="title"
+    >
+    </u-navbar>
+    <view class="section">
+      <view class="section-title">{{ title }}</view>
+      <view class="form-view">
+        <u--form labelPosition="left" :model="form" :rules="rules" ref="uForm" label-width="auto"
+          :labelStyle="{ color: '#333333', fontSize: '30rpx' }">
+          
+          <u-form-item label="上级菜单" prop="parentName" @click="showParentPicker = true">
+            <u--input v-model="parentName" disabled disabledColor="#ffffff" placeholder="请选择上级菜单"
+              inputAlign="right" border="none"></u--input>
+            <template #right>
+              <u-icon name="arrow-down"></u-icon>
+            </template>
+          </u-form-item>
+
+          <u-form-item label="菜单类型" prop="menuTypeName" @click="showMenuTypePicker = true">
+            <u--input v-model="menuTypeName" disabled disabledColor="#ffffff" placeholder="请选择菜单类型"
+              inputAlign="right" border="none"></u--input>
+            <template #right>
+              <u-icon name="arrow-down"></u-icon>
+            </template>
+          </u-form-item>
+
+          <u-form-item label="菜单名称" prop="menuName" required>
+            <u--input v-model="form.menuName" placeholder="请输入菜单名称" maxlength="50"
+              inputAlign="right" border="none"></u--input>
+          </u-form-item>
+
+          <u-form-item label="显示排序">
+            <u-number-box v-model="form.orderNum" :min="0" :max="999" inputAlign="right"></u-number-box>
+          </u-form-item>
+
+          <u-form-item label="路由地址" v-if="form.menuType !== 'F'">
+            <u--input v-model="form.path" placeholder="请输入路由地址" maxlength="200"
+              inputAlign="right" border="none"></u--input>
+          </u-form-item>
+
+          <u-form-item label="组件路径" v-if="form.menuType === 'C'">
+            <u--input v-model="form.component" placeholder="请输入组件路径" maxlength="255"
+              inputAlign="right" border="none"></u--input>
+          </u-form-item>
+
+          <u-form-item label="权限标识" v-if="form.menuType !== 'M'">
+            <u--input v-model="form.perms" placeholder="请输入权限标识" maxlength="100"
+              inputAlign="right" border="none"></u--input>
+          </u-form-item>
+
+          <u-form-item label="是否外链" v-if="form.menuType !== 'F'" @click="showFramePicker = true">
+            <u--input v-model="frameName" disabled disabledColor="#ffffff" placeholder="请选择"
+              inputAlign="right" border="none"></u--input>
+            <template #right>
+              <u-icon name="arrow-down"></u-icon>
+            </template>
+          </u-form-item>
+
+          <u-form-item label="是否缓存" v-if="form.menuType === 'C'" @click="showCachePicker = true">
+            <u--input v-model="cacheName" disabled disabledColor="#ffffff" placeholder="请选择"
+              inputAlign="right" border="none"></u--input>
+            <template #right>
+              <u-icon name="arrow-down"></u-icon>
+            </template>
+          </u-form-item>
+
+          <u-form-item label="显示状态" v-if="form.menuType !== 'F'" @click="showVisiblePicker = true">
+            <u--input v-model="visibleName" disabled disabledColor="#ffffff" placeholder="请选择"
+              inputAlign="right" border="none"></u--input>
+            <template #right>
+              <u-icon name="arrow-down"></u-icon>
+            </template>
+          </u-form-item>
+
+          <u-form-item label="菜单状态" prop="statusName" @click="showStatusPicker = true">
+            <u--input v-model="statusName" disabled disabledColor="#ffffff" placeholder="请选择状态"
+              inputAlign="right" border="none"></u--input>
+            <template #right>
+              <u-icon name="arrow-down"></u-icon>
+            </template>
+          </u-form-item>
+
+        </u--form>
+        <view class="form-btn">
+          <u-button type="primary" text="提交" @click="submit"></u-button>
+        </view>
+      </view>
+    </view>
+    <u-toast ref="uToast"></u-toast>
+    
+    <!-- 上级菜单选择器 -->
+    <u-picker itemHeight="88" :show="showParentPicker" :columns="parentList" keyName="menuName" 
+      @cancel="showParentPicker = false" @confirm="handleParentConfirm"></u-picker>
+    
+    <!-- 菜单类型选择器 -->
+    <u-picker itemHeight="88" :show="showMenuTypePicker" :columns="menuTypeList" keyName="label" 
+      @cancel="showMenuTypePicker = false" @confirm="handleMenuTypeConfirm"></u-picker>
+    
+    <!-- 是否外链选择器 -->
+    <u-picker itemHeight="88" :show="showFramePicker" :columns="frameList" keyName="label" 
+      @cancel="showFramePicker = false" @confirm="handleFrameConfirm"></u-picker>
+    
+    <!-- 是否缓存选择器 -->
+    <u-picker itemHeight="88" :show="showCachePicker" :columns="cacheList" keyName="label" 
+      @cancel="showCachePicker = false" @confirm="handleCacheConfirm"></u-picker>
+    
+    <!-- 显示状态选择器 -->
+    <u-picker itemHeight="88" :show="showVisiblePicker" :columns="visibleList" keyName="dictLabel" 
+      @cancel="showVisiblePicker = false" @confirm="handleVisibleConfirm"></u-picker>
+    
+    <!-- 菜单状态选择器 -->
+    <u-picker itemHeight="88" :show="showStatusPicker" :columns="statusList" keyName="dictLabel" 
+      @cancel="showStatusPicker = false" @confirm="handleStatusConfirm"></u-picker>
+  </view>
+</template>
+
+<script setup>
+import { ref, reactive, getCurrentInstance } from 'vue'
+import { getMenu, addMenu, updateMenu, treeselect } from '@/api/system/menu'
+import { getDicts } from "@/api/system/dict/data"
+import { onLoad } from "@dcloudio/uni-app"
+
+const { proxy } = getCurrentInstance()
+const title = ref('添加菜单')
+const parentList = ref([])
+const menuTypeList = ref([[
+  { label: '目录', value: 'M' },
+  { label: '菜单', value: 'C' },
+  { label: '按钮', value: 'F' }
+]])
+const frameList = ref([[
+  { label: '是', value: '0' },
+  { label: '否', value: '1' }
+]])
+const cacheList = ref([[
+  { label: '缓存', value: '0' },
+  { label: '不缓存', value: '1' }
+]])
+const visibleList = ref([])
+const statusList = ref([])
+
+const showParentPicker = ref(false)
+const showMenuTypePicker = ref(false)
+const showFramePicker = ref(false)
+const showCachePicker = ref(false)
+const showVisiblePicker = ref(false)
+const showStatusPicker = ref(false)
+
+const parentName = ref('顶级菜单')
+const menuTypeName = ref('目录')
+const frameName = ref('否')
+const cacheName = ref('缓存')
+const visibleName = ref('')
+const statusName = ref('')
+
+const form = reactive({
+  menuId: undefined,
+  parentId: 0,
+  menuName: undefined,
+  menuType: 'M',
+  orderNum: 0,
+  path: undefined,
+  component: undefined,
+  perms: undefined,
+  isFrame: '1',
+  isCache: '0',
+  visible: '0',
+  status: '0'
+})
+
+const rules = {
+  menuName: [
+    { required: true, message: '菜单名称不能为空', trigger: ['blur', 'change'] }
+  ]
+}
+
+onLoad((option) => {
+  // 获取字典
+  getDicts('sys_show_hide').then(res => {
+    visibleList.value = [res.data]
+  })
+  getDicts('sys_normal_disable').then(res => {
+    statusList.value = [res.data]
+  })
+  
+  // 获取菜单树
+  getMenuTree()
+
+  if (option.id) {
+    title.value = '修改菜单'
+    getDetail(option.id)
+  } else if (option.parentId) {
+    form.parentId = parseInt(option.parentId)
+  } else {
+    setTimeout(() => {
+      updateAllNames()
+    }, 100)
+  }
+})
+
+// 获取菜单树
+function getMenuTree() {
+  treeselect().then(res => {
+    const tree = res.data || []
+    const flatList = flattenMenuTree(tree)
+    parentList.value = [[{ menuId: 0, menuName: '顶级菜单' }, ...flatList]]
+  })
+}
+
+// 扁平化菜单树
+function flattenMenuTree(tree, result = [], level = 0) {
+  tree.forEach(item => {
+    let prefix = ''
+    if (level === 1) {
+      prefix = '　└─ '
+    } else if (level > 1) {
+      prefix = '　'.repeat(level) + '└─ '
+    }
+    result.push({
+      menuId: item.id,
+      menuName: prefix + item.label,
+      originalName: item.label,
+      level: level
+    })
+    if (item.children && item.children.length > 0) {
+      flattenMenuTree(item.children, result, level + 1)
+    }
+  })
+  return result
+}
+
+// 获取详情
+function getDetail(id) {
+  getMenu(id).then(res => {
+    Object.assign(form, res.data)
+    updateAllNames()
+  })
+}
+
+// 更新所有显示名称
+function updateAllNames() {
+  updateParentName()
+  updateMenuTypeName()
+  updateFrameName()
+  updateCacheName()
+  updateVisibleName()
+  updateStatusName()
+}
+
+// 更新上级菜单名称
+function updateParentName() {
+  if (form.parentId === 0) {
+    parentName.value = '顶级菜单'
+  } else {
+    const flatList = parentList.value[0] || []
+    const parent = flatList.find(item => item.menuId === form.parentId)
+    parentName.value = parent ? parent.originalName || parent.menuName : '顶级菜单'
+  }
+}
+
+// 更新菜单类型名称
+function updateMenuTypeName() {
+  const types = { 'M': '目录', 'C': '菜单', 'F': '按钮' }
+  menuTypeName.value = types[form.menuType] || '目录'
+}
+
+// 更新是否外链名称
+function updateFrameName() {
+  frameName.value = form.isFrame === '0' ? '是' : '否'
+}
+
+// 更新是否缓存名称
+function updateCacheName() {
+  cacheName.value = form.isCache === '0' ? '缓存' : '不缓存'
+}
+
+// 更新显示状态名称
+function updateVisibleName() {
+  const list = visibleList.value[0] || []
+  const item = list.find(v => v.dictValue === form.visible)
+  visibleName.value = item ? item.dictLabel : ''
+}
+
+// 更新菜单状态名称
+function updateStatusName() {
+  const list = statusList.value[0] || []
+  const item = list.find(v => v.dictValue === form.status)
+  statusName.value = item ? item.dictLabel : ''
+}
+
+// 上级菜单确认
+function handleParentConfirm(e) {
+  const item = e.value[0]
+  form.parentId = item.menuId
+  parentName.value = item.originalName || item.menuName
+  showParentPicker.value = false
+}
+
+// 菜单类型确认
+function handleMenuTypeConfirm(e) {
+  const item = e.value[0]
+  form.menuType = item.value
+  menuTypeName.value = item.label
+  showMenuTypePicker.value = false
+}
+
+// 是否外链确认
+function handleFrameConfirm(e) {
+  const item = e.value[0]
+  form.isFrame = item.value
+  frameName.value = item.label
+  showFramePicker.value = false
+}
+
+// 是否缓存确认
+function handleCacheConfirm(e) {
+  const item = e.value[0]
+  form.isCache = item.value
+  cacheName.value = item.label
+  showCachePicker.value = false
+}
+
+// 显示状态确认
+function handleVisibleConfirm(e) {
+  const item = e.value[0]
+  form.visible = item.dictValue
+  visibleName.value = item.dictLabel
+  showVisiblePicker.value = false
+}
+
+// 菜单状态确认
+function handleStatusConfirm(e) {
+  const item = e.value[0]
+  form.status = item.dictValue
+  statusName.value = item.dictLabel
+  showStatusPicker.value = false
+}
+
+// 提交
+function submit() {
+  proxy.$refs.uForm.validate().then(() => {
+    if (form.menuId) {
+      updateMenu(form).then(() => {
+        proxy.$modal.msgSuccess('修改成功')
+        setTimeout(() => {
+          uni.navigateTo({ url: `/pages_mine/pages/system/menu/list` })
+        }, 1500)
+      })
+    } else {
+      addMenu(form).then(() => {
+        proxy.$modal.msgSuccess('新增成功')
+        setTimeout(() => {
+          uni.navigateTo({ url: `/pages_mine/pages/system/menu/list` })
+        }, 1500)
+      })
+    }
+  }).catch(() => {
+    proxy.$modal.msgError('请填写完整信息')
+  })
+}
+</script>
+
+<style lang="scss" scoped>
+.container {
+  background-color: #f5f5f5;
+}
+
+.section {
+  margin: 24rpx;
+  padding: 0;
+  background-color: #fff;
+  border-radius: 16rpx;
+  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
+  overflow: hidden;
+
+  .section-title {
+    padding: 16rpx 24rpx;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    color: #ffffff;
+    line-height: 1.2;
+    font-size: 28rpx;
+    font-weight: 600;
+    display: flex;
+    align-items: center;
+    
+    &::before {
+      content: '';
+      width: 6rpx;
+      height: 28rpx;
+      background: #ffffff;
+      border-radius: 3rpx;
+      margin-right: 12rpx;
+    }
+  }
+
+  .form-view {
+    padding: 24rpx;
+
+    .form-btn {
+      padding-top: 16rpx;
+    }
+  }
+}
+</style>
+
+<style lang="scss">
+.form-btn .u-button {
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
+  border: none !important;
+  border-radius: 24rpx !important;
+  height: 80rpx !important;
+  box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
+}
+
+.form-btn .u-button__text {
+  font-size: 30rpx !important;
+  font-weight: 500 !important;
+  letter-spacing: 2rpx !important;
+}
+</style>
diff --git a/src/pages_mine/pages/system/menu/list.vue b/src/pages_mine/pages/system/menu/list.vue
new file mode 100644
index 0000000..9a90632
--- /dev/null
+++ b/src/pages_mine/pages/system/menu/list.vue
@@ -0,0 +1,631 @@
+<template>
+  <view class="container">
+    <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
+      <view class="search-view">
+        <u--input v-model="queryParams.menuName" border="false" placeholder="请输入菜单名称" class="search-input"
+          @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
+        </u--input>
+        <view class="filter-btn" @click="filterPanel = !filterPanel">
+          <uni-icons type="list" size="18" color="#667eea"></uni-icons>
+          <text>筛选</text>
+        </view>
+        <view class="add-btn" @click="handleAdd()">
+          <uni-icons type="plusempty" size="18" color="#667eea"></uni-icons>
+          <text>新增</text>
+        </view>
+        <u-transition :show="filterPanel" mode="fade">
+          <view class="filter-panel" :style="{ height: `${windowHeight - 42}px` }">
+            <view class="filter-panel-content">
+              <view class="filter-title">状态</view>
+              <view class="state-list">
+                <view v-for="item in statusList" :key="item.dictValue" class="state-item"
+                  :class="item.selected ? 'active' : ''" @click="selectStatus(item)">{{ item.dictLabel }}</view>
+              </view>
+            </view>
+            <view class="btn-box">
+              <view class="btn-reset" @click="resetQuery()">
+                <uni-icons type="reload" size="16" color="#909399"></uni-icons>
+                <text>重置</text>
+              </view>
+              <view class="btn-confirm" @click="searchSubmit()">
+                <uni-icons type="checkmarkempty" size="16" color="#ffffff"></uni-icons>
+                <text>确定</text>
+              </view>
+            </view>
+          </view>
+        </u-transition>
+      </view>
+    </u-sticky>
+    <u-list @scrolltolower="loadmore" :spaceHeight="116" lowerThreshold="100">
+      <u-list-item v-for="(item, index) in listData" :key="index">
+        <view class="list-item">
+          <view class="item-header">
+            <view class="card-name-section">
+              <view class="card-icon">
+                <uni-icons type="list" size="20" color="#ffffff"></uni-icons>
+              </view>
+              <view class="card-info">
+                <text class="card-name">{{ item.menuName }}</text>
+              </view>
+            </view>
+            <view class="balance-section">
+              <view class="status-tag" :class="item.status === '0' ? 'status-normal' : 'status-disabled'">
+                {{ dictStr(item.status, statusList) }}
+              </view>
+            </view>
+          </view>
+          
+          <view class="card-body">
+            <view class="info-row">
+              <view class="info-item" v-if="item.menuType">
+                <text class="info-label">菜单类型</text>
+                <text class="info-value">{{ getMenuType(item.menuType) }}</text>
+              </view>
+              <view class="info-item" v-if="item.orderNum !== undefined">
+                <text class="info-label">排序</text>
+                <text class="info-value">{{ item.orderNum }}</text>
+              </view>
+              <view class="info-item full-width" v-if="item.perms">
+                <text class="info-label">权限标识</text>
+                <text class="info-value">{{ item.perms }}</text>
+              </view>
+              <view class="info-item full-width" v-if="item.component">
+                <text class="info-label">组件路径</text>
+                <text class="info-value">{{ item.component }}</text>
+              </view>
+            </view>
+          </view>
+          
+          <view class="operate" @click.stop>
+            <view class="btn-edit" @click="handleUpdate(item)">
+              <uni-icons type="compose" size="16" color="#667eea"></uni-icons>
+              <text>修改</text>
+            </view>
+            <view class="btn-add" @click="handleAddChild(item)">
+              <uni-icons type="plus" size="16" color="#52c41a"></uni-icons>
+              <text>添加</text>
+            </view>
+            <view class="btn-delete" @click="handleDelete(item)">
+              <uni-icons type="trash" size="16" color="#f5576c"></uni-icons>
+              <text>删除</text>
+            </view>
+          </view>
+        </view>
+      </u-list-item>
+      <view></view>
+      <u-loadmore :status="loadStatus" loadingIcon="semicircle" height="88" fontSize="32rpx" @loadmore="loadmore" />
+    </u-list>
+    <u-toast ref="uToast"></u-toast>
+  </view>
+  <systemBtn></systemBtn>
+  <refresh></refresh>
+</template>
+
+<script setup>
+import { ref, reactive, computed } from 'vue'
+import { listMenu, delMenu } from '@/api/system/menu'
+import { getDicts } from "@/api/system/dict/data"
+import { onLoad, onShow } from "@dcloudio/uni-app"
+import modal from '@/plugins/modal'
+
+const listData = ref([])
+const isShow = ref(false)
+const loadStatus = ref('loadmore')
+const statusList = ref([])
+const filterPanel = ref(false)
+
+const queryParams = reactive({
+  menuName: undefined,
+  status: undefined,
+  menuType: 'C'  // 只查询菜单类型为"菜单"的数据
+})
+
+const windowHeight = computed(() => {
+  uni.getSystemInfoSync().windowHeight - 50
+})
+
+onLoad(() => {
+  getDicts('sys_normal_disable').then(res => {
+    statusList.value = res.data.map(item => ({
+      ...item,
+      selected: false
+    }))
+  })
+  getList()
+})
+
+onShow(() => {
+  if (isShow.value) {
+    listData.value = []
+    getList()
+    isShow.value = false
+  }
+})
+
+// 构建树形结构
+function buildTree(data) {
+  const map = {}
+  const tree = []
+  
+  data.forEach(item => {
+    map[item.menuId] = { ...item, children: [] }
+  })
+  
+  data.forEach(item => {
+    const node = map[item.menuId]
+    if (item.parentId === 0 || !map[item.parentId]) {
+      tree.push(node)
+    } else {
+      map[item.parentId].children.push(node)
+    }
+  })
+  
+  return tree
+}
+
+// 将树形结构扁平化
+function flattenTree(tree, result = []) {
+  tree.forEach(item => {
+    result.push(item)
+    if (item.children && item.children.length > 0) {
+      flattenTree(item.children, result)
+    }
+  })
+  return result
+}
+
+// 获取列表
+function getList() {
+  loadStatus.value = 'loading'
+  const params = {
+    ...queryParams
+  }
+
+  listMenu(params).then(res => {
+    const treeData = buildTree(res.data)
+    listData.value = flattenTree(treeData)
+    loadStatus.value = 'nomore'
+  }).catch(() => {
+    loadStatus.value = 'nomore'
+  })
+}
+
+// 搜索框失焦
+function searchBlur() {
+  listData.value = []
+  getList()
+}
+
+// 选择状态
+function selectStatus(item) {
+  statusList.value.forEach(v => v.selected = false)
+  item.selected = !item.selected
+  queryParams.status = item.selected ? item.dictValue : undefined
+}
+
+// 搜索提交
+function searchSubmit() {
+  listData.value = []
+  filterPanel.value = false
+  getList()
+}
+
+// 重置查询
+function resetQuery() {
+  queryParams.menuName = undefined
+  queryParams.status = undefined
+  queryParams.menuType = 'C'  // 保持只查询菜单类型
+  listData.value = []
+  statusList.value.forEach(v => v.selected = false)
+  filterPanel.value = false
+  getList()
+}
+
+// 上拉加载
+function loadmore() {
+  // 菜单数据不支持分页
+}
+
+// 新增按钮
+function handleAdd() {
+  isShow.value = true
+  uni.navigateTo({
+    url: '/pages_mine/pages/system/menu/addEdit'
+  })
+}
+
+// 添加子菜单
+function handleAddChild(row) {
+  isShow.value = true
+  uni.navigateTo({
+    url: `/pages_mine/pages/system/menu/addEdit?parentId=${row.menuId}`
+  })
+}
+
+// 修改按钮
+function handleUpdate(row) {
+  isShow.value = true
+  uni.navigateTo({
+    url: `/pages_mine/pages/system/menu/addEdit?id=${row.menuId}`
+  })
+}
+
+// 删除按钮
+function handleDelete(row) {
+  modal.confirm('是否确认删除菜单"' + row.menuName + '"？').then(() => {
+    return delMenu(row.menuId)
+  }).then(() => {
+    listData.value = []
+    getList()
+    modal.msgSuccess('删除成功')
+  }).catch(() => {})
+}
+
+// 获取菜单类型
+function getMenuType(type) {
+  const types = {
+    'M': '目录',
+    'C': '菜单',
+    'F': '按钮'
+  }
+  return types[type] || type
+}
+
+// 字典翻译
+function dictStr(value, list) {
+  if (value === undefined || value === null) return ''
+  const item = list.find(v => v.dictValue == value)
+  return item ? item.dictLabel : value
+}
+</script>
+
+<style lang="scss" scoped>
+page {
+  height: 100%;
+  overflow: auto;
+}
+
+.container {
+  min-height: 100vh;
+  background-color: #f5f5f5;
+}
+
+.search-view {
+  display: flex;
+  align-items: center;
+  padding: 20rpx 24rpx;
+  background-color: #ffffff;
+  position: relative;
+
+  .search-input {
+    background: rgba(102, 126, 234, 0.08);
+    color: #333333;
+    flex: 1;
+    margin-right: 16rpx;
+    border-radius: 24rpx;
+    border: 2rpx solid rgba(102, 126, 234, 0.3);
+    height: 66rpx !important;
+    display: flex;
+    align-items: center;
+  }
+
+  .filter-btn {
+    display: flex;
+    align-items: center;
+    gap: 6rpx;
+    padding: 12rpx 24rpx;
+    background: rgba(102, 126, 234, 0.08);
+    border-radius: 24rpx;
+    border: 2rpx solid rgba(102, 126, 234, 0.3);
+    transition: all 0.3s ease;
+    flex-shrink: 0;
+    
+    &:active {
+      transform: scale(0.95);
+      background: rgba(102, 126, 234, 0.12);
+    }
+    
+    text {
+      color: #667eea;
+      font-size: 28rpx;
+      font-weight: 600;
+    }
+    
+    uni-icons {
+      color: #667eea;
+    }
+  }
+  
+  .add-btn {
+    display: flex;
+    align-items: center;
+    gap: 6rpx;
+    padding: 12rpx 24rpx;
+    background: rgba(102, 126, 234, 0.08);
+    border-radius: 24rpx;
+    border: 2rpx solid rgba(102, 126, 234, 0.3);
+    transition: all 0.3s ease;
+    flex-shrink: 0;
+    margin-left: 10rpx;
+    
+    &:active {
+      transform: scale(0.95);
+      background: rgba(102, 126, 234, 0.12);
+    }
+    
+    text {
+      color: #667eea;
+      font-size: 28rpx;
+      font-weight: 600;
+    }
+    
+    uni-icons {
+      color: #667eea;
+    }
+  }
+
+  .filter-panel {
+    position: absolute;
+    top: 100rpx;
+    left: 0;
+    right: 0;
+    background-color: #ffffff;
+    z-index: 999;
+    display: flex;
+    flex-direction: column;
+    box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.1);
+
+    .filter-panel-content {
+      flex: 1;
+      padding: 32rpx;
+      overflow-y: auto;
+
+      .filter-title {
+        font-size: 28rpx;
+        font-weight: bold;
+        margin: 32rpx 0 24rpx 0;
+        color: #303133;
+
+        &:first-child {
+          margin-top: 0;
+        }
+      }
+
+      .state-list {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 16rpx;
+
+        .state-item {
+          padding: 16rpx 32rpx;
+          background-color: #f5f5f5;
+          border-radius: 32rpx;
+          font-size: 28rpx;
+          color: #606266;
+
+          &.active {
+            background-color: #667eea;
+            color: #ffffff;
+          }
+        }
+      }
+    }
+
+    .btn-box {
+      display: flex;
+      padding: 24rpx 32rpx;
+      border-top: 1rpx solid #f0f0f0;
+
+      .btn-reset,
+      .btn-confirm {
+        flex: 1;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: 20rpx 0;
+        border-radius: 32rpx;
+        font-size: 28rpx;
+
+        text {
+          margin-left: 12rpx;
+        }
+      }
+
+      .btn-reset {
+        background-color: #f5f5f5;
+        color: #909399;
+        margin-right: 16rpx;
+      }
+
+      .btn-confirm {
+        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+        color: #ffffff;
+      }
+    }
+  }
+}
+
+.list-item {
+  margin: 10rpx 24rpx;
+  background-color: #fff;
+  border-radius: 16rpx;
+  overflow: hidden;
+  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
+  transition: all 0.2s ease;
+  
+  &:active {
+    transform: scale(0.98);
+    box-shadow: 0 1rpx 6rpx rgba(0, 0, 0, 0.06);
+  }
+
+  .item-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 16rpx 24rpx;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    
+    .card-name-section {
+      display: flex;
+      align-items: center;
+      flex: 1;
+      min-width: 0;
+      margin-right: 16rpx;
+    }
+    
+    .card-icon {
+      width: 40rpx;
+      height: 40rpx;
+      background: rgba(255, 255, 255, 0.25);
+      border-radius: 50%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-right: 12rpx;
+      flex-shrink: 0;
+    }
+    
+    .card-info {
+      flex: 1;
+      min-width: 0;
+      display: flex;
+      flex-direction: column;
+      gap: 4rpx;
+      
+      .card-name {
+        color: #ffffff;
+        font-size: 28rpx;
+        font-weight: 600;
+        line-height: 1.2;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+    }
+    
+    .balance-section {
+      display: flex;
+      align-items: center;
+      flex-shrink: 0;
+      white-space: nowrap;
+      
+      .status-tag {
+        padding: 8rpx 20rpx;
+        border-radius: 20rpx;
+        font-size: 22rpx;
+        font-weight: 500;
+
+        &.status-normal {
+          background-color: rgba(82, 196, 26, 0.2);
+          color: #ffffff;
+        }
+
+        &.status-disabled {
+          background-color: rgba(255, 77, 79, 0.2);
+          color: #ffffff;
+        }
+      }
+    }
+  }
+
+  .card-body {
+    padding: 24rpx;
+    background: #fff;
+  }
+
+  .info-row {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 24rpx;
+    margin-bottom: 0;
+
+    .info-item {
+      flex: 0 0 calc(50% - 12rpx);
+      display: flex;
+      flex-direction: column;
+      gap: 4rpx;
+      min-width: 0;
+      margin-bottom: -5rpx;
+
+      .info-label {
+        font-size: 24rpx;
+        color: #667eea;
+        font-weight: 500;
+        background: rgba(102, 126, 234, 0.08);
+        padding: 6rpx 12rpx;
+        border-radius: 8rpx;
+        align-self: flex-start;
+      }
+
+      .info-value {
+        font-size: 26rpx;
+        color: #333;
+        font-weight: 500;
+        flex: 1;
+        line-height: 1.5;
+        word-break: break-all;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+      
+      &.full-width {
+        flex: 0 0 100%;
+        
+        .info-value {
+          white-space: normal;
+          overflow: visible;
+          text-overflow: unset;
+        }
+      }
+    }
+  }
+
+  .operate {
+    display: flex;
+    justify-content: flex-end;
+    padding: 16rpx 24rpx 24rpx;
+    gap: 8rpx;
+    flex-wrap: nowrap;
+
+    .btn-edit,
+    .btn-add,
+    .btn-delete {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 4rpx;
+      padding: 0 14rpx;
+      height: 60rpx;
+      border-radius: 10rpx;
+      font-size: 24rpx;
+      font-weight: 500;
+      transition: all 0.3s ease;
+      white-space: nowrap;
+      flex-shrink: 0;
+      
+      &:active {
+        transform: scale(0.95);
+      }
+    }
+    
+    .btn-edit {
+      background: rgba(102, 126, 234, 0.1);
+      color: #667eea;
+      border: 1rpx solid rgba(102, 126, 234, 0.3);
+    }
+    
+    .btn-add {
+      background: rgba(82, 196, 26, 0.1);
+      color: #52c41a;
+      border: 1rpx solid rgba(82, 196, 26, 0.3);
+    }
+    
+    .btn-delete {
+      background: rgba(245, 87, 108, 0.1);
+      color: #f5576c;
+      border: 1rpx solid rgba(245, 87, 108, 0.3);
+    }
+  }
+}
+</style>
diff --git a/src/pages_mine/pages/system/notice/addEdit.vue b/src/pages_mine/pages/system/notice/addEdit.vue
new file mode 100644
index 0000000..60b8544
--- /dev/null
+++ b/src/pages_mine/pages/system/notice/addEdit.vue
@@ -0,0 +1,587 @@
+<template>
+  <view class="container" style="padding-bottom:1rpx;">
+    <u-navbar
+      leftIconSize="40rpx"
+      leftIconColor="#333333"
+      :title="title"
+    >
+    </u-navbar>
+    <view class="section">
+      <view class="section-title">公告信息</view>
+      <view class="form-view">
+        <u--form labelPosition="left" :model="form" ref="uForm">
+          <u-form-item label="公告标题" prop="noticeTitle" borderBottom required>
+            <u--input v-model="form.noticeTitle" placeholder="请输入公告标题" border="none"></u--input>
+          </u-form-item>
+          <u-form-item label="公告类型" prop="noticeType" borderBottom required>
+            <u-radio-group v-model="form.noticeType" placement="row">
+              <u-radio v-for="item in noticeTypeList" :key="item.dictValue" :name="item.dictValue" :label="item.dictLabel">
+              </u-radio>
+            </u-radio-group>
+          </u-form-item>
+          <u-form-item label="状态" prop="status" borderBottom>
+            <u-radio-group v-model="form.status" placement="row">
+              <u-radio v-for="item in statusList" :key="item.dictValue" :name="item.dictValue" :label="item.dictLabel">
+              </u-radio>
+            </u-radio-group>
+          </u-form-item>
+          <u-form-item label="内容" prop="noticeContent" labelPosition="top">
+            <view class="editor-container">
+              <view class="editor-toolbar">
+                <view class="toolbar-item" @click="format('bold')">
+                  <text class="iconfont">B</text>
+                </view>
+                <view class="toolbar-item" @click="format('italic')">
+                  <text class="iconfont italic">I</text>
+                </view>
+                <view class="toolbar-item" @click="format('underline')">
+                  <text class="iconfont underline">U</text>
+                </view>
+                <view class="toolbar-divider"></view>
+                <view class="toolbar-item" @click="insertImage">
+                  <uni-icons type="image" size="16" color="#333333"></uni-icons>
+                </view>
+                <view class="toolbar-divider"></view>
+                <view class="toolbar-item" @click="undo">
+                  <text class="iconfont">↶</text>
+                </view>
+                <view class="toolbar-item" @click="redo">
+                  <text class="iconfont">↷</text>
+                </view>
+              </view>
+              <editor 
+                id="editor" 
+                class="editor-content"
+                :placeholder="'请输入公告内容'"
+                @ready="onEditorReady"
+                @input="onEditorInput"
+                @focus="editorFocus"
+                @blur="editorBlur"
+                :show-img-size="true"
+                :show-img-toolbar="true"
+                :show-img-resize="true"
+              ></editor>
+              <view class="editor-counter">
+                <text>{{ contentLength }}/20000</text>
+              </view>
+            </view>
+          </u-form-item>
+        </u--form>
+        <view class="form-btn">
+          <u-button type="primary" text="保存" @click="submitForm"></u-button>
+          <!-- 调试用的测试按钮 -->
+          <u-button type="warning" text="测试保存" @click="testSave" style="margin-top: 20rpx;"></u-button>
+        </view>
+      </view>
+    </view>
+    <u-toast ref="uToast"></u-toast>
+  </view>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted, nextTick } from 'vue'
+import { getNotice, addNotice, updateNotice } from '@/api/system/notice'
+import { getDicts } from "@/api/system/dict/data"
+import { onLoad, onReady } from "@dcloudio/uni-app"
+import modal from '@/plugins/modal'
+
+const title = ref('新增公告')
+const noticeId = ref(undefined)
+const noticeTypeList = ref([])
+const statusList = ref([])
+const editorCtx = ref(null)
+const contentLength = ref(0)
+
+const form = reactive({
+  noticeId: undefined,
+  noticeTitle: '',
+  noticeType: '',
+  noticeContent: '',
+  status: '0'
+})
+
+onLoad((options) => {
+  console.log('页面加载参数:', options)
+  if (options.id) {
+    noticeId.value = options.id
+    title.value = '修改公告'
+    console.log('加载公告详情，ID:', noticeId.value)
+    getNotice(noticeId.value).then(response => {
+      console.log('获取到的公告数据:', response.data)
+      Object.assign(form, response.data)
+      console.log('表单数据初始化完成:', form)
+      // 如果编辑器已经初始化，设置内容
+      if (editorCtx.value && form.noticeContent) {
+        console.log('设置编辑器初始内容:', form.noticeContent)
+        editorCtx.value.setContents({
+          html: form.noticeContent
+        })
+      }
+    }).catch(error => {
+      console.error('获取公告详情失败:', error)
+    })
+  }
+  
+  // 获取字典数据
+  console.log('开始获取字典数据')
+  getDicts('sys_notice_type').then(res => {
+    noticeTypeList.value = res.data
+    console.log('公告类型字典:', res.data)
+  }).catch(error => {
+    console.error('获取公告类型字典失败:', error)
+  })
+  
+  getDicts('sys_notice_status').then(res => {
+    statusList.value = res.data
+    console.log('公告状态字典:', res.data)
+  }).catch(error => {
+    console.error('获取公告状态字典失败:', error)
+  })
+})
+
+onReady(() => {
+  // 页面准备完成后的一些初始化操作
+})
+
+// 编辑器初始化完成
+function onEditorReady() {
+  console.log('编辑器初始化完成')
+  uni.createSelectorQuery().select('#editor').context((res) => {
+    editorCtx.value = res.context
+    console.log('编辑器上下文获取成功:', editorCtx.value)
+    // 如果是编辑模式，设置初始内容
+    if (form.noticeContent) {
+      console.log('设置初始内容到编辑器:', form.noticeContent)
+      editorCtx.value.setContents({
+        html: form.noticeContent,
+        success: () => {
+          console.log('编辑器内容设置成功')
+        },
+        fail: (error) => {
+          console.error('编辑器内容设置失败:', error)
+        }
+      })
+    } else {
+      console.log('没有初始内容需要设置')
+    }
+  }).exec()
+}
+
+// 编辑器内容变化
+function onEditorInput(e) {
+  // 获取HTML内容
+  editorCtx.value.getContents({
+    success: (res) => {
+      // 使用 Vue 的响应式更新方式
+      form.noticeContent = res.html
+      // 计算内容长度（去除HTML标签）
+      const text = res.text || ''
+      contentLength.value = text.length
+      console.log('编辑器内容已更新:', res.html)
+    }
+  })
+}
+
+// 编辑器获得焦点
+function editorFocus() {
+  // 可以添加焦点样式
+}
+
+// 编辑器失去焦点
+function editorBlur() {
+  // 保存内容
+  if (editorCtx.value) {
+    editorCtx.value.getContents({
+      success: (res) => {
+        form.noticeContent = res.html
+        console.log('失去焦点时保存的内容:', res.html)
+      },
+      fail: (error) => {
+        console.error('失去焦点时获取内容失败:', error)
+      }
+    })
+  }
+}
+
+// 格式化文本
+function format(name, value) {
+  if (!editorCtx.value) return
+  
+  editorCtx.value.format(name, value)
+}
+
+// 撤销
+function undo() {
+  if (!editorCtx.value) return
+  editorCtx.value.undo()
+}
+
+// 重做
+function redo() {
+  if (!editorCtx.value) return
+  editorCtx.value.redo()
+}
+
+// 插入图片
+function insertImage() {
+  uni.chooseImage({
+    count: 1,
+    sizeType: ['compressed'],
+    sourceType: ['album', 'camera'],
+    success: (res) => {
+      const tempFilePath = res.tempFilePaths[0]
+      
+      // 显示加载提示
+      uni.showLoading({
+        title: '上传中...'
+      })
+      
+      // 这里需要根据实际的上传接口进行调整
+      // 示例代码，实际使用时需要替换为真实的上传逻辑
+      uni.uploadFile({
+        url: '/common/upload', // 替换为实际的上传地址
+        filePath: tempFilePath,
+        name: 'file',
+        success: (uploadRes) => {
+          uni.hideLoading()
+          try {
+            const data = JSON.parse(uploadRes.data)
+            if (data.code === 200) {
+              // 获取图片URL - 需要根据实际返回结构调整
+              const imageUrl = data.url || data.data || data.fileName
+              
+              // 插入图片到编辑器
+              if (editorCtx.value) {
+                editorCtx.value.insertImage({
+                  src: imageUrl,
+                  width: '100%',
+                  height: 'auto',
+                  success: () => {
+                    uni.showToast({
+                      title: '插入成功',
+                      icon: 'success'
+                    })
+                  },
+                  fail: (err) => {
+                    console.error('插入图片失败', err)
+                    uni.showToast({
+                      title: '插入失败',
+                      icon: 'none'
+                    })
+                  }
+                })
+              }
+            } else {
+              uni.showToast({
+                title: data.msg || '上传失败',
+                icon: 'none'
+              })
+            }
+          } catch (e) {
+            console.error('解析上传结果失败', e)
+            uni.showToast({
+              title: '上传失败',
+              icon: 'none'
+            })
+          }
+        },
+        fail: (err) => {
+          uni.hideLoading()
+          console.error('上传失败', err)
+          uni.showToast({
+            title: '上传失败',
+            icon: 'none'
+          })
+        }
+      })
+    },
+    fail: (err) => {
+      console.error('选择图片失败', err)
+    }
+  })
+}
+
+// 提交表单
+async function submitForm() {
+  try {
+    // 提交前确保获取最新的编辑器内容
+    if (editorCtx.value) {
+      const content = await new Promise((resolve, reject) => {
+        editorCtx.value.getContents({
+          success: (res) => {
+            form.noticeContent = res.html
+            console.log('提交前获取到的内容:', res.html)
+            resolve(res.html)
+          },
+          fail: reject
+        })
+      })
+      
+      // 确保内容已更新到表单
+      await nextTick()
+    }
+    
+    doSubmit()
+  } catch (error) {
+    console.error('获取编辑器内容失败:', error)
+    modal.msgError('获取内容失败，请重试')
+  }
+}
+
+function doSubmit() {
+  console.log('准备提交的表单数据:', form)
+  
+  if (!form.noticeTitle) {
+    modal.msgError('请输入公告标题')
+    return
+  }
+  if (!form.noticeType) {
+    modal.msgError('请选择公告类型')
+    return
+  }
+  if (!form.noticeContent || form.noticeContent.trim() === '') {
+    modal.msgError('请输入公告内容')
+    return
+  }
+  
+  const submitForm = { ...form }
+  console.log('最终提交的数据:', submitForm)
+  
+  // 检查必要字段
+  console.log('检查字段:')
+  console.log('- 标题:', submitForm.noticeTitle)
+  console.log('- 类型:', submitForm.noticeType)
+  console.log('- 内容长度:', submitForm.noticeContent.length)
+  console.log('- 状态:', submitForm.status)
+  console.log('- ID:', submitForm.noticeId)
+  
+  if (noticeId.value) {
+    console.log('执行修改操作')
+    updateNotice(submitForm).then(response => {
+      console.log('修改成功响应:', response)
+      modal.msgSuccess('修改成功')
+      setTimeout(() => {
+        uni.navigateBack()
+      }, 1000)
+    }).catch(error => {
+      console.error('修改失败:', error)
+      console.log('错误详情:', {
+        message: error.message,
+        response: error.response,
+        data: error.response?.data
+      })
+      modal.msgError('修改失败: ' + (error.message || '未知错误'))
+    })
+  } else {
+    console.log('执行新增操作')
+    addNotice(submitForm).then(response => {
+      console.log('新增成功响应:', response)
+      modal.msgSuccess('新增成功')
+      setTimeout(() => {
+        uni.navigateBack()
+      }, 1000)
+    }).catch(error => {
+      console.error('新增失败:', error)
+      console.log('错误详情:', {
+        message: error.message,
+        response: error.response,
+        data: error.response?.data
+      })
+      modal.msgError('新增失败: ' + (error.message || '未知错误'))
+    })
+  }
+}
+
+// 测试函数 - 用于验证基本功能
+function testSave() {
+  console.log('=== 开始测试保存功能 ===')
+  console.log('当前表单状态:', form)
+  console.log('编辑器上下文:', editorCtx.value)
+  console.log('内容长度:', form.noticeContent?.length || 0)
+  
+  // 强制获取编辑器内容进行测试
+  if (editorCtx.value) {
+    editorCtx.value.getContents({
+      success: (res) => {
+        console.log('测试获取的内容:', res)
+        console.log('HTML内容:', res.html)
+        console.log('纯文本内容:', res.text)
+        console.log('字符数:', res.text?.length || 0)
+        
+        // 尝试直接保存测试数据
+        const testData = {
+          noticeTitle: form.noticeTitle || '测试标题',
+          noticeType: form.noticeType || '1',
+          noticeContent: res.html || '<p>测试内容</p>',
+          status: form.status || '0'
+        }
+        
+        console.log('测试数据:', testData)
+        
+        // 直接调用API测试
+        addNotice(testData).then(response => {
+          console.log('测试保存成功:', response)
+          modal.msgSuccess('测试保存成功!')
+        }).catch(error => {
+          console.error('测试保存失败:', error)
+          modal.msgError('测试保存失败: ' + error.message)
+        })
+      },
+      fail: (error) => {
+        console.error('测试获取内容失败:', error)
+        modal.msgError('无法获取编辑器内容')
+      }
+    })
+  } else {
+    console.log('编辑器未初始化')
+    modal.msgError('编辑器未初始化')
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.container {
+  background-color: #f5f5f5;
+}
+
+.section {
+  margin: 24rpx;
+  padding: 0;
+  background-color: #fff;
+  border-radius: 16rpx;
+  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
+  overflow: hidden;
+
+  .section-title {
+    padding: 16rpx 24rpx;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    color: #ffffff;
+    line-height: 1.2;
+    font-size: 28rpx;
+    font-weight: 600;
+    display: flex;
+    align-items: center;
+    
+    &::before {
+      content: '';
+      width: 6rpx;
+      height: 28rpx;
+      background: #ffffff;
+      border-radius: 3rpx;
+      margin-right: 12rpx;
+    }
+  }
+
+  .form-view {
+    padding: 24rpx;
+
+    .form-btn {
+      padding-top: 16rpx;
+    }
+  }
+}
+
+.editor-container {
+  width: 100%;
+  border: 2rpx solid #e8edf3;
+  border-radius: 12rpx;
+  overflow: hidden;
+  background: #ffffff;
+  box-sizing: border-box;
+  
+  .editor-toolbar {
+    display: flex;
+    align-items: center;
+    padding: 12rpx;
+    background: #f8f9fa;
+    border-bottom: 2rpx solid #e8edf3;
+    flex-wrap: wrap;
+    gap: 8rpx;
+    
+    .toolbar-item {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 56rpx;
+      height: 56rpx;
+      background: #ffffff;
+      border-radius: 8rpx;
+      border: 2rpx solid #e8edf3;
+      transition: all 0.3s ease;
+      
+      &:active {
+        transform: scale(0.95);
+        background: #667eea;
+        border-color: #667eea;
+        
+        .iconfont {
+          color: #ffffff;
+        }
+        
+        uni-icons {
+          color: #ffffff;
+        }
+      }
+      
+      .iconfont {
+        font-size: 28rpx;
+        font-weight: 600;
+        color: #333333;
+        
+        &.italic {
+          font-style: italic;
+        }
+        
+        &.underline {
+          text-decoration: underline;
+        }
+      }
+    }
+    
+    .toolbar-divider {
+      width: 2rpx;
+      height: 40rpx;
+      background: #e8edf3;
+      margin: 0 4rpx;
+    }
+  }
+  
+  .editor-content {
+    width: 100%;
+    min-height: 500rpx;
+    padding: 20rpx;
+    font-size: 28rpx;
+    line-height: 1.6;
+    background: #ffffff;
+    box-sizing: border-box;
+  }
+  
+  .editor-counter {
+    padding: 12rpx 20rpx;
+    background: #f8f9fa;
+    border-top: 2rpx solid #e8edf3;
+    text-align: right;
+    
+    text {
+      font-size: 24rpx;
+      color: #999999;
+    }
+  }
+}
+</style>
+
+<style lang="scss">
+.form-btn .u-button {
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
+  border: none !important;
+  border-radius: 24rpx !important;
+  height: 80rpx !important;
+  box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
+}
+
+.form-btn .u-button__text {
+  font-size: 30rpx !important;
+  font-weight: 500 !important;
+  letter-spacing: 2rpx !important;
+}
+</style>
\ No newline at end of file
diff --git a/src/pages_mine/pages/system/notice/details.vue b/src/pages_mine/pages/system/notice/details.vue
new file mode 100644
index 0000000..773fec4
--- /dev/null
+++ b/src/pages_mine/pages/system/notice/details.vue
@@ -0,0 +1,299 @@
+<template>
+  <view class="container">
+    <u-navbar
+      leftIconSize="40rpx"
+      leftIconColor="#333333"
+      title="公告详情"
+    >
+    </u-navbar>
+    
+    <view class="detail-card">
+      <view class="card-header">
+        <view class="header-icon">
+          <uni-icons type="notification" size="20" color="#ffffff"></uni-icons>
+        </view>
+        <view class="header-info">
+          <text class="card-name">{{ noticeData?.noticeTitle }}</text>
+        </view>
+        <view class="status-tag" :class="noticeData?.status === '0' ? 'status-normal' : 'status-disabled'">
+          {{ dictStr(noticeData?.status, statusList) }}
+        </view>
+      </view>
+      
+      <view class="card-body">
+        <view class="info-section">
+          <view class="section-title">
+            <view class="title-icon"></view>
+            <text>基本信息</text>
+          </view>
+          <view class="info-list">
+            <view class="list-item">
+              <text class="item-label">公告类型</text>
+              <text class="item-value">{{ dictStr(noticeData?.noticeType, noticeTypeList) }}</text>
+            </view>
+            <view class="list-item">
+              <text class="item-label">创建者</text>
+              <text class="item-value">{{ noticeData?.createBy }}</text>
+            </view>
+            <view class="list-item">
+              <text class="item-label">创建时间</text>
+              <text class="item-value">{{ noticeData?.createTime }}</text>
+            </view>
+            <view class="list-item" v-if="noticeData?.updateTime && noticeData?.updateTime !== noticeData?.createTime">
+              <text class="item-label">更新时间</text>
+              <text class="item-value">{{ noticeData?.updateTime }}</text>
+            </view>
+          </view>
+        </view>
+        
+        <view class="info-section" v-if="noticeData?.noticeContent">
+          <view class="section-title">
+            <view class="title-icon"></view>
+            <text>公告内容</text>
+          </view>
+          <view class="content-display">
+            <rich-text :nodes="noticeData?.noticeContent"></rich-text>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted } from 'vue'
+import { getNotice } from '@/api/system/notice'
+import { getDicts } from "@/api/system/dict/data"
+import { onLoad } from "@dcloudio/uni-app"
+
+const noticeId = ref(undefined)
+const noticeData = ref(null)
+const noticeTypeList = ref([])
+const statusList = ref([])
+
+onLoad((options) => {
+  if (options.id) {
+    noticeId.value = options.id
+    getNotice(noticeId.value).then(response => {
+      noticeData.value = response.data
+    })
+  }
+  
+  // 获取字典数据
+  getDicts('sys_notice_type').then(res => {
+    noticeTypeList.value = res.data
+  })
+  getDicts('sys_notice_status').then(res => {
+    statusList.value = res.data
+  })
+})
+
+// 返回
+function goBack() {
+  uni.navigateBack()
+}
+
+// 编辑
+function handleEdit() {
+  uni.navigateTo({
+    url: `/pages_mine/pages/system/notice/addEdit?id=${noticeId.value}`
+  })
+}
+
+// 字典翻译
+function dictStr(value, list) {
+  const item = list.find(v => v.dictValue === value)
+  return item ? item.dictLabel : value
+}
+</script>
+
+<style lang="scss" scoped>
+.container {
+  background: #f5f7fa;
+  padding-bottom: 24rpx;
+}
+
+.detail-card {
+  margin: 24rpx;
+  background: #ffffff;
+  border-radius: 16rpx;
+  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
+  overflow: hidden;
+}
+
+.card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16rpx 20rpx;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  
+  .header-icon {
+    width: 48rpx;
+    height: 48rpx;
+    background: rgba(255, 255, 255, 0.2);
+    border-radius: 16rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-right: 12rpx;
+    backdrop-filter: blur(10rpx);
+  }
+  
+  .header-info {
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+    
+    .card-name {
+      color: #ffffff;
+      font-size: 28rpx;
+      font-weight: 600;
+      line-height: 1.2;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+  
+  .status-tag {
+    padding: 8rpx 20rpx;
+    border-radius: 20rpx;
+    font-size: 22rpx;
+    font-weight: 500;
+    white-space: nowrap;
+
+    &.status-normal {
+      background-color: rgba(82, 196, 26, 0.2);
+      color: #ffffff;
+    }
+
+    &.status-disabled {
+      background-color: rgba(255, 77, 79, 0.2);
+      color: #ffffff;
+    }
+  }
+}
+
+.card-body {
+  padding: 24rpx;
+}
+
+.info-section {
+  margin-bottom: 32rpx;
+  
+  &:last-child {
+    margin-bottom: 0;
+  }
+  
+  .section-title {
+    display: flex;
+    align-items: center;
+    margin-bottom: 20rpx;
+    
+    .title-icon {
+      width: 6rpx;
+      height: 28rpx;
+      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+      border-radius: 3rpx;
+      margin-right: 12rpx;
+    }
+    
+    text {
+      color: #2c3e50;
+      font-size: 28rpx;
+      font-weight: 600;
+    }
+  }
+  
+  .info-list {
+    .list-item {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 20rpx;
+      background: #f8f9fa;
+      border-radius: 8rpx;
+      margin-bottom: 12rpx;
+      
+      &:last-child {
+        margin-bottom: 0;
+      }
+      
+      .item-label {
+        color: #7f8c8d;
+        font-size: 26rpx;
+      }
+      
+      .item-value {
+        color: #2c3e50;
+        font-size: 28rpx;
+        font-weight: 500;
+        text-align: right;
+        
+        &.status-normal {
+          color: #52c41a;
+        }
+        
+        &.status-disabled {
+          color: #ff4d4f;
+        }
+        
+        &.status-default {
+          color: #666666;
+        }
+      }
+    }
+  }
+  
+  .content-display {
+    padding: 20rpx;
+    background: #f8f9fa;
+    border-radius: 8rpx;
+    
+    ::v-deep rich-text {
+      font-size: 28rpx;
+      line-height: 1.6;
+      color: #333333;
+      
+      // 处理常见的HTML标签样式
+      p {
+        margin: 0 0 20rpx 0;
+      }
+      
+      h1, h2, h3, h4, h5, h6 {
+        margin: 20rpx 0;
+        font-weight: 600;
+      }
+      
+      strong, b {
+        font-weight: 600;
+      }
+      
+      em, i {
+        font-style: italic;
+      }
+      
+      u {
+        text-decoration: underline;
+      }
+      
+      img {
+        max-width: 100%;
+        height: auto;
+        border-radius: 8rpx;
+        margin: 10rpx 0;
+      }
+      
+      ul, ol {
+        padding-left: 40rpx;
+        margin: 20rpx 0;
+      }
+      
+      li {
+        margin: 10rpx 0;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/pages_mine/pages/system/notice/list.vue b/src/pages_mine/pages/system/notice/list.vue
new file mode 100644
index 0000000..9ddd0f9
--- /dev/null
+++ b/src/pages_mine/pages/system/notice/list.vue
@@ -0,0 +1,617 @@
+<template>
+  <view class="container">
+    <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
+      <view class="search-view">
+        <u--input v-model="queryParams.noticeTitle" border="false" placeholder="请输入公告标题" class="search-input"
+          @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
+        </u--input>
+        <view class="filter-btn" @click="filterPanel = !filterPanel">
+          <uni-icons type="list" size="18" color="#667eea"></uni-icons>
+          <text>筛选</text>
+        </view>
+        <view class="add-btn" @click="handleAdd()">
+          <uni-icons type="plusempty" size="18" color="#667eea"></uni-icons>
+          <text>新增</text>
+        </view>
+        <u-transition :show="filterPanel" mode="fade">
+          <view class="filter-panel" :style="{ height: `${windowHeight - 42}px` }">
+            <view class="filter-panel-content">
+              <view class="filter-title">操作人员</view>
+              <u--input v-model="queryParams.createBy" placeholder="请输入操作人员" border="surround"></u--input>
+              
+              <view class="filter-title">公告类型</view>
+              <view class="state-list">
+                <view v-for="item in noticeTypeList" :key="item.dictValue" class="state-item"
+                  :class="item.selected ? 'active' : ''" @click="selectNoticeType(item)">{{ item.dictLabel }}</view>
+              </view>
+              
+              <view class="filter-title">状态</view>
+              <view class="state-list">
+                <view v-for="item in statusList" :key="item.dictValue" class="state-item"
+                  :class="item.selected ? 'active' : ''" @click="selectStatus(item)">{{ item.dictLabel }}</view>
+              </view>
+            </view>
+            <view class="btn-box">
+              <view class="btn-reset" @click="resetQuery()">
+                <uni-icons type="reload" size="16" color="#909399"></uni-icons>
+                <text>重置</text>
+              </view>
+              <view class="btn-confirm" @click="searchSubmit()">
+                <uni-icons type="checkmarkempty" size="16" color="#ffffff"></uni-icons>
+                <text>确定</text>
+              </view>
+            </view>
+          </view>
+        </u-transition>
+      </view>
+    </u-sticky>
+    <u-list @scrolltolower="loadmore" :spaceHeight="116" lowerThreshold="100">
+      <u-list-item v-for="(item, index) in listData" :key="index">
+        <view class="list-item" @click="enterDetails(item)">
+          <view class="item-header">
+            <view class="card-name-section">
+              <view class="card-icon">
+                <uni-icons type="notification" size="20" color="#ffffff"></uni-icons>
+              </view>
+              <view class="card-info">
+                <text class="card-name">{{ item.noticeTitle }}</text>
+              </view>
+            </view>
+            <view class="balance-section">
+              <view class="status-tag" :class="item.status === '0' ? 'status-normal' : 'status-disabled'">
+                {{ dictStr(item.status, statusList) }}
+              </view>
+            </view>
+          </view>
+          
+          <view class="card-body">
+            <view class="info-row">
+              <view class="info-item">
+                <text class="info-label">公告类型</text>
+                <text class="info-value">{{ dictStr(item.noticeType, noticeTypeList) }}</text>
+              </view>
+              <view class="info-item">
+                <text class="info-label">创建者</text>
+                <text class="info-value">{{ item.createBy }}</text>
+              </view>
+              <view class="info-item" v-if="item.createTime">
+                <text class="info-label">创建时间</text>
+                <text class="info-value">{{ item.createTime }}</text>
+              </view>
+            </view>
+          </view>
+          
+          <view class="operate" @click.stop>
+            <view class="btn-edit" @click="handleUpdate(item)">
+              <uni-icons type="compose" size="16" color="#667eea"></uni-icons>
+              <text>修改</text>
+            </view>
+            <view class="btn-delete" @click="handleDelete(item)">
+              <uni-icons type="trash" size="16" color="#f5576c"></uni-icons>
+              <text>删除</text>
+            </view>
+          </view>
+        </view>
+      </u-list-item>
+      <view></view>
+      <u-loadmore :status="loadStatus" loadingIcon="semicircle" height="88" fontSize="32rpx" @loadmore="loadmore" />
+    </u-list>
+  </view>
+  <systemBtn></systemBtn>
+  <refresh></refresh>
+</template>
+
+<script setup>
+import { ref, reactive, computed } from 'vue'
+import { listNotice, delNotice } from '@/api/system/notice'
+import { getDicts } from "@/api/system/dict/data"
+import { onLoad, onShow } from "@dcloudio/uni-app"
+import modal from '@/plugins/modal'
+
+const pageNum = ref(1)
+const listData = ref([])
+const isShow = ref(false)
+const loadStatus = ref('loadmore')
+const statusList = ref([])
+const noticeTypeList = ref([])
+const filterPanel = ref(false)
+
+const queryParams = reactive({
+  noticeTitle: undefined,
+  createBy: undefined,
+  noticeType: undefined,
+  status: undefined
+})
+
+const windowHeight = computed(() => {
+  uni.getSystemInfoSync().windowHeight - 50
+})
+
+onLoad(() => {
+  getDicts('sys_notice_status').then(res => {
+    statusList.value = res.data.map(item => ({
+      ...item,
+      selected: false
+    }))
+  })
+  getDicts('sys_notice_type').then(res => {
+    noticeTypeList.value = res.data.map(item => ({
+      ...item,
+      selected: false
+    }))
+  })
+  getList()
+})
+
+onShow(() => {
+  if (isShow.value) {
+    listData.value = []
+    pageNum.value = 1
+    getList()
+    isShow.value = false
+  }
+})
+
+// 获取列表
+function getList() {
+  loadStatus.value = 'loading'
+  listNotice({ pageSize: 10, pageNum: pageNum.value, ...queryParams }).then(res => {
+    listData.value = listData.value.concat(res.rows)
+    if (listData.value.length < res.total) {
+      loadStatus.value = 'loadmore'
+    } else {
+      loadStatus.value = 'nomore'
+    }
+  }).catch(() => {
+    loadStatus.value = 'nomore'
+  })
+}
+
+// 搜索框失焦
+function searchBlur() {
+  listData.value = []
+  pageNum.value = 1
+  getList()
+}
+
+// 选择公告类型
+function selectNoticeType(item) {
+  noticeTypeList.value.forEach(v => v.selected = false)
+  item.selected = !item.selected
+  queryParams.noticeType = item.dictValue
+}
+
+// 选择状态
+function selectStatus(item) {
+  statusList.value.forEach(v => v.selected = false)
+  item.selected = !item.selected
+  queryParams.status = item.dictValue
+}
+
+// 搜索提交
+function searchSubmit() {
+  listData.value = []
+  pageNum.value = 1
+  filterPanel.value = false
+  getList()
+}
+
+// 重置查询
+function resetQuery() {
+  queryParams.noticeTitle = undefined
+  queryParams.createBy = undefined
+  queryParams.noticeType = undefined
+  queryParams.status = undefined
+  listData.value = []
+  pageNum.value = 1
+  statusList.value.forEach(v => v.selected = false)
+  noticeTypeList.value.forEach(v => v.selected = false)
+  filterPanel.value = false
+  getList()
+}
+
+// 上拉加载
+function loadmore() {
+  pageNum.value += 1
+  if (loadStatus.value == 'loadmore') {
+    getList()
+  }
+}
+
+// 新增
+function handleAdd() {
+  isShow.value = true
+  uni.navigateTo({
+    url: '/pages_mine/pages/system/notice/addEdit'
+  })
+}
+
+// 编辑
+function handleUpdate(row) {
+  isShow.value = true
+  uni.navigateTo({
+    url: `/pages_mine/pages/system/notice/addEdit?id=${row.noticeId}`
+  })
+}
+
+// 删除
+function handleDelete(row) {
+  modal.confirm('是否确认删除公告编号为"' + row.noticeId + '"的数据项？').then(() => {
+    return delNotice(row.noticeId)
+  }).then(() => {
+    listData.value = []
+    pageNum.value = 1
+    getList()
+    modal.msgSuccess('删除成功')
+  }).catch(() => {})
+}
+
+// 进入详情
+function enterDetails(row) {
+  isShow.value = true
+  uni.navigateTo({
+    url: `/pages_mine/pages/system/notice/details?id=${row.noticeId}`
+  })
+}
+
+// 字典翻译
+function dictStr(value, list) {
+  const item = list.find(v => v.dictValue === value)
+  return item ? item.dictLabel : value
+}
+</script>
+
+<style lang="scss" scoped>
+page {
+  height: 100%;
+  overflow: auto;
+}
+
+.container {
+  min-height: 100vh;
+  background-color: #f5f5f5;
+}
+
+.search-view {
+  display: flex;
+  align-items: center;
+  padding: 20rpx 24rpx;
+  background-color: #ffffff;
+  position: relative;
+
+  .search-input {
+    background: rgba(102, 126, 234, 0.08);
+    color: #333333;
+    flex: 1;
+    margin-right: 16rpx;
+    border-radius: 24rpx;
+    border: 2rpx solid rgba(102, 126, 234, 0.3);
+    height: 66rpx !important;
+    display: flex;
+    align-items: center;
+  }
+
+  .filter-btn {
+    display: flex;
+    align-items: center;
+    gap: 6rpx;
+    padding: 12rpx 24rpx;
+    background: rgba(102, 126, 234, 0.08);
+    border-radius: 24rpx;
+    border: 2rpx solid rgba(102, 126, 234, 0.3);
+    transition: all 0.3s ease;
+    flex-shrink: 0;
+    
+    &:active {
+      transform: scale(0.95);
+      background: rgba(102, 126, 234, 0.12);
+    }
+    
+    text {
+      color: #667eea;
+      font-size: 28rpx;
+      font-weight: 600;
+    }
+    
+    uni-icons {
+      color: #667eea;
+    }
+  }
+  
+  .add-btn {
+    display: flex;
+    align-items: center;
+    gap: 6rpx;
+    padding: 12rpx 24rpx;
+    background: rgba(102, 126, 234, 0.08);
+    border-radius: 24rpx;
+    border: 2rpx solid rgba(102, 126, 234, 0.3);
+    transition: all 0.3s ease;
+    flex-shrink: 0;
+    margin-left: 10rpx;
+    
+    &:active {
+      transform: scale(0.95);
+      background: rgba(102, 126, 234, 0.12);
+    }
+    
+    text {
+      color: #667eea;
+      font-size: 28rpx;
+      font-weight: 600;
+    }
+    
+    uni-icons {
+      color: #667eea;
+    }
+  }
+
+  .filter-panel {
+    position: absolute;
+    top: 100rpx;
+    left: 0;
+    right: 0;
+    background-color: #ffffff;
+    z-index: 999;
+    display: flex;
+    flex-direction: column;
+    box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.1);
+
+    .filter-panel-content {
+      flex: 1;
+      padding: 32rpx;
+      overflow-y: auto;
+
+      .filter-title {
+        font-size: 28rpx;
+        font-weight: bold;
+        margin: 32rpx 0 24rpx 0;
+        color: #303133;
+
+        &:first-child {
+          margin-top: 0;
+        }
+      }
+
+      .state-list {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 16rpx;
+
+        .state-item {
+          padding: 16rpx 32rpx;
+          background-color: #f5f5f5;
+          border-radius: 32rpx;
+          font-size: 28rpx;
+          color: #606266;
+
+          &.active {
+            background-color: #667eea;
+            color: #ffffff;
+          }
+        }
+      }
+    }
+
+    .btn-box {
+      display: flex;
+      padding: 24rpx 32rpx;
+      border-top: 1rpx solid #f0f0f0;
+
+      .btn-reset,
+      .btn-confirm {
+        flex: 1;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: 20rpx 0;
+        border-radius: 32rpx;
+        font-size: 28rpx;
+
+        text {
+          margin-left: 12rpx;
+        }
+      }
+
+      .btn-reset {
+        background-color: #f5f5f5;
+        color: #909399;
+        margin-right: 16rpx;
+      }
+
+      .btn-confirm {
+        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+        color: #ffffff;
+      }
+    }
+  }
+}
+
+.list-item {
+  margin: 10rpx 24rpx;
+  background-color: #fff;
+  border-radius: 16rpx;
+  overflow: hidden;
+  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
+  transition: all 0.2s ease;
+  
+  &:active {
+    transform: scale(0.98);
+    box-shadow: 0 1rpx 6rpx rgba(0, 0, 0, 0.06);
+  }
+
+  .item-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 16rpx 24rpx;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    
+    .card-name-section {
+      display: flex;
+      align-items: center;
+      flex: 1;
+      min-width: 0;
+      margin-right: 16rpx;
+    }
+    
+    .card-icon {
+      width: 40rpx;
+      height: 40rpx;
+      background: rgba(255, 255, 255, 0.25);
+      border-radius: 50%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-right: 12rpx;
+      flex-shrink: 0;
+    }
+    
+    .card-info {
+      flex: 1;
+      min-width: 0;
+      display: flex;
+      flex-direction: column;
+      gap: 4rpx;
+      
+      .card-name {
+        color: #ffffff;
+        font-size: 28rpx;
+        font-weight: 600;
+        line-height: 1.2;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+      
+      .card-code {
+        color: rgba(255, 255, 255, 0.85);
+        font-size: 22rpx;
+        font-weight: 400;
+        line-height: 1;
+      }
+    }
+    
+    .balance-section {
+      display: flex;
+      align-items: center;
+      flex-shrink: 0;
+      white-space: nowrap;
+      
+      .status-tag {
+        padding: 8rpx 20rpx;
+        border-radius: 20rpx;
+        font-size: 22rpx;
+        font-weight: 500;
+
+        &.status-normal {
+          background-color: rgba(82, 196, 26, 0.2);
+          color: #ffffff;
+        }
+
+        &.status-disabled {
+          background-color: rgba(255, 77, 79, 0.2);
+          color: #ffffff;
+        }
+      }
+    }
+  }
+
+  .card-body {
+    padding: 24rpx;
+    background: #fff;
+  }
+
+  .info-row {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 24rpx;
+    margin-bottom: 0;
+
+    .info-item {
+      flex: 0 0 calc(50% - 12rpx);
+      display: flex;
+      flex-direction: column;
+      gap: 4rpx;
+      min-width: 0;
+      margin-bottom: -5rpx;
+      
+      &.info-item-full {
+        flex: 0 0 100%;
+      }
+
+      .info-label {
+        font-size: 24rpx;
+        color: #667eea;
+        font-weight: 500;
+        background: rgba(102, 126, 234, 0.08);
+        padding: 6rpx 12rpx;
+        border-radius: 8rpx;
+        align-self: flex-start;
+      }
+
+      .info-value {
+        font-size: 26rpx;
+        color: #333;
+        font-weight: 500;
+        flex: 1;
+        line-height: 1.5;
+        word-break: break-all;
+      }
+      
+      &:not(.info-item-full) .info-value {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+    }
+  }
+
+  .operate {
+    display: flex;
+    justify-content: flex-end;
+    padding: 16rpx 24rpx 24rpx;
+    gap: 8rpx;
+    flex-wrap: nowrap;
+
+    .btn-view,
+    .btn-edit,
+    .btn-delete {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 4rpx;
+      padding: 0 14rpx;
+      height: 60rpx;
+      border-radius: 10rpx;
+      font-size: 24rpx;
+      font-weight: 500;
+      transition: all 0.3s ease;
+      white-space: nowrap;
+      flex-shrink: 0;
+      
+      &:active {
+        transform: scale(0.95);
+      }
+    }
+    
+    .btn-view {
+      background: rgba(144, 147, 153, 0.1);
+      color: #909399;
+      border: 1rpx solid rgba(144, 147, 153, 0.3);
+    }
+    
+    .btn-edit {
+      background: rgba(102, 126, 234, 0.1);
+      color: #667eea;
+      border: 1rpx solid rgba(102, 126, 234, 0.3);
+    }
+    
+    .btn-delete {
+      background: rgba(245, 87, 108, 0.1);
+      color: #f5576c;
+      border: 1rpx solid rgba(245, 87, 108, 0.3);
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/pages_mine/pages/system/operlog/list.vue b/src/pages_mine/pages/system/operlog/list.vue
index 5520b0e..849f79d 100644
--- a/src/pages_mine/pages/system/operlog/list.vue
+++ b/src/pages_mine/pages/system/operlog/list.vue
@@ -132,7 +132,7 @@
       @confirm="confirmEndDate" @cancel="showEndDate = false"></u-datetime-picker>
     <u-toast ref="uToast"></u-toast>
   </view>
-  <suspend></suspend>
+  <systemBtn></systemBtn>
   <refresh></refresh>
 </template>
 
diff --git a/src/pages_mine/pages/system/post/list.vue b/src/pages_mine/pages/system/post/list.vue
index a6a5260..b05c2a7 100644
--- a/src/pages_mine/pages/system/post/list.vue
+++ b/src/pages_mine/pages/system/post/list.vue
@@ -91,7 +91,7 @@
       <u-loadmore :status="loadStatus" loadingIcon="semicircle" height="88" fontSize="32rpx" @loadmore="loadmore" />
     </u-list>
   </view>
-  <suspend></suspend>
+  <systemBtn></systemBtn>
   <refresh></refresh>
 </template>
 
diff --git a/src/pages_mine/pages/system/role/addEdit.vue b/src/pages_mine/pages/system/role/addEdit.vue
new file mode 100644
index 0000000..877b94a
--- /dev/null
+++ b/src/pages_mine/pages/system/role/addEdit.vue
@@ -0,0 +1,524 @@
+<template>
+  <view class="container" style="paddingBottom:1rpx;">
+    <u-navbar
+      leftIconSize="40rpx"
+      leftIconColor="#333333"
+      :title="title"
+    >
+    </u-navbar>
+    <view class="section">
+      <view class="section-title">{{ title }}</view>
+      <view class="form-view">
+        <u--form labelPosition="left" :model="form" :rules="rules" ref="uForm" label-width="auto"
+          :labelStyle="{ color: '#333333', fontSize: '30rpx' }">
+          
+          <u-form-item label="角色名称" prop="roleName" required>
+            <u--input v-model="form.roleName" placeholder="请输入角色名称" maxlength="30"
+              inputAlign="right" border="none"></u--input>
+          </u-form-item>
+
+          <u-form-item label="权限字符" prop="roleKey" required>
+            <u--input v-model="form.roleKey" placeholder="请输入权限字符" maxlength="100"
+              inputAlign="right" border="none"></u--input>
+          </u-form-item>
+
+          <u-form-item label="显示顺序" required>
+            <u-number-box v-model="form.roleSort" :min="0" :max="999" inputAlign="right"></u-number-box>
+          </u-form-item>
+
+          <u-form-item label="状态" prop="statusName" @click="showStatusPicker = true">
+            <u--input v-model="statusName" disabled disabledColor="#ffffff" placeholder="请选择状态"
+              inputAlign="right" border="none"></u--input>
+            <template #right>
+              <u-icon name="arrow-down"></u-icon>
+            </template>
+          </u-form-item>
+
+          <u-form-item label="备注" prop="remark" labelPosition="top">
+            <u--textarea v-model="form.remark" placeholder="请输入备注" border="none" autoHeight inputAlign="right" count
+              maxlength="500" style="padding:18rpx 0;"></u--textarea>
+          </u-form-item>
+
+          <u-form-item label="菜单权限" @click="openMenuPicker">
+            <u--input :value="menuPermissionText" disabled disabledColor="#ffffff" placeholder="请选择菜单权限"
+              inputAlign="right" border="none"></u--input>
+            <template #right>
+              <u-icon name="arrow-down"></u-icon>
+            </template>
+          </u-form-item>
+          
+          <!-- 已选菜单标签展示 -->
+          <view v-if="selectedMenuNames.length > 0" class="selected-menus">
+            <view class="selected-title">已选择的菜单权限：</view>
+            <view class="menu-tags">
+              <view v-for="name in selectedMenuNames" :key="name" class="menu-tag">
+                {{ name }}
+              </view>
+            </view>
+          </view>
+
+        </u--form>
+        <view class="form-btn">
+          <u-button type="primary" text="提交" @click="submit"></u-button>
+        </view>
+      </view>
+    </view>
+    
+    <!-- 状态选择器 -->
+    <u-picker itemHeight="88" :show="showStatusPicker" :columns="statusList" keyName="dictLabel" 
+      @cancel="showStatusPicker = false" @confirm="handleStatusConfirm"></u-picker>
+    
+    <!-- 菜单权限选择弹窗 -->
+    <u-popup :show="showMenuPicker" mode="bottom" :round="20" @close="showMenuPicker = false">
+      <view class="menu-popup">
+        <view class="popup-header">
+          <text class="header-title">选择菜单权限</text>
+          <text class="header-count">已选择 {{ selectedMenuCount }} 项</text>
+        </view>
+        <scroll-view class="popup-content" scroll-y>
+          <view class="menu-tree">
+            <u-checkbox-group v-model="tempSelectedMenuIds">
+              <view v-for="menu in menuOptions" :key="menu.id" class="menu-group">
+                <!-- 一级菜单 -->
+                <view class="level-1-wrapper">
+                  <u-checkbox 
+                    :name="menu.id" 
+                    :label="menu.label"
+                    shape="square"
+                    activeColor="#667eea"
+                    labelSize="32rpx"
+                  ></u-checkbox>
+                </view>
+                
+                <!-- 二级菜单 -->
+                <view v-if="menu.children && menu.children.length > 0" class="level-2-list">
+                  <view v-for="child in menu.children" :key="child.id" class="level-2-item">
+                    <u-checkbox 
+                      :name="child.id" 
+                      :label="child.label"
+                      shape="square"
+                      activeColor="#667eea"
+                      labelSize="28rpx"
+                    ></u-checkbox>
+                    
+                    <!-- 三级菜单 -->
+                    <view v-if="child.children && child.children.length > 0" class="level-3-list">
+                      <view v-for="btn in child.children" :key="btn.id" class="level-3-item">
+                        <u-checkbox 
+                          :name="btn.id" 
+                          :label="btn.label"
+                          shape="square"
+                          activeColor="#667eea"
+                          labelSize="26rpx"
+                        ></u-checkbox>
+                      </view>
+                    </view>
+                  </view>
+                </view>
+              </view>
+            </u-checkbox-group>
+          </view>
+        </scroll-view>
+        <view class="popup-footer">
+          <view class="footer-btn cancel-btn" @click="cancelMenuSelect">取消</view>
+          <view class="footer-btn confirm-btn" @click="confirmMenuSelect">确定</view>
+        </view>
+      </view>
+    </u-popup>
+  </view>
+</template>
+
+<script setup>
+import { ref, reactive, getCurrentInstance, computed } from 'vue'
+import { getRole, addRole, updateRole } from '@/api/system/role'
+import { treeselect, roleMenuTreeselect } from '@/api/system/menu'
+import { getDicts } from "@/api/system/dict/data"
+import { onLoad } from "@dcloudio/uni-app"
+
+const { proxy } = getCurrentInstance()
+const title = ref('添加角色')
+const statusList = ref([])
+const showStatusPicker = ref(false)
+const statusName = ref('正常')
+const menuOptions = ref([])
+const selectedMenuIds = ref([])
+const showMenuPicker = ref(false)
+const tempSelectedMenuIds = ref([])
+
+const form = reactive({
+  roleId: undefined,
+  roleName: undefined,
+  roleKey: undefined,
+  roleSort: 0,
+  status: '0',
+  menuIds: [],
+  remark: undefined
+})
+
+const selectedMenuCount = computed(() => {
+  return tempSelectedMenuIds.value.length
+})
+
+const menuPermissionText = computed(() => {
+  const count = selectedMenuIds.value.length
+  return count > 0 ? `已选择 ${count} 个菜单` : ''
+})
+
+const selectedMenuNames = computed(() => {
+  const names = []
+  const getNames = (menus) => {
+    menus.forEach(menu => {
+      if (selectedMenuIds.value.includes(menu.id)) {
+        names.push(menu.label)
+      }
+      if (menu.children && menu.children.length > 0) {
+        getNames(menu.children)
+      }
+    })
+  }
+  getNames(menuOptions.value)
+  return names
+})
+
+const rules = {
+  roleName: [
+    { required: true, message: '角色名称不能为空', trigger: ['blur', 'change'] }
+  ],
+  roleKey: [
+    { required: true, message: '权限字符不能为空', trigger: ['blur', 'change'] }
+  ],
+  roleSort: [
+    { required: true, message: '显示顺序不能为空', trigger: ['blur', 'change'] }
+  ]
+}
+
+onLoad((option) => {
+  getDicts('sys_normal_disable').then(res => {
+    statusList.value = [res.data]
+  })
+
+  // 获取菜单树
+  getMenuTree()
+
+  if (option.id) {
+    title.value = '修改角色'
+    getDetail(option.id)
+  } else {
+    // 新增时默认显示状态
+    setTimeout(() => {
+      updateStatusName()
+    }, 100)
+  }
+})
+
+// 获取菜单树
+function getMenuTree() {
+  treeselect().then(res => {
+    menuOptions.value = res.data || []
+  })
+}
+
+// 获取详情
+function getDetail(id) {
+  getRole(id).then(res => {
+    Object.assign(form, res.data)
+    updateStatusName()
+  })
+  
+  // 获取角色的菜单权限
+  roleMenuTreeselect(id).then(res => {
+    menuOptions.value = res.menus || []
+    // 设置已选中的菜单
+    if (res.checkedKeys && res.checkedKeys.length > 0) {
+      selectedMenuIds.value = res.checkedKeys
+      tempSelectedMenuIds.value = [...res.checkedKeys]
+    }
+  })
+}
+
+// 更新状态名称显示
+function updateStatusName() {
+  if (statusList.value.length > 0 && statusList.value[0].length > 0) {
+    const item = statusList.value[0].find(v => v.dictValue === form.status)
+    statusName.value = item ? item.dictLabel : ''
+  }
+}
+
+// 状态选择确认
+function handleStatusConfirm(e) {
+  form.status = e.value[0].dictValue
+  statusName.value = e.value[0].dictLabel
+  showStatusPicker.value = false
+}
+
+// 打开菜单选择器
+function openMenuPicker() {
+  // 将已选择的菜单ID复制到临时变量
+  tempSelectedMenuIds.value = [...selectedMenuIds.value]
+  showMenuPicker.value = true
+}
+
+// 取消菜单选择
+function cancelMenuSelect() {
+  showMenuPicker.value = false
+}
+
+// 确认菜单选择
+function confirmMenuSelect() {
+  selectedMenuIds.value = [...tempSelectedMenuIds.value]
+  showMenuPicker.value = false
+}
+
+// 提交
+function submit() {
+  // 设置菜单权限
+  form.menuIds = selectedMenuIds.value
+  
+  proxy.$refs['uForm'].validate().then(() => {
+    if (form.roleId) {
+      updateRole(form).then(() => {
+        proxy.$modal.msgSuccess('修改成功')
+        setTimeout(() => {
+          uni.navigateTo({ url: `/pages_mine/pages/system/role/list` })
+        }, 1500)
+      })
+    } else {
+      addRole(form).then(() => {
+        proxy.$modal.msgSuccess('新增成功')
+        setTimeout(() => {
+          uni.navigateTo({ url: `/pages_mine/pages/system/role/list` })
+        }, 1500)
+      })
+    }
+  }).catch(() => {
+    proxy.$modal.msgError('请填写完整信息')
+  })
+}
+</script>
+
+<style lang="scss" scoped>
+.container {
+  background-color: #f5f5f5;
+}
+
+.section {
+  margin: 24rpx;
+  padding: 0;
+  background-color: #fff;
+  border-radius: 16rpx;
+  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
+  overflow: hidden;
+
+  .section-title {
+    padding: 16rpx 24rpx;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    color: #ffffff;
+    line-height: 1.2;
+    font-size: 28rpx;
+    font-weight: 600;
+    display: flex;
+    align-items: center;
+    
+    &::before {
+      content: '';
+      width: 6rpx;
+      height: 28rpx;
+      background: #ffffff;
+      border-radius: 3rpx;
+      margin-right: 12rpx;
+    }
+  }
+
+  .form-view {
+    padding: 24rpx;
+
+    .form-btn {
+      padding-top: 16rpx;
+    }
+    
+    .selected-menus {
+      margin-top: 16rpx;
+      padding: 20rpx;
+      background: #f8f9fa;
+      border-radius: 12rpx;
+      
+      .selected-title {
+        font-size: 26rpx;
+        color: #666;
+        margin-bottom: 12rpx;
+      }
+      
+      .menu-tags {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 12rpx;
+        
+        .menu-tag {
+          padding: 8rpx 16rpx;
+          background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
+          border: 1rpx solid #667eea;
+          border-radius: 24rpx;
+          font-size: 24rpx;
+          color: #667eea;
+        }
+      }
+    }
+  }
+}
+
+.menu-popup {
+  background: #fff;
+  max-height: 80vh;
+  display: flex;
+  flex-direction: column;
+  
+  .popup-header {
+    padding: 32rpx 24rpx 24rpx;
+    border-bottom: 1rpx solid #f0f0f0;
+    
+    .header-title {
+      font-size: 32rpx;
+      font-weight: 600;
+      color: #333;
+      margin-bottom: 8rpx;
+      display: block;
+    }
+    
+    .header-count {
+      font-size: 24rpx;
+      color: #667eea;
+      display: block;
+    }
+  }
+  
+  .popup-content {
+    flex: 1;
+    max-height: 60vh;
+    
+    .menu-tree {
+      padding: 24rpx;
+      
+      .menu-group {
+        margin-bottom: 32rpx;
+        width: 100%;
+        
+        // 一级菜单
+        .level-1-wrapper {
+          background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
+          border-radius: 12rpx;
+          padding: 16rpx 20rpx;
+          border-left: 4rpx solid #667eea;
+          margin-bottom: 16rpx;
+          width: 100%;
+        }
+        
+        // 二级菜单列表
+        .level-2-list {
+          padding-left: 0;
+          width: 100%;
+          
+          .level-2-item {
+            margin-bottom: 8rpx;
+            padding-left: 40rpx;
+            position: relative;
+            width: 100%;
+            
+            &::before {
+              content: '';
+              position: absolute;
+              left: 20rpx;
+              top: 18rpx;
+              width: 6rpx;
+              height: 6rpx;
+              background: #667eea;
+              border-radius: 50%;
+            }
+            
+            // 三级菜单列表
+            .level-3-list {
+              margin-top: 8rpx;
+              padding-left: 0;
+              width: 100%;
+              
+              .level-3-item {
+                margin-bottom: 8rpx;
+                padding: 8rpx 12rpx 8rpx 60rpx;
+                position: relative;
+                background: #fafbfc;
+                border-radius: 8rpx;
+                width: 100%;
+                
+                &::before {
+                  content: '';
+                  position: absolute;
+                  left: 40rpx;
+                  top: 50%;
+                  transform: translateY(-50%);
+                  width: 4rpx;
+                  height: 4rpx;
+                  background: #c0c4cc;
+                  border-radius: 50%;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+  
+  .popup-footer {
+    padding: 24rpx;
+    border-top: 1rpx solid #f0f0f0;
+    display: flex;
+    gap: 24rpx;
+    
+    .footer-btn {
+      flex: 1;
+      height: 88rpx;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: 16rpx;
+      font-size: 32rpx;
+      font-weight: 500;
+      transition: all 0.3s;
+    }
+    
+    .cancel-btn {
+      background: #f5f7fa;
+      color: #909399;
+      
+      &:active {
+        background: #e8eaed;
+      }
+    }
+    
+    .confirm-btn {
+      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+      color: #ffffff;
+      box-shadow: 0 4rpx 12rpx rgba(102, 126, 234, 0.3);
+      
+      &:active {
+        opacity: 0.8;
+      }
+    }
+  }
+}
+</style>
+
+<style lang="scss">
+.form-btn .u-button {
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
+  border: none !important;
+  border-radius: 24rpx !important;
+  height: 80rpx !important;
+  box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
+}
+
+.form-btn .u-button__text {
+  font-size: 30rpx !important;
+  font-weight: 500 !important;
+  letter-spacing: 2rpx !important;
+}
+</style>
diff --git a/src/pages_mine/pages/system/role/list.vue b/src/pages_mine/pages/system/role/list.vue
new file mode 100644
index 0000000..3bf39c7
--- /dev/null
+++ b/src/pages_mine/pages/system/role/list.vue
@@ -0,0 +1,580 @@
+<template>
+  <view class="container">
+    <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
+      <view class="search-view">
+        <u--input v-model="queryParams.roleName" border="false" placeholder="请输入角色名称" class="search-input"
+          @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
+        </u--input>
+        <view class="filter-btn" @click="filterPanel = !filterPanel">
+          <uni-icons type="list" size="18" color="#667eea"></uni-icons>
+          <text>筛选</text>
+        </view>
+        <view class="add-btn" @click="handleAdd()">
+          <uni-icons type="plusempty" size="18" color="#667eea"></uni-icons>
+          <text>新增</text>
+        </view>
+        <u-transition :show="filterPanel" mode="fade">
+          <view class="filter-panel" :style="{ height: `${windowHeight - 42}px` }">
+            <view class="filter-panel-content">
+              <view class="filter-title">状态</view>
+              <view class="state-list">
+                <view v-for="item in statusList" :key="item.dictValue" class="state-item"
+                  :class="item.selected ? 'active' : ''" @click="selectStatus(item)">{{ item.dictLabel }}</view>
+              </view>
+            </view>
+            <view class="btn-box">
+              <view class="btn-reset" @click="resetQuery()">
+                <uni-icons type="reload" size="16" color="#909399"></uni-icons>
+                <text>重置</text>
+              </view>
+              <view class="btn-confirm" @click="searchSubmit()">
+                <uni-icons type="checkmarkempty" size="16" color="#ffffff"></uni-icons>
+                <text>确定</text>
+              </view>
+            </view>
+          </view>
+        </u-transition>
+      </view>
+    </u-sticky>
+    <u-list @scrolltolower="loadmore" :spaceHeight="116" lowerThreshold="100">
+      <u-list-item v-for="(item, index) in listData" :key="index">
+        <view class="list-item">
+          <view class="item-header">
+            <view class="card-name-section">
+              <view class="card-icon">
+                <uni-icons type="person" size="20" color="#ffffff"></uni-icons>
+              </view>
+              <view class="card-info">
+                <text class="card-name">{{ item.roleName }}</text>
+              </view>
+            </view>
+            <view class="balance-section">
+              <view class="status-tag" :class="item.status === '0' ? 'status-normal' : 'status-disabled'">
+                {{ dictStr(item.status, statusList) }}
+              </view>
+            </view>
+          </view>
+          
+          <view class="card-body">
+            <view class="info-row">
+              <view class="info-item" v-if="item.roleKey">
+                <text class="info-label">权限字符</text>
+                <text class="info-value">{{ item.roleKey }}</text>
+              </view>
+              <view class="info-item" v-if="item.roleSort !== undefined">
+                <text class="info-label">显示顺序</text>
+                <text class="info-value">{{ item.roleSort }}</text>
+              </view>
+              <view class="info-item full-width" v-if="item.createTime">
+                <text class="info-label">创建时间</text>
+                <text class="info-value">{{ item.createTime }}</text>
+              </view>
+              <view class="info-item full-width" v-if="item.remark">
+                <text class="info-label">备注</text>
+                <text class="info-value">{{ item.remark }}</text>
+              </view>
+            </view>
+          </view>
+          
+          <view class="operate" @click.stop>
+            <view class="btn-edit" @click="handleUpdate(item)">
+              <uni-icons type="compose" size="16" color="#667eea"></uni-icons>
+              <text>修改</text>
+            </view>
+            <view class="btn-delete" @click="handleDelete(item)">
+              <uni-icons type="trash" size="16" color="#f5576c"></uni-icons>
+              <text>删除</text>
+            </view>
+          </view>
+        </view>
+      </u-list-item>
+      <view></view>
+      <u-loadmore :status="loadStatus" loadingIcon="semicircle" height="88" fontSize="32rpx" @loadmore="loadmore" />
+    </u-list>
+  </view>
+  <systemBtn></systemBtn>
+  <refresh></refresh>
+</template>
+
+<script setup>
+import { ref, reactive, computed } from 'vue'
+import { listRole, delRole } from '@/api/system/role'
+import { getDicts } from "@/api/system/dict/data"
+import { onLoad, onShow } from "@dcloudio/uni-app"
+import modal from '@/plugins/modal'
+
+const listData = ref([])
+const isShow = ref(false)
+const loadStatus = ref('loadmore')
+const statusList = ref([])
+const filterPanel = ref(false)
+
+const queryParams = reactive({
+  pageNum: 1,
+  pageSize: 10,
+  roleName: undefined,
+  status: undefined
+})
+
+const windowHeight = computed(() => {
+  uni.getSystemInfoSync().windowHeight - 50
+})
+
+onLoad(() => {
+  getDicts('sys_normal_disable').then(res => {
+    statusList.value = res.data.map(item => ({
+      ...item,
+      selected: false
+    }))
+  })
+  getList()
+})
+
+onShow(() => {
+  if (isShow.value) {
+    listData.value = []
+    queryParams.pageNum = 1
+    getList()
+    isShow.value = false
+  }
+})
+
+// 获取列表
+function getList() {
+  loadStatus.value = 'loading'
+  listRole(queryParams).then(res => {
+    if (queryParams.pageNum === 1) {
+      listData.value = []
+    }
+    listData.value = listData.value.concat(res.rows)
+    
+    if (listData.value.length >= res.total) {
+      loadStatus.value = 'nomore'
+    } else {
+      loadStatus.value = 'loadmore'
+    }
+  }).catch(() => {
+    loadStatus.value = 'nomore'
+  })
+}
+
+// 搜索框失焦
+function searchBlur() {
+  listData.value = []
+  queryParams.pageNum = 1
+  getList()
+}
+
+// 选择状态
+function selectStatus(item) {
+  statusList.value.forEach(v => v.selected = false)
+  item.selected = !item.selected
+  queryParams.status = item.selected ? item.dictValue : undefined
+}
+
+// 搜索提交
+function searchSubmit() {
+  listData.value = []
+  queryParams.pageNum = 1
+  filterPanel.value = false
+  getList()
+}
+
+// 重置查询
+function resetQuery() {
+  queryParams.roleName = undefined
+  queryParams.status = undefined
+  queryParams.pageNum = 1
+  listData.value = []
+  statusList.value.forEach(v => v.selected = false)
+  filterPanel.value = false
+  getList()
+}
+
+// 上拉加载
+function loadmore() {
+  if (loadStatus.value === 'loadmore') {
+    queryParams.pageNum++
+    getList()
+  }
+}
+
+// 新增按钮
+function handleAdd() {
+  isShow.value = true
+  uni.navigateTo({
+    url: '/pages_mine/pages/system/role/addEdit'
+  })
+}
+
+// 修改按钮
+function handleUpdate(row) {
+  isShow.value = true
+  uni.navigateTo({
+    url: `/pages_mine/pages/system/role/addEdit?id=${row.roleId}`
+  })
+}
+
+// 删除按钮
+function handleDelete(row) {
+  modal.confirm('是否确认删除角色"' + row.roleName + '"？').then(() => {
+    return delRole(row.roleId)
+  }).then(() => {
+    listData.value = []
+    queryParams.pageNum = 1
+    getList()
+    modal.msgSuccess('删除成功')
+  }).catch(() => {})
+}
+
+// 字典翻译
+function dictStr(value, list) {
+  if (value === undefined || value === null) return ''
+  const item = list.find(v => v.dictValue == value)
+  return item ? item.dictLabel : value
+}
+</script>
+
+<style lang="scss" scoped>
+page {
+  height: 100%;
+  overflow: auto;
+}
+
+.container {
+  min-height: 100vh;
+  background-color: #f5f5f5;
+}
+
+.search-view {
+  display: flex;
+  align-items: center;
+  padding: 20rpx 24rpx;
+  background-color: #ffffff;
+  position: relative;
+
+  .search-input {
+    background: rgba(102, 126, 234, 0.08);
+    color: #333333;
+    flex: 1;
+    margin-right: 16rpx;
+    border-radius: 24rpx;
+    border: 2rpx solid rgba(102, 126, 234, 0.3);
+    height: 66rpx !important;
+    display: flex;
+    align-items: center;
+  }
+
+  .filter-btn {
+    display: flex;
+    align-items: center;
+    gap: 6rpx;
+    padding: 12rpx 24rpx;
+    background: rgba(102, 126, 234, 0.08);
+    border-radius: 24rpx;
+    border: 2rpx solid rgba(102, 126, 234, 0.3);
+    transition: all 0.3s ease;
+    flex-shrink: 0;
+    
+    &:active {
+      transform: scale(0.95);
+      background: rgba(102, 126, 234, 0.12);
+    }
+    
+    text {
+      color: #667eea;
+      font-size: 28rpx;
+      font-weight: 600;
+    }
+    
+    uni-icons {
+      color: #667eea;
+    }
+  }
+  
+  .add-btn {
+    display: flex;
+    align-items: center;
+    gap: 6rpx;
+    padding: 12rpx 24rpx;
+    background: rgba(102, 126, 234, 0.08);
+    border-radius: 24rpx;
+    border: 2rpx solid rgba(102, 126, 234, 0.3);
+    transition: all 0.3s ease;
+    flex-shrink: 0;
+    margin-left: 10rpx;
+    
+    &:active {
+      transform: scale(0.95);
+      background: rgba(102, 126, 234, 0.12);
+    }
+    
+    text {
+      color: #667eea;
+      font-size: 28rpx;
+      font-weight: 600;
+    }
+    
+    uni-icons {
+      color: #667eea;
+    }
+  }
+
+  .filter-panel {
+    position: absolute;
+    top: 100rpx;
+    left: 0;
+    right: 0;
+    background-color: #ffffff;
+    z-index: 999;
+    display: flex;
+    flex-direction: column;
+    box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.1);
+
+    .filter-panel-content {
+      flex: 1;
+      padding: 32rpx;
+      overflow-y: auto;
+
+      .filter-title {
+        font-size: 28rpx;
+        font-weight: bold;
+        margin: 32rpx 0 24rpx 0;
+        color: #303133;
+
+        &:first-child {
+          margin-top: 0;
+        }
+      }
+
+      .state-list {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 16rpx;
+
+        .state-item {
+          padding: 16rpx 32rpx;
+          background-color: #f5f5f5;
+          border-radius: 32rpx;
+          font-size: 28rpx;
+          color: #606266;
+
+          &.active {
+            background-color: #667eea;
+            color: #ffffff;
+          }
+        }
+      }
+    }
+
+    .btn-box {
+      display: flex;
+      padding: 24rpx 32rpx;
+      border-top: 1rpx solid #f0f0f0;
+
+      .btn-reset,
+      .btn-confirm {
+        flex: 1;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: 20rpx 0;
+        border-radius: 32rpx;
+        font-size: 28rpx;
+
+        text {
+          margin-left: 12rpx;
+        }
+      }
+
+      .btn-reset {
+        background-color: #f5f5f5;
+        color: #909399;
+        margin-right: 16rpx;
+      }
+
+      .btn-confirm {
+        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+        color: #ffffff;
+      }
+    }
+  }
+}
+
+.list-item {
+  margin: 10rpx 24rpx;
+  background-color: #fff;
+  border-radius: 16rpx;
+  overflow: hidden;
+  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
+  transition: all 0.2s ease;
+  
+  &:active {
+    transform: scale(0.98);
+    box-shadow: 0 1rpx 6rpx rgba(0, 0, 0, 0.06);
+  }
+
+  .item-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 16rpx 24rpx;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    
+    .card-name-section {
+      display: flex;
+      align-items: center;
+      flex: 1;
+      min-width: 0;
+      margin-right: 16rpx;
+    }
+    
+    .card-icon {
+      width: 40rpx;
+      height: 40rpx;
+      background: rgba(255, 255, 255, 0.25);
+      border-radius: 50%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-right: 12rpx;
+      flex-shrink: 0;
+    }
+    
+    .card-info {
+      flex: 1;
+      min-width: 0;
+      display: flex;
+      flex-direction: column;
+      gap: 4rpx;
+      
+      .card-name {
+        color: #ffffff;
+        font-size: 28rpx;
+        font-weight: 600;
+        line-height: 1.2;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+    }
+    
+    .balance-section {
+      display: flex;
+      align-items: center;
+      flex-shrink: 0;
+      white-space: nowrap;
+      
+      .status-tag {
+        padding: 8rpx 20rpx;
+        border-radius: 20rpx;
+        font-size: 22rpx;
+        font-weight: 500;
+
+        &.status-normal {
+          background-color: rgba(82, 196, 26, 0.2);
+          color: #ffffff;
+        }
+
+        &.status-disabled {
+          background-color: rgba(255, 77, 79, 0.2);
+          color: #ffffff;
+        }
+      }
+    }
+  }
+
+  .card-body {
+    padding: 24rpx;
+    background: #fff;
+  }
+
+  .info-row {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 24rpx;
+    margin-bottom: 0;
+
+    .info-item {
+      flex: 0 0 calc(50% - 12rpx);
+      display: flex;
+      flex-direction: column;
+      gap: 4rpx;
+      min-width: 0;
+      margin-bottom: -5rpx;
+
+      .info-label {
+        font-size: 24rpx;
+        color: #667eea;
+        font-weight: 500;
+        background: rgba(102, 126, 234, 0.08);
+        padding: 6rpx 12rpx;
+        border-radius: 8rpx;
+        align-self: flex-start;
+      }
+
+      .info-value {
+        font-size: 26rpx;
+        color: #333;
+        font-weight: 500;
+        flex: 1;
+        line-height: 1.5;
+        word-break: break-all;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+      
+      &.full-width {
+        flex: 0 0 100%;
+        
+        .info-value {
+          white-space: normal;
+          overflow: visible;
+          text-overflow: unset;
+        }
+      }
+    }
+  }
+
+  .operate {
+    display: flex;
+    justify-content: flex-end;
+    padding: 16rpx 24rpx 24rpx;
+    gap: 8rpx;
+    flex-wrap: nowrap;
+
+    .btn-edit,
+    .btn-delete {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 4rpx;
+      padding: 0 14rpx;
+      height: 60rpx;
+      border-radius: 10rpx;
+      font-size: 24rpx;
+      font-weight: 500;
+      transition: all 0.3s ease;
+      white-space: nowrap;
+      flex-shrink: 0;
+      
+      &:active {
+        transform: scale(0.95);
+      }
+    }
+    
+    .btn-edit {
+      background: rgba(102, 126, 234, 0.1);
+      color: #667eea;
+      border: 1rpx solid rgba(102, 126, 234, 0.3);
+    }
+    
+    .btn-delete {
+      background: rgba(245, 87, 108, 0.1);
+      color: #f5576c;
+      border: 1rpx solid rgba(245, 87, 108, 0.3);
+    }
+  }
+}
+</style>
diff --git a/src/pages_mine/pages/system/user/addEdit.vue b/src/pages_mine/pages/system/user/addEdit.vue
index 2de0809..43f836f 100644
--- a/src/pages_mine/pages/system/user/addEdit.vue
+++ b/src/pages_mine/pages/system/user/addEdit.vue
@@ -44,6 +44,50 @@
             </template>
           </u-form-item>
 
+          <u-form-item label="归属部门" prop="deptName" @click="showDeptPicker = true">
+            <u--input v-model="deptName" disabled disabledColor="#ffffff" placeholder="请选择归属部门"
+              inputAlign="right" border="none"></u--input>
+            <template #right>
+              <u-icon name="arrow-down"></u-icon>
+            </template>
+          </u-form-item>
+
+          <u-form-item label="岗位" prop="postNames" @click="openPostPicker">
+            <u--input :value="postNamesText" disabled disabledColor="#ffffff" placeholder="请选择岗位"
+              inputAlign="right" border="none"></u--input>
+            <template #right>
+              <u-icon name="arrow-down"></u-icon>
+            </template>
+          </u-form-item>
+          
+          <!-- 已选岗位标签展示 -->
+          <view v-if="postNames.length > 0" class="selected-tags">
+            <view class="selected-title">已选择的岗位：</view>
+            <view class="tag-list">
+              <view v-for="name in postNames" :key="name" class="tag-item">
+                {{ name }}
+              </view>
+            </view>
+          </view>
+
+          <u-form-item label="角色" prop="roleNames" @click="openRolePicker">
+            <u--input :value="roleNamesText" disabled disabledColor="#ffffff" placeholder="请选择角色"
+              inputAlign="right" border="none"></u--input>
+            <template #right>
+              <u-icon name="arrow-down"></u-icon>
+            </template>
+          </u-form-item>
+          
+          <!-- 已选角色标签展示 -->
+          <view v-if="roleNames.length > 0" class="selected-tags">
+            <view class="selected-title">已选择的角色：</view>
+            <view class="tag-list">
+              <view v-for="name in roleNames" :key="name" class="tag-item">
+                {{ name }}
+              </view>
+            </view>
+          </view>
+
           <u-form-item label="状态" prop="statusName" @click="showStatusPicker = true">
             <u--input v-model="statusName" disabled disabledColor="#ffffff" placeholder="请选择状态"
               inputAlign="right" border="none"></u--input>
@@ -62,31 +106,89 @@
         </view>
       </view>
     </view>
-    <u-toast ref="uToast"></u-toast>
     <u-picker itemHeight="88" :show="showSexPicker" :columns="sexList" keyName="dictLabel" @cancel="showSexPicker = false"
       @confirm="handleSexConfirm"></u-picker>
     <u-picker itemHeight="88" :show="showStatusPicker" :columns="statusList" keyName="dictLabel" @cancel="showStatusPicker = false"
       @confirm="handleStatusConfirm"></u-picker>
+    <u-picker itemHeight="88" :show="showDeptPicker" :columns="deptList" keyName="deptName" @cancel="showDeptPicker = false"
+      @confirm="handleDeptConfirm"></u-picker>
+    
+    <!-- 岗位多选弹窗 -->
+    <u-popup :show="showPostPicker" mode="bottom" :round="20" @close="showPostPicker = false">
+      <view class="select-popup">
+        <view class="popup-header">
+          <text class="header-title">选择岗位</text>
+          <text class="header-count">已选择 {{ tempPostIds.length }} 项</text>
+        </view>
+        <scroll-view class="popup-content" scroll-y>
+          <u-checkbox-group v-model="tempPostIds">
+            <view v-for="item in postList[0]" :key="item.postId" class="checkbox-item">
+              <u-checkbox :name="item.postId" :label="item.postName" shape="square" 
+                activeColor="#667eea" labelSize="28rpx"></u-checkbox>
+            </view>
+          </u-checkbox-group>
+        </scroll-view>
+        <view class="popup-footer">
+          <view class="footer-btn cancel-btn" @click="cancelPostSelect">取消</view>
+          <view class="footer-btn confirm-btn" @click="confirmPostSelect">确定</view>
+        </view>
+      </view>
+    </u-popup>
+
+    <!-- 角色多选弹窗 -->
+    <u-popup :show="showRolePicker" mode="bottom" :round="20" @close="showRolePicker = false">
+      <view class="select-popup">
+        <view class="popup-header">
+          <text class="header-title">选择角色</text>
+          <text class="header-count">已选择 {{ tempRoleIds.length }} 项</text>
+        </view>
+        <scroll-view class="popup-content" scroll-y>
+          <u-checkbox-group v-model="tempRoleIds">
+            <view v-for="item in roleList[0]" :key="item.roleId" class="checkbox-item">
+              <u-checkbox :name="item.roleId" :label="item.roleName" shape="square" 
+                activeColor="#667eea" labelSize="28rpx"></u-checkbox>
+            </view>
+          </u-checkbox-group>
+        </scroll-view>
+        <view class="popup-footer">
+          <view class="footer-btn cancel-btn" @click="cancelRoleSelect">取消</view>
+          <view class="footer-btn confirm-btn" @click="confirmRoleSelect">确定</view>
+        </view>
+      </view>
+    </u-popup>
   </view>
 </template>
 
 <script setup>
-import { ref, reactive, getCurrentInstance } from 'vue'
+import { ref, reactive, getCurrentInstance, computed } from 'vue'
 import { getUser, addUser, updateUser } from '@/api/system/user'
+import { listDept } from '@/api/system/dept'
 import { getDicts } from "@/api/system/dict/data"
 import { onLoad } from "@dcloudio/uni-app"
 
 const { proxy } = getCurrentInstance()
 const statusList = ref([])
 const sexList = ref([])
+const deptList = ref([])
+const postList = ref([])
+const roleList = ref([])
 const title = ref('添加用户')
 const showStatusPicker = ref(false)
 const showSexPicker = ref(false)
+const showDeptPicker = ref(false)
+const showPostPicker = ref(false)
+const showRolePicker = ref(false)
 const statusName = ref('')
 const sexName = ref('')
+const deptName = ref('')
+const postNames = ref([])
+const roleNames = ref([])
+const tempPostIds = ref([])
+const tempRoleIds = ref([])
 
 const form = reactive({
   userId: undefined,
+  deptId: undefined,
   nickName: undefined,
   userName: undefined,
   password: undefined,
@@ -94,9 +196,19 @@ const form = reactive({
   email: undefined,
   sex: '0',
   status: '0',
+  postIds: [],
+  roleIds: [],
   remark: undefined
 })
 
+const postNamesText = computed(() => {
+  return postNames.value.join('、') || ''
+})
+
+const roleNamesText = computed(() => {
+  return roleNames.value.join('、') || ''
+})
+
 const rules = {
   nickName: [
     { required: true, message: '用户昵称不能为空', trigger: ['blur', 'change'] }
@@ -125,10 +237,18 @@ onLoad((option) => {
     sexList.value = [res.data]
   })
 
+  // 加载部门列表
+  loadDeptList()
+
   if (option.id) {
     title.value = '修改用户'
     getDetail(option.id)
   } else {
+    // 新增时获取岗位和角色选项
+    getUser().then(res => {
+      postList.value = [res.posts || []]
+      roleList.value = [res.roles || []]
+    })
     setTimeout(() => {
       updateStatusName()
       updateSexName()
@@ -136,12 +256,29 @@ onLoad((option) => {
   }
 })
 
+// 加载部门列表
+function loadDeptList() {
+  listDept().then(res => {
+    const listData = res.data || []
+    deptList.value = [listData]
+  })
+}
+
 // 获取详情
 function getDetail(id) {
   getUser(id).then(res => {
     Object.assign(form, res.data)
+    // 获取岗位和角色选项
+    postList.value = [res.posts || []]
+    roleList.value = [res.roles || []]
+    // 设置已选岗位和角色
+    form.postIds = res.postIds || []
+    form.roleIds = res.roleIds || []
     updateStatusName()
     updateSexName()
+    updateDeptName()
+    updatePostNames()
+    updateRoleNames()
   })
 }
 
@@ -175,43 +312,110 @@ function handleSexConfirm(e) {
   showSexPicker.value = false
 }
 
+// 更新部门显示名称
+function updateDeptName() {
+  if (form.deptId && deptList.value[0]) {
+    const dept = deptList.value[0].find(v => v.deptId === form.deptId)
+    deptName.value = dept ? dept.deptName : ''
+  }
+}
+
+// 更新岗位显示名称
+function updatePostNames() {
+  if (form.postIds && form.postIds.length > 0 && postList.value[0]) {
+    postNames.value = postList.value[0]
+      .filter(v => form.postIds.includes(v.postId))
+      .map(v => v.postName)
+  }
+}
+
+// 更新角色显示名称
+function updateRoleNames() {
+  if (form.roleIds && form.roleIds.length > 0 && roleList.value[0]) {
+    roleNames.value = roleList.value[0]
+      .filter(v => form.roleIds.includes(v.roleId))
+      .map(v => v.roleName)
+  }
+}
+
+// 部门选择确认
+function handleDeptConfirm(e) {
+  form.deptId = e.value[0].deptId
+  deptName.value = e.value[0].deptName
+  showDeptPicker.value = false
+}
+
+// 岗位选择确认
+function openPostPicker() {
+  tempPostIds.value = [...form.postIds]
+  showPostPicker.value = true
+}
+
+function cancelPostSelect() {
+  showPostPicker.value = false
+}
+
+function confirmPostSelect() {
+  form.postIds = [...tempPostIds.value]
+  // 更新显示名称
+  if (postList.value[0]) {
+    postNames.value = postList.value[0]
+      .filter(v => form.postIds.includes(v.postId))
+      .map(v => v.postName)
+  }
+  showPostPicker.value = false
+}
+
+// 角色选择确认
+function openRolePicker() {
+  tempRoleIds.value = [...form.roleIds]
+  showRolePicker.value = true
+}
+
+function cancelRoleSelect() {
+  showRolePicker.value = false
+}
+
+function confirmRoleSelect() {
+  form.roleIds = [...tempRoleIds.value]
+  // 更新显示名称
+  if (roleList.value[0]) {
+    roleNames.value = roleList.value[0]
+      .filter(v => form.roleIds.includes(v.roleId))
+      .map(v => v.roleName)
+  }
+  showRolePicker.value = false
+}
+
 // 提交
 function submit() {
-  console.log('submit 被调用')
   proxy.$refs['uForm'].validate().then(() => {
-    console.log('验证通过', form.userId)
     if (form.userId) {
       updateUser(form).then(() => {
-        console.log('修改成功,将跳转')
-        proxy.$refs['uToast'].show({
-          message: '修改成功', complete() {
-            console.log('complete 被调用,执行跳转')
-            uni.navigateTo({ url: `/pages_mine/pages/system/user/list` })
-          }
-        })
+        proxy.$modal.msgSuccess('修改成功')
+        setTimeout(() => {
+          uni.navigateTo({ url: `/pages_mine/pages/system/user/list` })
+        }, 1500)
       })
     } else {
       addUser(form).then(() => {
-        console.log('新增成功,将跳转')
-        proxy.$refs['uToast'].show({
-          message: '新增成功', complete() {
-            console.log('complete 被调用,执行跳转')
-            uni.navigateTo({ url: `/pages_mine/pages/system/user/list` })
-          }
-        })
+        proxy.$modal.msgSuccess('新增成功')
+        setTimeout(() => {
+          uni.navigateTo({ url: `/pages_mine/pages/system/user/list` })
+        }, 1500)
       })
     }
   }).catch(() => {
-    console.log('验证失败')
-    proxy.$refs['uToast'].show({
-      type: 'error',
-      message: '请填写完整信息'
-    })
+    proxy.$modal.msgError('请填写完整信息')
   })
 }
 </script>
 
 <style lang="scss" scoped>
+.container {
+  background-color: #f5f5f5;
+}
+
 .section {
   margin: 24rpx;
   padding: 0;
@@ -246,6 +450,109 @@ function submit() {
     .form-btn {
       padding-top: 16rpx;
     }
+    
+    .selected-tags {
+      margin-top: 16rpx;
+      padding: 20rpx;
+      background: #f8f9fa;
+      border-radius: 12rpx;
+      
+      .selected-title {
+        font-size: 26rpx;
+        color: #666;
+        margin-bottom: 12rpx;
+      }
+      
+      .tag-list {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 12rpx;
+        
+        .tag-item {
+          padding: 8rpx 16rpx;
+          background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
+          border: 1rpx solid #667eea;
+          border-radius: 24rpx;
+          font-size: 24rpx;
+          color: #667eea;
+        }
+      }
+    }
+  }
+}
+
+.select-popup {
+  background: #fff;
+  max-height: 80vh;
+  display: flex;
+  flex-direction: column;
+  
+  .popup-header {
+    padding: 32rpx 24rpx 24rpx;
+    border-bottom: 1rpx solid #f0f0f0;
+    
+    .header-title {
+      font-size: 32rpx;
+      font-weight: 600;
+      color: #333;
+      margin-bottom: 8rpx;
+      display: block;
+    }
+    
+    .header-count {
+      font-size: 24rpx;
+      color: #667eea;
+      display: block;
+    }
+  }
+  
+  .popup-content {
+    flex: 1;
+    max-height: 60vh;
+    padding: 24rpx;
+    
+    .checkbox-item {
+      padding: 16rpx 0;
+      border-bottom: 1rpx solid #f5f5f5;
+    }
+  }
+  
+  .popup-footer {
+    padding: 24rpx;
+    border-top: 1rpx solid #f0f0f0;
+    display: flex;
+    gap: 24rpx;
+    
+    .footer-btn {
+      flex: 1;
+      height: 88rpx;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: 16rpx;
+      font-size: 32rpx;
+      font-weight: 500;
+      transition: all 0.3s;
+    }
+    
+    .cancel-btn {
+      background: #f5f7fa;
+      color: #909399;
+      
+      &:active {
+        background: #e8eaed;
+      }
+    }
+    
+    .confirm-btn {
+      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+      color: #ffffff;
+      box-shadow: 0 4rpx 12rpx rgba(102, 126, 234, 0.3);
+      
+      &:active {
+        opacity: 0.8;
+      }
+    }
   }
 }
 </style>
diff --git a/src/pages_mine/pages/system/user/details.vue b/src/pages_mine/pages/system/user/details.vue
index 99b3fe5..f35988c 100644
--- a/src/pages_mine/pages/system/user/details.vue
+++ b/src/pages_mine/pages/system/user/details.vue
@@ -1,46 +1,72 @@
 <template>
   <view class="container">
-    <u-navbar leftIconSize="40rpx" leftIconColor="#333333" title="用户详情"></u-navbar>
-    <view class="section">
-      <view class="section-title">基本信息</view>
-      <view class="detail-view">
-        <view class="detail-item">
-          <text class="label">用户昵称</text>
-          <text class="value">{{ info.nickName || '-' }}</text>
+    <u-navbar
+      leftIconSize="40rpx"
+      leftIconColor="#333333"
+      title="用户详情"
+    >
+    </u-navbar>
+    
+    <view class="detail-card">
+      <view class="card-header">
+        <view class="header-icon">
+          <uni-icons type="person" size="24" color="#ffffff"></uni-icons>
         </view>
-        <view class="detail-item">
-          <text class="label">用户名称</text>
-          <text class="value">{{ info.userName || '-' }}</text>
+        <view class="header-info">
+          <text class="card-name">{{ info.nickName }}<text class="card-code" v-if="info.userName">({{ info.userName }})</text></text>
         </view>
-        <view class="detail-item">
-          <text class="label">手机号码</text>
-          <text class="value">{{ info.phonenumber || '-' }}</text>
+      </view>
+      
+      <view class="card-body">
+        <view class="info-section">
+          <view class="section-title">
+            <view class="title-icon"></view>
+            <text>基本信息</text>
+          </view>
+          <view class="info-list">
+            <view class="list-item">
+              <text class="item-label">用户昵称</text>
+              <text class="item-value">{{ info.nickName || '-' }}</text>
+            </view>
+            <view class="list-item">
+              <text class="item-label">用户名称</text>
+              <text class="item-value">{{ info.userName || '-' }}</text>
+            </view>
+            <view class="list-item">
+              <text class="item-label">手机号码</text>
+              <text class="item-value">{{ info.phonenumber || '-' }}</text>
+            </view>
+            <view class="list-item">
+              <text class="item-label">邮箱</text>
+              <text class="item-value">{{ info.email || '-' }}</text>
+            </view>
+            <view class="list-item">
+              <text class="item-label">用户性别</text>
+              <text class="item-value">{{ sexStr || '-' }}</text>
+            </view>
+            <view class="list-item">
+              <text class="item-label">部门</text>
+              <text class="item-value">{{ info.dept && info.dept.deptName || '-' }}</text>
+            </view>
+            <view class="list-item">
+              <text class="item-label">状态</text>
+              <text class="item-value" :class="getStatusClass(info.status)">{{ statusStr }}</text>
+            </view>
+            <view class="list-item" v-if="info.createTime">
+              <text class="item-label">创建时间</text>
+              <text class="item-value">{{ info.createTime }}</text>
+            </view>
+          </view>
         </view>
-        <view class="detail-item">
-          <text class="label">邮箱</text>
-          <text class="value">{{ info.email || '-' }}</text>
-        </view>
-        <view class="detail-item">
-          <text class="label">用户性别</text>
-          <text class="value">{{ sexStr || '-' }}</text>
-        </view>
-        <view class="detail-item">
-          <text class="label">部门</text>
-          <text class="value">{{ info.dept && info.dept.deptName || '-' }}</text>
-        </view>
-        <view class="detail-item">
-          <text class="label">状态</text>
-          <text class="value">
-            <u-tag :text="statusStr" :type="info.status === '0' ? 'success' : 'error'" plain size="mini"></u-tag>
-          </text>
-        </view>
-        <view class="detail-item">
-          <text class="label">创建时间</text>
-          <text class="value">{{ info.createTime || '-' }}</text>
-        </view>
-        <view class="detail-item detail-item-full" v-if="info.remark">
-          <text class="label">备注</text>
-          <text class="value">{{ info.remark }}</text>
+        
+        <view class="info-section" v-if="info.remark">
+          <view class="section-title">
+            <view class="title-icon"></view>
+            <text>备注</text>
+          </view>
+          <view class="remark-content">
+            <text>{{ info.remark }}</text>
+          </view>
         </view>
       </view>
     </view>
@@ -67,6 +93,17 @@ const sexStr = computed(() => {
   return item ? item.dictLabel : ''
 })
 
+function getStatusClass(status) {
+  const statusStr = String(status)
+  if (statusStr === '0') {
+    return 'status-normal'
+  }
+  if (statusStr === '1') {
+    return 'status-disabled'
+  }
+  return 'status-default'
+}
+
 onLoad((option) => {
   getDicts('sys_normal_disable').then(res => {
     statusList.value = res.data
@@ -90,73 +127,142 @@ function getDetail(id) {
 
 <style lang="scss" scoped>
 .container {
-  min-height: 100vh;
-  background-color: #f5f5f5;
-  padding-bottom: 20rpx;
+  background: #f5f7fa;
+  padding-bottom: 24rpx;
 }
 
-.section {
+.detail-card {
   margin: 24rpx;
-  padding: 0;
-  background-color: #fff;
+  background: #ffffff;
   border-radius: 16rpx;
   box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
   overflow: hidden;
+}
 
-  .section-title {
-    padding: 16rpx 24rpx;
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-    color: #ffffff;
-    line-height: 1.2;
-    font-size: 28rpx;
-    font-weight: 600;
+.card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16rpx 20rpx;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  
+  .header-icon {
+    width: 48rpx;
+    height: 48rpx;
+    background: rgba(255, 255, 255, 0.2);
+    border-radius: 16rpx;
     display: flex;
     align-items: center;
+    justify-content: center;
+    margin-right: 12rpx;
+    backdrop-filter: blur(10rpx);
+  }
+  
+  .header-info {
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
     
-    &::before {
-      content: '';
+    .card-name {
+      color: #ffffff;
+      font-size: 28rpx;
+      font-weight: 600;
+      line-height: 1.2;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      
+      .card-code {
+        color: rgba(255, 255, 255, 0.85);
+        font-size: 28rpx;
+        font-weight: 400;
+        margin-left: 8rpx;
+      }
+    }
+  }
+}
+
+.card-body {
+  padding: 24rpx;
+}
+
+.info-section {
+  margin-bottom: 32rpx;
+  
+  &:last-child {
+    margin-bottom: 0;
+  }
+  
+  .section-title {
+    display: flex;
+    align-items: center;
+    margin-bottom: 20rpx;
+    
+    .title-icon {
       width: 6rpx;
       height: 28rpx;
-      background: #ffffff;
+      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
       border-radius: 3rpx;
       margin-right: 12rpx;
     }
-  }
-
-  .detail-view {
-    padding: 24rpx;
-  }
-}
-
-.detail-item {
-  display: flex;
-  padding: 20rpx 0;
-  border-bottom: 1rpx solid #f0f0f0;
-  
-  &:last-child {
-    border-bottom: none;
-  }
-
-  &.detail-item-full {
-    flex-direction: column;
     
-    .value {
-      margin-top: 12rpx;
+    text {
+      color: #2c3e50;
+      font-size: 28rpx;
+      font-weight: 600;
     }
   }
-
-  .label {
-    width: 160rpx;
-    font-size: 28rpx;
-    color: #666;
-    flex-shrink: 0;
+  
+  .info-list {
+    .list-item {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 20rpx;
+      background: #f8f9fa;
+      border-radius: 8rpx;
+      margin-bottom: 12rpx;
+      
+      &:last-child {
+        margin-bottom: 0;
+      }
+      
+      .item-label {
+        color: #7f8c8d;
+        font-size: 26rpx;
+      }
+      
+      .item-value {
+        color: #2c3e50;
+        font-size: 28rpx;
+        font-weight: 500;
+        text-align: right;
+        
+        &.status-normal {
+          color: #52c41a;
+        }
+        
+        &.status-disabled {
+          color: #ff4d4f;
+        }
+        
+        &.status-default {
+          color: #666666;
+        }
+      }
+    }
   }
-
-  .value {
-    flex: 1;
-    font-size: 28rpx;
-    color: #333;
-    word-break: break-all;
+  
+  .remark-content {
+    padding: 20rpx;
+    background: #f8f9fa;
+    border-radius: 8rpx;
+    
+    text {
+      color: #2c3e50;
+      font-size: 26rpx;
+      line-height: 1.6;
+    }
   }
 }
 </style>
diff --git a/src/pages_mine/pages/system/user/list.vue b/src/pages_mine/pages/system/user/list.vue
index 2bc99e6..75bef95 100644
--- a/src/pages_mine/pages/system/user/list.vue
+++ b/src/pages_mine/pages/system/user/list.vue
@@ -99,7 +99,7 @@
       <u-loadmore :status="loadStatus" loadingIcon="semicircle" height="88" fontSize="32rpx" @loadmore="loadmore" />
     </u-list>
   </view>
-  <suspend></suspend>
+  <systemBtn></systemBtn>
   <refresh></refresh>
 </template>