From 3a6561c938b159c3da0d26785ef7246760acd83d Mon Sep 17 00:00:00 2001
From: "du.meimei" <du.meimei@ebiz-digits.com>
Date: Tue, 22 Apr 2025 14:47:51 +0800
Subject: [PATCH 01/10] =?UTF-8?q?feat(system):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E7=B3=BB=E7=BB=9F=E7=AE=A1=E7=90=86=E5=8A=9F=E8=83=BD=E6=A8=A1?=
 =?UTF-8?q?=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增用户管理、部门管理和角色管理页面
- 实现用户列表查询、用户新增、编辑和删除功能
- 添加部门列表查询功能
- 实现角色列表查询功能
- 新增用户对话框组件用于用户信息录入
- 添加重置密码对话框组件用于修改用户密码
- 新增系统管理相关API接口
---
 src/api/generatedApi/system.js                | 298 ++++++++++++++
 src/router/generatedRouter/index.js           |  40 ++
 src/views/system/department/index.vue         | 115 ++++++
 src/views/system/role/index.vue               | 140 +++++++
 .../user/components/ResetPasswordDialog.vue   | 102 +++++
 .../system/user/components/UserDialog.vue     | 203 ++++++++++
 src/views/system/user/index.vue               | 380 ++++++++++++++++++
 7 files changed, 1278 insertions(+)
 create mode 100644 src/api/generatedApi/system.js
 create mode 100644 src/views/system/department/index.vue
 create mode 100644 src/views/system/role/index.vue
 create mode 100644 src/views/system/user/components/ResetPasswordDialog.vue
 create mode 100644 src/views/system/user/components/UserDialog.vue
 create mode 100644 src/views/system/user/index.vue

diff --git a/src/api/generatedApi/system.js b/src/api/generatedApi/system.js
new file mode 100644
index 0000000..26e516a
--- /dev/null
+++ b/src/api/generatedApi/system.js
@@ -0,0 +1,298 @@
+import request from '@/assets/js/utils/request'
+import getUrl from '@/assets/js/utils/get-url'
+
+// 用户新增
+export function addUser(data) {
+  return request({
+    url: getUrl('/sysUser/create'),
+    method: 'post',
+    data
+  })
+}
+//用户编辑
+export function updateUser(data) {
+  return request({
+    url: getUrl('/sysUser/update'),
+    method: 'post',
+    data
+  })
+}
+// 用户删除
+export function deleteUser(data) {
+  return request({
+    url: getUrl('/sysUser/delete'),
+    method: 'post',
+    data
+  })
+}
+// 查询用户详情
+export function queryUserDetail(params) {
+  return request({
+    url: getUrl('/sysUser/query'),
+    method: 'get',
+    params: params
+  })
+}
+// 用户分页查询
+export function getUserPage(data) {
+  return request({
+    url: getUrl('/sysUser/page'),
+    method: 'post',
+    data
+  })
+}
+// 修改用户状态
+export function changeUserStatus(params) {
+  return request({
+    url: getUrl('/sysUserEx/changeUserStatus'),
+    method: 'get',
+    params: params
+  })
+}
+// 重置密码
+export function updatePassword(data) {
+  return request({
+    url: getUrl(`/sysUser/updatePassword`),
+    method: 'post',
+    data
+  })
+}
+
+export function datasetsExTaskPages(data) {
+  return request({
+    url: getUrl(`/datasetDocumentEx/taskPage`),
+    method: 'post',
+    data
+  })
+}
+
+//minerU  获取bbox
+export function minerUBbox(params) {
+  return request({
+    url: getUrl('/document/mineru/bbox_json'),
+    method: 'get',
+    params: params
+  })
+}
+//minerU  重试
+export function minerURetry(params) {
+  return request({
+    url: getUrl('/document/mineru/retry'),
+    method: 'get',
+    params: params,
+    noLoading: true
+  })
+}
+//minerU  获取文档处理状态
+export function minerUQuery(params) {
+  return request({
+    url: getUrl('/dataset/document/query'),
+    method: 'get',
+    params: params,
+    noLoading: true
+  })
+}
+//minerU 获取markdown
+export function minerUMarkDown(params) {
+  return getUrl(`/document/mineru/md?documentId=${params.documentId}`)
+}
+
+// minerU 获取pdf
+export function getPdfUrl(params) {
+  return getUrl(`/datasetDocumentEx/preview?id=${params.documentId}`)
+}
+
+export function minerUMarkDownUpdate(data) {
+  return request({
+    url: getUrl(`/document/mineru/md/update`),
+    method: 'post',
+    data
+  })
+}
+// 规则分页
+export function getRulesPage(data) {
+  return request({
+    url: getUrl(`/rules/page`),
+    method: 'post',
+    data
+  })
+}
+export function getRulesList(data) {
+  return request({
+    url: getUrl(`/rules/list`),
+    method: 'post',
+    data
+  })
+}
+// 拆分规则-新增
+export function addRuleSplit(data) {
+  return request({
+    url: getUrl(`/ruleDocSplitEx/create`),
+    method: 'post',
+    data
+  })
+}
+// 拆分规则-详情
+export function getRuleDetail(id) {
+  return request({
+    url: getUrl(`/rulesEx/query?id=${id}`),
+    method: 'get'
+  })
+}
+// 拆分规则-编辑
+export function updateRuleSplit(data) {
+  return request({
+    url: getUrl(`/ruleDocSplitEx/update`),
+    method: 'post',
+    data
+  })
+}
+// 拆分规则-下一步校验
+export function execSplit(data) {
+  return request({
+    url: getUrl(`/datasetDocumentEx/execSplit`),
+    method: 'post',
+    data
+  })
+}
+// 拆分结果预览
+export function splitResultPreview(params) {
+  return request({
+    url: getUrl(`/datasetDocumentEx/split/preview`),
+    method: 'get',
+    params: params
+  })
+}
+// 题词-新增
+export function addRuleExtract(data) {
+  return request({
+    url: getUrl(`/ruleAttributeExtractEx/create`),
+    method: 'post',
+    data
+  })
+}
+// 题词-编辑
+export function updateRuleExtractSplit(data) {
+  return request({
+    url: getUrl(`/ruleAttributeExtractEx/update`),
+    method: 'post',
+    data
+  })
+}
+// 题词-下一步校验
+export function execExtract(data) {
+  return request({
+    url: getUrl(`/datasetDocumentEx/execExtract`),
+    method: 'post',
+    data
+  })
+}
+
+// 题词-查询题词结果详情
+export function getExtractResultList(data) {
+  return request({
+    url: getUrl(`/document/attribute/extract/result/list`),
+    method: 'post',
+    data
+  })
+}
+
+// 题词-保存
+export function saveContentToDocument(data) {
+  return request({
+    url: getUrl(`/datasetDocumentEx/saveContentToDocument`),
+    method: 'post',
+    data
+  })
+}
+//知识库文件上传-自定义
+export function uploadFileByCustom(data) {
+  return request({
+    url: getUrl(`/datasetDocumentEx/uploadFileByCustom`),
+    method: 'post',
+    data,
+    headers: {
+      'Content-Type': 'multipart/form-data'
+    }
+  })
+}
+//知识库文件上传-通用
+export function uploadFileByTemplate(data) {
+  return request({
+    url: getUrl(`/datasetDocumentEx/uploadFileByTemplate`),
+    method: 'post',
+    data,
+    headers: {
+      'Content-Type': 'multipart/form-data'
+    }
+  })
+}
+
+// 知识库文件详情
+export function datasetQuerySegments(data) {
+  return request({
+    url: getUrl(`/datasetDocumentEx/querySegments`),
+    method: 'get',
+    params: data
+  })
+}
+// 知识文档详情查询（包含json的题词和拆分规则）
+export function datasetDocumentEx(data) {
+  return request({
+    url: getUrl(`/datasetDocumentEx/query`),
+    method: 'get',
+    params: data
+  })
+}
+// 任务轨迹查看详情
+export function getTaskDetail(params) {
+  return request({
+    url: getUrl(`/datasetDocumentEx/query`),
+    method: 'get',
+    params
+  })
+}
+// 知识库文件删除
+export function datasetQueryDelete(data) {
+  return request({
+    url: getUrl(`/datasetDocumentEx/delete?documentId=${data.id}`),
+    method: 'delete'
+  })
+}
+
+export function queryTask(params) {
+  return request({
+    url: getUrl(`/datasetDocumentEx/queryTask`),
+    method: 'get',
+    params
+  })
+}
+
+// 识别页面表格
+
+export function imageRetry(data) {
+  return request({
+    url: getUrl(`/document/mineru/img/retry`),
+    method: 'post',
+    data,
+    noLoading: true
+  })
+}
+
+export function getMd_info(params) {
+  return request({
+    url: getUrl(`/document/mineru/md_info`),
+    method: 'get',
+    params,
+    noLoading: true
+  })
+}
+export function mdIndex(params) {
+  return request({
+    url: getUrl(`/document/mineru/md`),
+    method: 'get',
+    params,
+    noLoading: true,
+    back: true
+  })
+}
diff --git a/src/router/generatedRouter/index.js b/src/router/generatedRouter/index.js
index 9138200..f5b6f89 100644
--- a/src/router/generatedRouter/index.js
+++ b/src/router/generatedRouter/index.js
@@ -137,5 +137,45 @@ export default [
         ]
       }
     ]
+  },
+  {
+    path: '/system',
+    name: 'system',
+    component: layout,
+    redirect: '/system/user',
+    meta: {
+      title: '系统管理',
+      icon: 'el-icon-setting',
+      affix: true
+    },
+    children: [
+      {
+        path: '/system/user',
+        name: 'system-user',
+        component: () => import('@/views/system/user/index.vue'),
+        meta: {
+          title: '用户管理',
+          icon: 'el-icon-user'
+        }
+      },
+      {
+        path: '/system/department',
+        name: 'system-department',
+        component: () => import('@/views/system/department/index.vue'),
+        meta: {
+          title: '部门管理',
+          icon: 'el-icon-office-building'
+        }
+      },
+      {
+        path: '/system/role',
+        name: 'system-role',
+        component: () => import('@/views/system/role/index.vue'),
+        meta: {
+          title: '角色管理',
+          icon: 'el-icon-s-custom'
+        }
+      }
+    ]
   }
 ]
diff --git a/src/views/system/department/index.vue b/src/views/system/department/index.vue
new file mode 100644
index 0000000..632fb7d
--- /dev/null
+++ b/src/views/system/department/index.vue
@@ -0,0 +1,115 @@
+<template>
+  <div class="department-manage">
+    <el-card>
+      <div class="filter-container">
+        <el-form :model="queryParams" label-width="100px" class="demo-form-inline">
+          <el-row>
+            <el-col :span="6">
+              <el-form-item label="部门类型">
+                <el-select v-model="queryParams.deptType" placeholder="全部规则" clearable style="width: 100%" size="small">
+                  <el-option label="总部" value="headquarters" />
+                  <el-option label="分部" value="branch" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="部门名称">
+                <el-input v-model="queryParams.name" placeholder="请输入部门名称" clearable size="small" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="创建时间">
+                <el-date-picker
+                  v-model="queryParams.dateRange"
+                  type="daterange"
+                  range-separator="-"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期"
+                  value-format="yyyy-MM-dd"
+                  style="width: 100%"
+                  size="small"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item>
+                <el-button type="primary" size="medium" @click="handleQuery">查询</el-button>
+                <el-button type="primary" plain size="medium" @click="resetQuery">重置</el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+
+      <el-table v-loading="loading" :data="departmentList" row-key="id" :tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
+        <el-table-column prop="name" label="部门名称" />
+        <el-table-column prop="leader" label="负责人" />
+        <el-table-column prop="phone" label="联系电话" />
+        <el-table-column prop="email" label="邮箱" />
+        <el-table-column prop="status" label="状态">
+          <template slot-scope="scope">
+            <el-tag :type="scope.row.status === 1 ? 'success' : 'danger'">
+              {{ scope.row.status === 1 ? '启用' : '禁用' }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="orderNum" label="排序" />
+        <el-table-column label="操作" width="200">
+          <template slot-scope="scope">
+            <el-button type="text" @click="handleEdit(scope.row)">编辑</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-card>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'DepartmentManage',
+  data() {
+    return {
+      loading: false,
+      departmentList: [],
+      queryParams: {
+        deptType: '',
+        name: '',
+        dateRange: []
+      }
+    }
+  },
+  methods: {
+    handleQuery() {
+      // TODO: 实现查询逻辑
+    },
+    resetQuery() {
+      this.queryParams.deptType = ''
+      this.queryParams.name = ''
+      this.queryParams.dateRange = []
+      this.handleQuery()
+    },
+    handleEdit(row) {
+      // TODO: 实现编辑逻辑
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.department-manage {
+  padding: 20px;
+
+  .filter-container {
+    margin-bottom: 20px;
+
+    .el-form-item {
+      margin-bottom: 10px;
+      margin-right: 10px;
+
+      .el-form-item__label {
+        padding-right: 8px;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
new file mode 100644
index 0000000..a729bbb
--- /dev/null
+++ b/src/views/system/role/index.vue
@@ -0,0 +1,140 @@
+<template>
+  <div class="role-manage">
+    <el-card>
+      <div class="filter-container">
+        <el-form :model="queryParams" label-width="100px" class="demo-form-inline">
+          <el-row>
+            <el-col :span="6">
+              <el-form-item label="规则类型">
+                <el-select v-model="queryParams.type" placeholder="全部规则" clearable style="width: 100%" size="small">
+                  <el-option label="全部规则" value="" />
+                  <el-option label="规则一" value="1" />
+                  <el-option label="规则二" value="2" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="规则名称">
+                <el-input v-model="queryParams.name" placeholder="请输入规则名称" clearable size="small" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="创建时间">
+                <el-date-picker
+                  v-model="queryParams.dateRange"
+                  type="daterange"
+                  range-separator="-"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期"
+                  value-format="yyyy-MM-dd"
+                  style="width: 100%"
+                  size="small"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item>
+                <el-button type="primary" size="medium" @click="handleQuery">查询</el-button>
+                <el-button type="primary" plain size="medium" @click="resetQuery">重置</el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+
+      <el-table v-loading="loading" :data="roleList">
+        <el-table-column type="index" label="序号" width="50" />
+        <el-table-column prop="name" label="角色名称" />
+        <el-table-column prop="code" label="角色编码" />
+        <el-table-column prop="description" label="角色描述" />
+        <el-table-column prop="status" label="状态">
+          <template slot-scope="scope">
+            <el-tag :type="scope.row.status === 1 ? 'success' : 'danger'">
+              {{ scope.row.status === 1 ? '启用' : '禁用' }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" width="250">
+          <template slot-scope="scope">
+            <el-button type="text" @click="handleEdit(scope.row)">编辑</el-button>
+            <el-button type="text" @click="handlePermission(scope.row)">权限设置</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <el-pagination
+        :current-page.sync="queryParams.pageNum"
+        :page-size.sync="queryParams.pageSize"
+        :total="total"
+        :page-sizes="[10, 20, 30, 50]"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      />
+    </el-card>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'RoleManage',
+  data() {
+    return {
+      loading: false,
+      total: 0,
+      roleList: [],
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        type: '',
+        name: '',
+        dateRange: []
+      }
+    }
+  },
+  methods: {
+    handleQuery() {
+      // TODO: 实现查询逻辑
+    },
+    resetQuery() {
+      this.queryParams.type = ''
+      this.queryParams.name = ''
+      this.queryParams.dateRange = []
+      this.handleQuery()
+    },
+    handleEdit(row) {
+      // TODO: 实现编辑逻辑
+    },
+    handlePermission(row) {
+      // TODO: 实现权限设置逻辑
+    },
+    handleSizeChange(val) {
+      this.queryParams.pageSize = val
+      this.handleQuery()
+    },
+    handleCurrentChange(val) {
+      this.queryParams.pageNum = val
+      this.handleQuery()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.role-manage {
+  padding: 20px;
+
+  .filter-container {
+    margin-bottom: 20px;
+
+    .el-form-item {
+      margin-bottom: 10px;
+      margin-right: 10px;
+
+      .el-form-item__label {
+        padding-right: 8px;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/system/user/components/ResetPasswordDialog.vue b/src/views/system/user/components/ResetPasswordDialog.vue
new file mode 100644
index 0000000..faf7e54
--- /dev/null
+++ b/src/views/system/user/components/ResetPasswordDialog.vue
@@ -0,0 +1,102 @@
+<template>
+  <el-dialog title="重置密码" :visible.sync="visible" width="500px" append-to-body @close="handleClose">
+    <el-form ref="form" :model="form" :rules="rules" label-width="120px" status-icon>
+      <el-form-item label="旧密码" prop="userPassword">
+        <el-input v-model="form.userPassword" placeholder="请输入旧密码" type="password" show-password clearable size="small" />
+      </el-form-item>
+      <el-form-item label="新密码" prop="newPassword">
+        <el-input v-model="form.newPassword" placeholder="请输入新密码" type="password" show-password clearable size="small" />
+      </el-form-item>
+      <el-form-item label="确认新密码" prop="confirmPassword">
+        <el-input v-model="form.confirmPassword" placeholder="请再次输入新密码" type="password" show-password clearable size="small" />
+      </el-form-item>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button type="primary" size="small" :loading="loading" @click="submitForm">确 定</el-button>
+      <el-button size="small" @click="handleClose">取 消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { updatePassword } from '@/api/generatedApi/system'
+
+export default {
+  name: 'ResetPasswordDialog',
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    userId: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    // 确认密码验证
+    const validateConfirmPassword = (rule, value, callback) => {
+      if (value !== this.form.newPassword) {
+        callback(new Error('两次输入的密码不一致'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      form: {
+        userPassword: '',
+        newPassword: '',
+        confirmPassword: ''
+      },
+      rules: {
+        userPassword: [{ required: true, message: '请输入旧密码', trigger: 'blur' }],
+        newPassword: [{ required: true, message: '请输入新密码', trigger: 'blur' }, { min: 6, message: '密码长度不能少于6个字符', trigger: 'blur' }],
+        confirmPassword: [{ required: true, message: '请再次输入新密码', trigger: 'blur' }, { validator: validateConfirmPassword, trigger: 'blur' }]
+      },
+      loading: false
+    }
+  },
+  methods: {
+    handleClose() {
+      this.$refs.form.resetFields()
+      this.$emit('update:visible', false)
+    },
+    submitForm() {
+      this.$refs.form.validate(valid => {
+        if (valid) {
+          this.loading = true
+          const data = {
+            userId: this.userId,
+            userPassword: this.form.userPassword,
+            newPassword: this.form.newPassword
+          }
+
+          updatePassword(data)
+            .then(response => {
+              if (response.code === '0') {
+                this.$message.success('密码重置成功')
+                this.handleClose()
+                this.$emit('success')
+              } else {
+                this.$message.error(response.msg || '密码重置失败')
+              }
+            })
+            .catch(error => {
+              console.error('密码重置出错：', error)
+              this.$message.error('密码重置出错')
+            })
+            .finally(() => {
+              this.loading = false
+            })
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.dialog-footer {
+  text-align: right;
+}
+</style>
diff --git a/src/views/system/user/components/UserDialog.vue b/src/views/system/user/components/UserDialog.vue
new file mode 100644
index 0000000..3a9a6de
--- /dev/null
+++ b/src/views/system/user/components/UserDialog.vue
@@ -0,0 +1,203 @@
+<template>
+  <el-dialog :title="title" :visible.sync="visible" width="800px" append-to-body @close="handleClose">
+    <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="用户编码" prop="userCode">
+            <el-input v-model="form.userCode" placeholder="请输入用户编码" clearable size="small" :disabled="isView || isEdit" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="用户名称" prop="userName">
+            <el-input v-model="form.userName" placeholder="请输入用户名称" clearable size="small" :disabled="isView" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="20" v-if="!isView">
+        <el-col :span="12" v-if="!isEdit">
+          <el-form-item label="密码" prop="password">
+            <el-input v-model="form.password" placeholder="请输入密码" clearable type="password" size="small" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="状态" prop="status">
+            <el-radio-group v-model="form.status" :disabled="isView">
+              <el-radio :label="0">启用</el-radio>
+              <el-radio :label="1">停用</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="20" v-else>
+        <el-col :span="12">
+          <el-form-item label="状态" prop="status">
+            <el-radio-group v-model="form.status" :disabled="isView">
+              <el-radio :label="0">启用</el-radio>
+              <el-radio :label="1">停用</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="真实姓名" prop="realName">
+            <el-input v-model="form.realName" placeholder="请输入真实姓名" clearable size="small" :disabled="isView" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="工号" prop="jobNo">
+            <el-input v-model="form.jobNo" placeholder="请输入工号" clearable size="small" :disabled="isView" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="手机号" prop="mobile">
+            <el-input v-model="form.mobile" placeholder="请输入手机号" clearable size="small" :disabled="isView" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="邮箱" prop="email">
+            <el-input v-model="form.email" placeholder="请输入邮箱" clearable size="small" :disabled="isView" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="钉钉ID" prop="dingtalkId">
+            <el-input v-model="form.dingtalkId" placeholder="请输入钉钉ID" clearable size="small" :disabled="isView" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="用户角色" prop="userRoles">
+            <el-select v-model="form.userRoles" placeholder="请选择用户角色" clearable size="small" :disabled="isView">
+              <el-option v-for="item in roleOptions" :key="item.value" :label="item.label" :value="item.value" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer" v-if="!isView">
+      <el-button type="primary" size="small" :loading="loading" @click="submitForm">确 定</el-button>
+      <el-button size="small" @click="handleClose">取 消</el-button>
+    </div>
+    <div slot="footer" class="dialog-footer" v-else>
+      <el-button size="small" @click="handleClose">关 闭</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { addUser, updateUser } from '@/api/generatedApi/system'
+
+export default {
+  name: 'UserDialog',
+  props: {
+    title: {
+      type: String,
+      default: '添加用户'
+    },
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    userData: {
+      type: Object,
+      default: () => ({})
+    },
+    isEdit: {
+      type: Boolean,
+      default: false
+    },
+    isView: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      form: {
+        userRoles: '',
+        userCode: '',
+        userName: '',
+        status: 0,
+        dingtalkId: '',
+        password: '',
+        realName: '',
+        jobNo: '',
+        mobile: '',
+        email: '',
+        sysUserRoleDTOs: []
+      },
+      rules: {
+        userCode: [{ required: true, message: '请输入用户编码', trigger: 'blur' }],
+        userName: [{ required: true, message: '请输入用户名称', trigger: 'blur' }],
+        password: [{ required: true, message: '请输入密码', trigger: 'blur' }]
+      },
+      roleOptions: [{ value: 'admin', label: '管理员' }, { value: 'user', label: '普通用户' }],
+      loading: false
+    }
+  },
+  watch: {
+    userData: {
+      handler(val) {
+        if (val && Object.keys(val).length > 0) {
+          this.form = { ...val }
+        }
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    handleClose() {
+      this.$refs.form.resetFields()
+      this.$emit('update:visible', false)
+    },
+    submitForm() {
+      // 查看模式下不允许提交
+      if (this.isView) {
+        return
+      }
+
+      this.$refs.form.validate(valid => {
+        if (valid) {
+          this.loading = true
+          const submitData = { ...this.form }
+
+          // 根据是否是编辑模式调用不同的API
+          const apiRequest = this.isEdit ? updateUser(submitData) : addUser(submitData)
+
+          apiRequest
+            .then(response => {
+              if (response.code === '0') {
+                this.$message.success(this.isEdit ? '修改成功' : '添加成功')
+                this.$emit('submit', submitData)
+                this.handleClose()
+              } else {
+                this.$message.error(response.msg || (this.isEdit ? '修改失败' : '添加失败'))
+              }
+            })
+            .catch(error => {
+              console.error(this.isEdit ? '修改用户出错：' : '添加用户出错：', error)
+              this.$message.error(this.isEdit ? '修改用户出错' : '添加用户出错')
+            })
+            .finally(() => {
+              this.loading = false
+            })
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.dialog-footer {
+  text-align: right;
+}
+</style>
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
new file mode 100644
index 0000000..f380678
--- /dev/null
+++ b/src/views/system/user/index.vue
@@ -0,0 +1,380 @@
+<template>
+  <div class="user-manage">
+    <el-card>
+      <div class="filter-container">
+        <el-form :model="queryParams" label-width="100px" class="demo-form-inline">
+          <el-row>
+            <el-col :span="6">
+              <el-form-item label="用户类型">
+                <el-select v-model="queryParams.userRoles" placeholder="请选择用户类型" clearable size="small">
+                  <el-option label="管理员" value="admin" />
+                  <el-option label="普通用户" value="user" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="用户编码">
+                <el-input v-model="queryParams.userCodeLike" placeholder="请输入用户编码" clearable size="small" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="用户名称">
+                <el-input v-model="queryParams.userNameLike" placeholder="请输入用户名称" clearable size="small" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="创建时间">
+                <el-date-picker
+                  v-model="queryParams.dateRange"
+                  type="daterange"
+                  range-separator="-"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期"
+                  value-format="yyyy-MM-dd"
+                  size="small"
+                  style="width: 100%"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item>
+                <el-button type="primary" size="medium" @click="handleQuery">查询</el-button>
+                <el-button type="primary" plain size="medium" @click="resetQuery">重置</el-button>
+                <el-button type="primary" size="medium" @click="handleAdd">新增</el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+      <r-table
+        :columns="tableConfig.columns"
+        :data="tableData"
+        :deletion="false"
+        :total="tableConfig.total"
+        @currentChange="handleCurrentChange"
+        @sizeChange="handleSizeChange"
+        :currentPage="tableConfig.currentPage"
+        :pageSize="tableConfig.pageSize"
+      />
+    </el-card>
+
+    <!-- 用户新增弹窗 -->
+    <user-dialog :visible.sync="dialogVisible" :title="dialogTitle" :is-edit="isEdit" :is-view="isView" :user-data="currentUserData" @submit="handleSubmit" />
+
+    <!-- 重置密码弹窗 -->
+    <reset-password-dialog :visible.sync="resetPasswordVisible" :user-id="currentUserId" @success="getUserList" />
+  </div>
+</template>
+
+<script>
+import UserDialog from './components/UserDialog.vue'
+import ResetPasswordDialog from './components/ResetPasswordDialog.vue'
+import { getUserPage, queryUserDetail, deleteUser, changeUserStatus, updatePassword } from '@/api/generatedApi/system'
+
+export default {
+  name: 'UserManage',
+  components: {
+    UserDialog,
+    ResetPasswordDialog
+  },
+  data() {
+    return {
+      loading: false,
+      dialogVisible: false,
+      resetPasswordVisible: false,
+      dialogTitle: '添加用户',
+      isEdit: false,
+      isView: false,
+      currentUserData: {},
+      currentUserId: '',
+      queryParams: {
+        page: 1,
+        pageSize: 10,
+        userRoles: '',
+        userCodeLike: '',
+        userNameLike: '',
+        status: '',
+        dateRange: []
+      },
+      // 表格配置项
+      tableConfig: {
+        total: 0,
+        currentPage: 1,
+        pageSize: 10,
+        columns: [
+          { prop: 'userCode', key: '用户编码' },
+          { prop: 'userName', key: '用户名称' },
+          { prop: 'realName', key: '真实姓名' },
+          { prop: 'jobNo', key: '工号' },
+          { prop: 'mobile', key: '手机号' },
+          { prop: 'email', key: '邮箱' },
+          { prop: 'userRoles', key: '用户角色' },
+          {
+            prop: 'status',
+            key: '状态',
+            render: (h, params) => {
+              return h(
+                'el-tag',
+                {
+                  props: {
+                    type: params.row.status === 0 ? 'success' : 'danger',
+                    size: 'small'
+                  }
+                },
+                params.row.status === 0 ? '启用' : '停用'
+              )
+            }
+          },
+          {
+            key: '操作',
+            render: (h, params) => {
+              return h('div', [
+                h(
+                  'el-button',
+                  {
+                    props: { type: 'text', size: 'mini' },
+                    on: { click: () => this.handleEdit(params.row) }
+                  },
+                  '编辑'
+                ),
+                // h(
+                //   'el-button',
+                //   {
+                //     props: { type: 'text', size: 'mini' },
+                //     on: { click: () => this.handleInfoVisible(params.row) }
+                //   },
+                //   '查看详情'
+                // ),
+                h(
+                  'el-button',
+                  {
+                    props: {
+                      type: 'text',
+                      size: 'mini',
+                      style: params.row.status === 0 ? 'color: #F56C6C' : 'color: #67C23A'
+                    },
+                    on: { click: () => this.handleToggleStatus(params.row) }
+                  },
+                  params.row.status === 0 ? '停用' : '启用'
+                ),
+                h(
+                  'el-button',
+                  {
+                    props: { type: 'text', size: 'mini', style: 'color: #409EFF' },
+                    on: { click: () => this.handleResetPassword(params.row) }
+                  },
+                  '重置密码'
+                ),
+                h(
+                  'el-button',
+                  {
+                    props: { type: 'text', size: 'mini', style: 'color: #F56C6C' },
+                    on: { click: () => this.handleDelete(params.row) }
+                  },
+                  '删除'
+                )
+              ])
+            }
+          }
+        ]
+      },
+      tableData: []
+    }
+  },
+  created() {
+    this.getUserList()
+  },
+  methods: {
+    // 获取用户列表
+    getUserList() {
+      this.loading = true
+      const params = { ...this.queryParams }
+
+      // 处理日期范围
+      if (params.dateRange && params.dateRange.length === 2) {
+        params.startDate = params.dateRange[0]
+        params.endDate = params.dateRange[1]
+      }
+      delete params.dateRange
+
+      getUserPage(params)
+        .then(response => {
+          console.log(response)
+          if (response.code === '0') {
+            this.tableData = response.content.content.list || []
+            this.tableConfig.total = response.content.content.total || 0
+          } else {
+            this.$message.error(response.msg || '获取用户列表失败')
+          }
+        })
+        .catch(error => {
+          console.error('获取用户列表出错：', error)
+          this.$message.error('获取用户列表出错')
+        })
+        .finally(() => {
+          this.loading = false
+        })
+    },
+    handleQuery() {
+      this.queryParams.page = 1
+      this.getUserList()
+    },
+    resetQuery() {
+      this.queryParams.userRoles = ''
+      this.queryParams.userCodeLike = ''
+      this.queryParams.userNameLike = ''
+      this.queryParams.dateRange = []
+      this.handleQuery()
+    },
+    handleAdd() {
+      this.isEdit = false
+      this.isView = false
+      this.currentUserData = {}
+      this.dialogVisible = true
+      this.dialogTitle = '添加用户'
+    },
+    handleEdit(row) {
+      this.isEdit = true
+      this.isView = false
+      this.dialogTitle = '编辑用户'
+      this.loading = true
+
+      // 获取用户详情
+      queryUserDetail({ id: row.id })
+        .then(response => {
+          if (response.code === '0') {
+            this.currentUserData = response.content.content || {}
+            this.dialogVisible = true
+          } else {
+            this.$message.error(response.msg || '获取用户详情失败')
+          }
+        })
+        .catch(error => {
+          console.error('获取用户详情出错：', error)
+          this.$message.error('获取用户详情出错')
+        })
+        .finally(() => {
+          this.loading = false
+        })
+    },
+    handleInfoVisible(row) {
+      // 查看详情逻辑
+      this.isView = true
+      this.isEdit = false
+      this.dialogTitle = '查看用户详情'
+      this.loading = true
+
+      // 获取用户详情
+      queryUserDetail({ id: row.id })
+        .then(response => {
+          if (response.code === '0') {
+            this.currentUserData = response.content.content || {}
+            this.dialogVisible = true
+          } else {
+            this.$message.error(response.msg || '获取用户详情失败')
+          }
+        })
+        .catch(error => {
+          console.error('获取用户详情出错：', error)
+          this.$message.error('获取用户详情出错')
+        })
+        .finally(() => {
+          this.loading = false
+        })
+    },
+    handleSubmit(formData) {
+      this.getUserList() // 提交后刷新列表
+    },
+    handleSizeChange(val) {
+      this.queryParams.pageSize = val
+      this.getUserList()
+    },
+    handleCurrentChange(val) {
+      this.queryParams.page = val
+      this.getUserList()
+    },
+    handleDelete(row) {
+      this.$confirm('确认删除该用户吗？', '警告', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+          this.loading = true
+          // 将id放入数组中传递
+          deleteUser([row.id])
+            .then(response => {
+              if (response.code === '0') {
+                this.$message.success('删除成功')
+                this.getUserList()
+              } else {
+                this.$message.error(response.msg || '删除失败')
+              }
+            })
+            .catch(error => {
+              console.error('删除用户出错：', error)
+              this.$message.error('删除用户出错')
+            })
+            .finally(() => {
+              this.loading = false
+            })
+        })
+        .catch(() => {
+          this.$message.info('已取消删除')
+        })
+    },
+    handleToggleStatus(row) {
+      const statusText = row.status === 0 ? '停用' : '启用'
+      this.$confirm(`确认${statusText}该用户吗？`, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        // 调用changeUserStatus接口
+        const newStatus = row.status === 0 ? 1 : 0 // 切换状态
+        changeUserStatus({
+          userId: row.id,
+          status: newStatus
+        })
+          .then(response => {
+            if (response.code === '0') {
+              this.$message.success(`${statusText}成功`)
+              this.getUserList() // 刷新列表
+            } else {
+              this.$message.error(response.msg || `${statusText}失败`)
+            }
+          })
+          .catch(error => {
+            console.error(`${statusText}用户出错：`, error)
+            this.$message.error(`${statusText}用户出错`)
+          })
+      })
+    },
+    handleResetPassword(row) {
+      this.currentUserId = row.id
+      this.resetPasswordVisible = true
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.user-manage {
+  padding: 20px;
+
+  .filter-container {
+    margin-bottom: 20px;
+
+    .el-form-item {
+      margin-bottom: 10px;
+      margin-right: 10px;
+
+      .el-form-item__label {
+        padding-right: 8px;
+      }
+    }
+  }
+}
+</style>

From 2fe9ab3ca18e961bf803cc9bbd14a63e390a2987 Mon Sep 17 00:00:00 2001
From: "du.meimei" <du.meimei@ebiz-digits.com>
Date: Wed, 23 Apr 2025 09:29:10 +0800
Subject: [PATCH 02/10] css

---
 src/assets/sass/utils.scss | 30 ++++++++++++++----------------
 1 file changed, 14 insertions(+), 16 deletions(-)

diff --git a/src/assets/sass/utils.scss b/src/assets/sass/utils.scss
index 85870d2..9bfd3c1 100644
--- a/src/assets/sass/utils.scss
+++ b/src/assets/sass/utils.scss
@@ -38,13 +38,13 @@
 .fs22 {
   font-size: 22px;
 }
-h1{
+h1 {
   font-size: 38px;
 }
-h2{
+h2 {
   font-size: 30px;
 }
-h3{
+h3 {
   font-size: 24px;
 }
 //.bg-title{
@@ -135,24 +135,23 @@ h3{
   color: #000000;
 }
 
-
-.app-main{
+.app-main {
   //background: #eeeeee;
 }
-.button-container{
+.button-container {
   margin-bottom: 10px;
   text-align: right;
 }
-.container{
+.container {
   padding: 25px 15px 50px;
   //margin: 15px;
   background: #fff;
 }
-.el-select{
+.el-select {
   width: 100%;
 }
 .c-gray-dark {
-  color: #4A4A4A;
+  color: #4a4a4a;
 }
 
 .c-gray-base {
@@ -160,23 +159,23 @@ h3{
 }
 
 .c-gray-light {
-  color: #9E9E9E;
+  color: #9e9e9e;
 }
 
 .c-gray-lighter {
-  color: #B1B1B1;
+  color: #b1b1b1;
 }
 
 .c-blue-base {
-  color: #0069B7;
+  color: #0069b7;
 }
 
 .c-blue-light {
-  color: #78A6DC;
+  color: #78a6dc;
 }
 
 .c-gray {
-  color: #DEDCDC;
+  color: #dedcdc;
 }
 
 // 文字位置设置
@@ -247,7 +246,6 @@ h3{
   background: $white !important;
 }
 
-
 // 设置光标样式
 .pointer {
   cursor: pointer !important;
@@ -263,7 +261,7 @@ h3{
 }
 
 // 底部固定
-.fixed-button{
+.fixed-button {
   position: fixed;
   bottom: 0;
   width: 100%;

From c15f2961757365480e1551a401d8892c00f7b6e5 Mon Sep 17 00:00:00 2001
From: "wu.jifen" <wu.jifen@ebiz-digits.com>
Date: Wed, 23 Apr 2025 15:20:31 +0800
Subject: [PATCH 03/10] =?UTF-8?q?=E8=A7=92=E8=89=B2=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/system/role.js                        |  44 ++++
 .../system/role/components/RoleDialog.vue     | 135 +++++++++++
 src/views/system/role/index.vue               | 225 +++++++++++++-----
 3 files changed, 345 insertions(+), 59 deletions(-)
 create mode 100644 src/api/system/role.js
 create mode 100644 src/views/system/role/components/RoleDialog.vue

diff --git a/src/api/system/role.js b/src/api/system/role.js
new file mode 100644
index 0000000..8fda311
--- /dev/null
+++ b/src/api/system/role.js
@@ -0,0 +1,44 @@
+import request from '@/assets/js/utils/request'
+import getUrl from '@/assets/js/utils/get-url'
+
+// 角色新增
+export function addRole(data) {
+  return request({
+    url: getUrl('/sysRole/create'),
+    method: 'post',
+    data
+  })
+}
+
+//角色编辑
+export function updateRole(data) {
+  return request({
+    url: getUrl('/sysRole/update'),
+    method: 'post',
+    data
+  })
+}
+// 角色删除
+export function deleteRole(data) {
+  return request({
+    url: getUrl('/sysRole/delete'),
+    method: 'post',
+    data
+  })
+}
+// 查询角色详情
+export function queryRoleDetail(params) {
+  return request({
+    url: getUrl('/sysRole/query'),
+    method: 'get',
+    params: params
+  })
+}
+// 角色分页查询
+export function getRolePage(data) {
+  return request({
+    url: getUrl('/sysRole/page'),
+    method: 'post',
+    data
+  })
+}
diff --git a/src/views/system/role/components/RoleDialog.vue b/src/views/system/role/components/RoleDialog.vue
new file mode 100644
index 0000000..7210772
--- /dev/null
+++ b/src/views/system/role/components/RoleDialog.vue
@@ -0,0 +1,135 @@
+<template>
+  <el-dialog :title="title" :visible.sync="visible" width="800px" append-to-body @close="handleClose">
+    <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="角色名称" prop="roleName">
+            <el-input v-model="form.roleName" placeholder="请输入角色名称" clearable size="small" :disabled="isView" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="12">
+          <el-form-item label="角色编码" prop="roleCode">
+            <el-input v-model="form.roleCode" placeholder="请输入角色编码" clearable size="small" :disabled="isView" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="12">
+          <el-form-item label="角色描述" prop="remark">
+            <el-input v-model="form.remark" placeholder="请输入角色描述" clearable size="small" :disabled="isView" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer" v-if="!isView">
+      <el-button type="primary" size="small" :loading="loading" @click="submitForm">确 定</el-button>
+      <el-button size="small" @click="handleClose">取 消</el-button>
+    </div>
+    <div slot="footer" class="dialog-footer" v-else>
+      <el-button size="small" @click="handleClose">关 闭</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { addRole, updateRole } from '@/api/system/role'
+
+export default {
+  name: 'RoleDialog',
+  props: {
+    title: {
+      type: String,
+      default: '添加角色'
+    },
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    roleData: {
+      type: Object,
+      default: () => ({})
+    },
+    isEdit: {
+      type: Boolean,
+      default: false
+    },
+    isView: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      form: {
+        roleName: '',
+        roleCode: '',
+        remark: ''
+      },
+      rules: {
+        roleCode: [{ required: true, message: '请输入角色编码', trigger: 'blur' }],
+        roleName: [{ required: true, message: '请输入角色名称', trigger: 'blur' }]
+      },
+      loading: false
+    }
+  },
+  watch: {
+    roleData: {
+      handler(val) {
+        if (val && Object.keys(val).length > 0) {
+          this.form = { ...val }
+        }
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    handleClose() {
+      this.$refs.form.resetFields()
+      this.$emit('update:visible', false)
+    },
+    submitForm() {
+      // 查看模式下不允许提交
+      if (this.isView) {
+        return
+      }
+
+      this.$refs.form.validate(valid => {
+        if (valid) {
+          this.loading = true
+          const submitData = { ...this.form }
+
+          // 根据是否是编辑模式调用不同的API
+          const apiRequest = this.isEdit ? updateRole(submitData) : addRole(submitData)
+
+          apiRequest
+            .then(response => {
+              if (response.code === '0') {
+                this.$message.success(this.isEdit ? '修改成功' : '添加成功')
+                this.$emit('submit', submitData)
+                this.handleClose()
+                this.form = {}
+              } else {
+                this.$message.error(response.msg || (this.isEdit ? '修改失败' : '添加失败'))
+                this.form = {}
+              }
+            })
+            .catch(error => {
+              this.$message.error(this.isEdit ? '修改角色出错' : '添加角色出错')
+            })
+            .finally(() => {
+              this.loading = false
+            })
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.dialog-footer {
+  text-align: right;
+}
+</style>
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index a729bbb..7949112 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -5,105 +5,183 @@
         <el-form :model="queryParams" label-width="100px" class="demo-form-inline">
           <el-row>
             <el-col :span="6">
-              <el-form-item label="规则类型">
-                <el-select v-model="queryParams.type" placeholder="全部规则" clearable style="width: 100%" size="small">
-                  <el-option label="全部规则" value="" />
-                  <el-option label="规则一" value="1" />
-                  <el-option label="规则二" value="2" />
-                </el-select>
+              <el-form-item label="角色名称">
+                <el-input v-model="queryParams.roleNameLike" placeholder="请输入角色名称" clearable size="small" />
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="规则名称">
-                <el-input v-model="queryParams.name" placeholder="请输入规则名称" clearable size="small" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="6">
-              <el-form-item label="创建时间">
-                <el-date-picker
-                  v-model="queryParams.dateRange"
-                  type="daterange"
-                  range-separator="-"
-                  start-placeholder="开始日期"
-                  end-placeholder="结束日期"
-                  value-format="yyyy-MM-dd"
-                  style="width: 100%"
-                  size="small"
-                />
+              <el-form-item label="角色编码">
+                <el-input v-model="queryParams.roleCodeLike" placeholder="请输入角色编码" clearable size="small" />
               </el-form-item>
             </el-col>
+          </el-row>
+          <el-row>
             <el-col :span="6">
               <el-form-item>
                 <el-button type="primary" size="medium" @click="handleQuery">查询</el-button>
                 <el-button type="primary" plain size="medium" @click="resetQuery">重置</el-button>
+                <el-button type="primary" plain size="medium" @click="handleAdd">新增</el-button>
               </el-form-item>
             </el-col>
           </el-row>
         </el-form>
       </div>
 
-      <el-table v-loading="loading" :data="roleList">
-        <el-table-column type="index" label="序号" width="50" />
-        <el-table-column prop="name" label="角色名称" />
-        <el-table-column prop="code" label="角色编码" />
-        <el-table-column prop="description" label="角色描述" />
-        <el-table-column prop="status" label="状态">
-          <template slot-scope="scope">
-            <el-tag :type="scope.row.status === 1 ? 'success' : 'danger'">
-              {{ scope.row.status === 1 ? '启用' : '禁用' }}
-            </el-tag>
-          </template>
-        </el-table-column>
-        <el-table-column label="操作" width="250">
-          <template slot-scope="scope">
-            <el-button type="text" @click="handleEdit(scope.row)">编辑</el-button>
-            <el-button type="text" @click="handlePermission(scope.row)">权限设置</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-
-      <el-pagination
-        :current-page.sync="queryParams.pageNum"
-        :page-size.sync="queryParams.pageSize"
-        :total="total"
-        :page-sizes="[10, 20, 30, 50]"
-        layout="total, sizes, prev, pager, next, jumper"
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"
+      <r-table
+        :columns="tableConfig.columns"
+        :data="tableData"
+        :deletion="false"
+        :total="tableConfig.total"
+        @currentChange="handleCurrentChange"
+        @sizeChange="handleSizeChange"
+        :currentPage="tableConfig.currentPage"
+        :pageSize="tableConfig.pageSize"
       />
     </el-card>
+
+    <!-- 角色新增弹窗 -->
+    <role-dialog :visible.sync="dialogVisible" :title="dialogTitle" :is-edit="isEdit" :is-view="isView" :role-data="currentRoleData" @submit="handleSubmit" />
   </div>
 </template>
 
 <script>
+import { getRolePage, deleteRole, queryRoleDetail } from '@/api/system/role'
+import RoleDialog from '@/views/system/role/components/RoleDialog'
+
 export default {
   name: 'RoleManage',
+  components: {
+    RoleDialog
+  },
   data() {
     return {
       loading: false,
+      dialogVisible: false,
+      resetPasswordVisible: false,
+      dialogTitle: '添加角色',
+      isEdit: false,
+      isView: false,
+      currentRoleData: {},
       total: 0,
       roleList: [],
       queryParams: {
         pageNum: 1,
         pageSize: 10,
-        type: '',
-        name: '',
-        dateRange: []
-      }
+        roleCodeLike: '',
+        roleNameLike: ''
+      },
+      // 表格配置项
+      tableConfig: {
+        total: 0,
+        currentPage: 1,
+        pageSize: 10,
+        columns: [
+          { prop: 'roleCode', key: '角色编码' },
+          { prop: 'roleName', key: '角色名称' },
+          { prop: 'remark', key: '角色描述' },
+          {
+            key: '操作',
+            render: (h, params) => {
+              return h('div', [
+                h(
+                  'el-button',
+                  {
+                    props: { type: 'text', size: 'mini' },
+                    on: { click: () => this.handleEdit(params.row) }
+                  },
+                  '编辑'
+                ),
+                // h(
+                //   'el-button',
+                //   {
+                //     props: { type: 'text', size: 'mini' },
+                //     on: { click: () => this.handleInfoVisible(params.row) }
+                //   },
+                //   '查看详情'
+                // ),
+                h(
+                  'el-button',
+                  {
+                    props: { type: 'text', size: 'mini', style: 'color: #F56C6C' },
+                    on: { click: () => this.handleDelete(params.row) }
+                  },
+                  '删除'
+                )
+              ])
+            }
+          }
+        ]
+      },
+      tableData: []
     }
   },
+  created() {
+    this.getRoleList()
+  },
   methods: {
+    // 获取角色列表
+    getRoleList() {
+      this.loading = true
+      const params = { ...this.queryParams }
+
+      getRolePage(params)
+        .then(response => {
+          if (response.code === '0') {
+            this.tableData = response.content.content.list || []
+            this.tableConfig.total = response.content.content.total || 0
+          } else {
+            this.$message.error(response.msg || '获取角色列表失败')
+          }
+        })
+        .catch(error => {
+          this.$message.error('获取用户列表出错', error)
+        })
+        .finally(() => {
+          this.loading = false
+        })
+    },
     handleQuery() {
-      // TODO: 实现查询逻辑
+      this.queryParams.page = 1
+      this.getRoleList()
     },
     resetQuery() {
-      this.queryParams.type = ''
-      this.queryParams.name = ''
-      this.queryParams.dateRange = []
+      this.queryParams.roleCodeLike = ''
+      this.queryParams.roleNameLike = ''
       this.handleQuery()
     },
+    handleAdd() {
+      this.isEdit = false
+      this.isView = false
+      this.currentRoleData = {}
+      this.dialogVisible = true
+      this.dialogTitle = '添加角色'
+    },
     handleEdit(row) {
-      // TODO: 实现编辑逻辑
+      this.isEdit = true
+      this.isView = false
+      this.dialogTitle = '编辑角色'
+      this.loading = true
+
+      // 获取用户详情
+      queryRoleDetail({ id: row.id })
+        .then(response => {
+          if (response.code === '0') {
+            this.currentRoleData = response.content.content || {}
+            this.dialogVisible = true
+          } else {
+            this.$message.error(response.msg || '获取角色详情失败')
+          }
+        })
+        .catch(error => {
+          console.error('获取角色详情出错：', error)
+          this.$message.error('获取角色详情出错')
+        })
+        .finally(() => {
+          this.loading = false
+        })
+    },
+    handleSubmit() {
+      this.getRoleList() // 提交后刷新列表
     },
     handlePermission(row) {
       // TODO: 实现权限设置逻辑
@@ -115,6 +193,35 @@ export default {
     handleCurrentChange(val) {
       this.queryParams.pageNum = val
       this.handleQuery()
+    },
+    handleDelete(row) {
+      this.$confirm('确认删除该角色吗？', '警告', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+          this.loading = true
+          // 将id放入数组中传递
+          deleteRole([row.id])
+            .then(response => {
+              if (response.code === '0') {
+                this.$message.success('删除成功')
+                this.getRoleList()
+              } else {
+                this.$message.error(response.msg || '删除失败')
+              }
+            })
+            .catch(error => {
+              this.$message.error('删除角色出错', error)
+            })
+            .finally(() => {
+              this.loading = false
+            })
+        })
+        .catch(() => {
+          this.$message.info('已取消删除')
+        })
     }
   }
 }

From fb3f8dc1d01135812f8dc9b4118f88f89ee075a6 Mon Sep 17 00:00:00 2001
From: "wu.jifen" <wu.jifen@ebiz-digits.com>
Date: Wed, 23 Apr 2025 15:28:51 +0800
Subject: [PATCH 04/10] =?UTF-8?q?=E5=88=A0=E9=99=A4=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E9=83=A8=E5=88=86=E5=AD=97=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../system/user/components/UserDialog.vue     | 45 +------------------
 src/views/system/user/index.vue               |  1 -
 2 files changed, 2 insertions(+), 44 deletions(-)

diff --git a/src/views/system/user/components/UserDialog.vue b/src/views/system/user/components/UserDialog.vue
index 3a9a6de..68ba45d 100644
--- a/src/views/system/user/components/UserDialog.vue
+++ b/src/views/system/user/components/UserDialog.vue
@@ -13,64 +13,23 @@
           </el-form-item>
         </el-col>
       </el-row>
-
-      <el-row :gutter="20" v-if="!isView">
-        <el-col :span="12" v-if="!isEdit">
-          <el-form-item label="密码" prop="password">
-            <el-input v-model="form.password" placeholder="请输入密码" clearable type="password" size="small" />
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item label="状态" prop="status">
-            <el-radio-group v-model="form.status" :disabled="isView">
-              <el-radio :label="0">启用</el-radio>
-              <el-radio :label="1">停用</el-radio>
-            </el-radio-group>
-          </el-form-item>
-        </el-col>
-      </el-row>
-
-      <el-row :gutter="20" v-else>
-        <el-col :span="12">
-          <el-form-item label="状态" prop="status">
-            <el-radio-group v-model="form.status" :disabled="isView">
-              <el-radio :label="0">启用</el-radio>
-              <el-radio :label="1">停用</el-radio>
-            </el-radio-group>
-          </el-form-item>
-        </el-col>
-      </el-row>
-
       <el-row :gutter="20">
         <el-col :span="12">
           <el-form-item label="真实姓名" prop="realName">
             <el-input v-model="form.realName" placeholder="请输入真实姓名" clearable size="small" :disabled="isView" />
           </el-form-item>
         </el-col>
-        <el-col :span="12">
-          <el-form-item label="工号" prop="jobNo">
-            <el-input v-model="form.jobNo" placeholder="请输入工号" clearable size="small" :disabled="isView" />
-          </el-form-item>
-        </el-col>
-      </el-row>
-
-      <el-row :gutter="20">
         <el-col :span="12">
           <el-form-item label="手机号" prop="mobile">
             <el-input v-model="form.mobile" placeholder="请输入手机号" clearable size="small" :disabled="isView" />
           </el-form-item>
         </el-col>
-        <el-col :span="12">
-          <el-form-item label="邮箱" prop="email">
-            <el-input v-model="form.email" placeholder="请输入邮箱" clearable size="small" :disabled="isView" />
-          </el-form-item>
-        </el-col>
       </el-row>
 
       <el-row :gutter="20">
         <el-col :span="12">
-          <el-form-item label="钉钉ID" prop="dingtalkId">
-            <el-input v-model="form.dingtalkId" placeholder="请输入钉钉ID" clearable size="small" :disabled="isView" />
+          <el-form-item label="邮箱" prop="email">
+            <el-input v-model="form.email" placeholder="请输入邮箱" clearable size="small" :disabled="isView" />
           </el-form-item>
         </el-col>
         <el-col :span="12">
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index f380678..023025c 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -107,7 +107,6 @@ export default {
           { prop: 'userCode', key: '用户编码' },
           { prop: 'userName', key: '用户名称' },
           { prop: 'realName', key: '真实姓名' },
-          { prop: 'jobNo', key: '工号' },
           { prop: 'mobile', key: '手机号' },
           { prop: 'email', key: '邮箱' },
           { prop: 'userRoles', key: '用户角色' },

From 22c13505b7f1aee00c8a4c68a5f28e13373ed689 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=98=B1=E8=BE=BE?= <chen.yuda@ebiz-digits.com>
Date: Wed, 23 Apr 2025 15:51:45 +0800
Subject: [PATCH 05/10] =?UTF-8?q?feat(table):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E8=A1=A8=E6=A0=BC=E6=A0=B7=E5=BC=8F=E5=92=8C=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增 normal-button样式，用于自定义按钮样式
- 实现表格按钮的重新渲染，增加更多自定义选项- 添加表格行悬停样式和按钮间的间距
- 优化知识详情页面的表格展示效果
- 调整预处理结果预览对话框的关闭方式
---
 src/assets/sass/public.scss                   | 419 ------------------
 src/assets/sass/renderSass/button.scss        |  24 +
 src/assets/sass/renderSass/table.scss         |  36 ++
 src/assets/sass/renderSass/theme.scss         |   3 +
 src/assets/sass/renderUi.scss                 | 178 ++++++++
 src/components/RenderMinerU/index.vue         |  12 +-
 .../RenderTable/component/bodySlot/index.vue  |  60 ++-
 src/components/RenderTable/index.vue          |   6 +-
 src/views/knowledge/detail/create.vue         |   4 +-
 src/views/knowledge/detail/index.vue          |  28 +-
 10 files changed, 327 insertions(+), 443 deletions(-)
 create mode 100644 src/assets/sass/renderSass/table.scss

diff --git a/src/assets/sass/public.scss b/src/assets/sass/public.scss
index 99347e8..e69de29 100644
--- a/src/assets/sass/public.scss
+++ b/src/assets/sass/public.scss
@@ -1,419 +0,0 @@
-.el-input__suffix {
-  height: unset;
-}
-.el-collapse {
-  border: none;
-}
-
-[class*='el-col-'] {
-  min-height: 1px;
-}
-#RenderTable-container {
-  margin-bottom: 20px;
-}
-#RenderTable-container,
-.el-table {
-  .el-button--mini {
-    padding: 5px;
-    color: #409eff;
-    border-color: transparent !important;
-    background: transparent !important;
-    //padding-left: 0;
-    //padding-right: 0;
-  }
-  .el-button--danger.el-button--mini {
-    color: #f56c6c;
-  }
-  .el-button--primary.el-button--mini:focus,
-  .el-button--primary.el-button--mini:hover {
-    color: #b3d8ff;
-  }
-  .el-button--danger.el-button--mini:focus,
-  .el-button--danger.el-button--mini:hover {
-    color: #fbc4c4;
-  }
-  .el-button--primary.el-button--mini.is-disabled,
-  .el-button--primary.el-button--mini.is-disabled:active,
-  .el-button--primary.el-button--mini.is-disabled:focus,
-  .el-button--primary.el-button--mini.is-disabled:hover {
-    color: #ccc;
-  }
-  .el-button--danger.el-button--mini.is-disabled,
-  .el-button--danger.el-button--mini.is-disabled:active,
-  .el-button--danger.el-button--mini.is-disabled:focus,
-  .el-button--danger.el-button--mini.is-disabled:hover {
-    color: #ccc;
-  }
-}
-
-.el-button--medium {
-  padding: 8px 15px;
-  margin-top: 3px;
-}
-.el-button--danger {
-  //color:#F56C6C!important;
-}
-.el-upload__input {
-  display: none;
-}
-.el-dialog {
-  //.el-input{
-  //  width: 100%!important;
-  //  max-width: 100%;
-  //}
-}
-.footer {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  background: white;
-  padding: 15px 30px;
-  z-index: 10;
-  border-top: 1px solid #f0f0f0;
-  .flex {
-    display: flex;
-    justify-content: flex-end;
-    button {
-      margin-left: 20px;
-    }
-  }
-}
-.is-fullscreen {
-  .el-dialog__header {
-    //padding: unset;
-  }
-  .el-dialog__body {
-    padding: unset;
-    width: 95vw;
-    margin: auto;
-    max-height: 100%;
-    overflow: hidden;
-  }
-}
-//.el-dialog__body {
-//  padding: 30px 15px;
-//  width: 96%;
-//  margin: auto;
-//  max-height: 55vh;
-//  overflow: auto;
-//}
-//.el-dialog__footer {
-//  text-align: right;
-//}
-//.el-dialog__header {
-//  font-weight: 600;
-//  .el-dialog__title {
-//    font-size: 20px;
-//    color: #0096fd;
-//    line-height: 28px;
-//  }
-//}
-
-.el-collapse-item__header.is-active {
-  border-bottom: 1px solid #ebeef5;
-}
-// to fixed https://github.com/ElemeFE/element/issues/2461
-.el-dialog {
-  border-radius: 10px;
-  transform: none;
-  left: 0;
-  position: relative;
-  margin: 0 auto;
-}
-.table-container {
-  padding-top: 15px;
-}
-.container-title {
-  height: 30px;
-  //border-bottom: 2px  solid  #0096FD;
-  //margin-bottom: 20px;
-}
-.container-title .title {
-  padding: 8px 15px;
-  font-weight: 500;
-  color: #fff;
-  background: #0096fd;
-  border-radius: 0 15px 0 0;
-}
-//[class*=" el-icon-"], [class^=el-icon-]{
-//  line-height: unset;
-//}
-.lineH35 {
-  line-height: 35px;
-}
-.lineH25 {
-  line-height: 25px;
-}
-.lineH40 {
-  line-height: 40px;
-}
-.search_btn_s .el-button {
-  padding: 5px 8px;
-  margin-top: 6px;
-}
-.el-date-editor.el-input,
-.el-input,
-.el-select,
-.el-cascader {
-  width: 100%;
-  //max-width: 350px;
-}
-/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
-::-webkit-scrollbar {
-  width: 7px;
-  height: 7px;
-}
-
-/*定义滚动条轨道 内阴影+圆角*/
-::-webkit-scrollbar-track {
-  border-radius: 10px;
-}
-
-/*定义滑块 内阴影+圆角*/
-::-webkit-scrollbar-thumb {
-  border-radius: 10px;
-  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
-  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
-  background-color: #c8c8c8;
-}
-.el-tooltip__popper {
-  max-width: 500px;
-}
-body .el-collapse-item__wrap {
-  padding-top: 30px !important;
-}
-.AdditionalInsurance .cell {
-  color: #409eff;
-}
-.cellClassNo .cell {
-  color: #f56c6c;
-}
-.cellClassYes .cell {
-  color: #409eff;
-}
-.mainInsurance .cell {
-  color: #67c23a;
-}
-.el-form-item__label {
-  width: 120px;
-  display: flex !important;
-  align-items: center;
-  height: 40px;
-  justify-content: flex-end;
-  line-height: 20px;
-}
-.el-select__tags {
-  white-space: nowrap !important;
-  overflow: hidden !important;
-  // text-overflow: ellipsis!important;
-  display: inline-block !important;
-}
-.el-loading-mask {
-  z-index: 9999;
-}
-
-.toolBox {
-  display: inline-flex;
-}
-.ellipsis {
-  display: inline;
-  /*margin: auto;*/
-  max-width: 215px;
-  height: 24px;
-  font-size: 14px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.el-table th {
-  background: #ecf5ff;
-}
-//.el-form-item__content {
-//  line-height: 1.7692;
-//}
-.el-table th > .cell {
-  display: block;
-}
-.el-table th.el-table__cell {
-  background: #ecf5ff;
-}
-
-.el-card {
-  border-radius: 10px;
-}
-
-.danger {
-  color: #f56c6c !important;
-  & :disabled {
-    color: rgba(0, 0, 0, 0.25);
-  }
-  & :hover {
-    color: #dd6161;
-  }
-  & :focus {
-    color: #dd6161;
-  }
-  & :active {
-    color: #dd6161;
-  }
-}
-.default {
-  color: #000 !important;
-  background: #f1f3f5 !important;
-  border-color: #f1f3f5 !important;
-  & :disabled {
-    color: rgba(0, 0, 0, 0.25);
-  }
-  & :hover {
-    color: #000;
-  }
-  & :focus {
-    color: #000;
-  }
-  & :active {
-    color: #000;
-  }
-}
-.cursor-pointer {
-  cursor: pointer;
-}
-.view-body {
-  text-align: left;
-  font-size: 14px;
-  padding: 10px;
-
-  div {
-    outline: unset;
-  }
-
-  /* 添加一些基本的样式以美化 Markdown 内容 */
-
-  p {
-    font-size: 16px;
-    line-height: 1.6;
-    margin-bottom: 16px;
-  }
-
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    margin-top: 24px;
-    margin-bottom: 12px;
-    border-bottom: 1px dashed #cecece;
-    padding: 5px;
-  }
-
-  ul,
-  ol {
-    margin: 16px 0;
-    padding-left: 32px;
-  }
-
-  li {
-    margin-bottom: 8px;
-  }
-
-  a {
-    color: #007bff;
-    text-decoration: none;
-  }
-
-  a:hover {
-    text-decoration: underline;
-  }
-
-  code {
-    background-color: #f1f1f1;
-    padding: 4px 8px;
-    border-radius: 4px;
-    font-family: 'Courier New', Courier, monospace;
-  }
-
-  img {
-    max-width: 100%;
-  }
-
-  pre {
-    background-color: #f1f1f1;
-    padding: 16px;
-    border-radius: 4px;
-    overflow-x: auto;
-    font-family: 'Courier New', Courier, monospace;
-  }
-
-  pre code {
-    background-color: transparent;
-    padding: 0;
-  }
-
-  table {
-    border: 1px solid #f9f9f9;
-    position: relative;
-    width: 100%;
-    margin: 5px;
-    border-collapse: collapse;
-    background: linear-gradient(to bottom, #ffffff, #f9f9f9);
-  }
-
-  th,
-  td {
-    border: 1px solid #ccc;
-    padding: 8px;
-    text-align: left;
-  }
-
-  th {
-    background-color: #f2f2f2;
-  }
-
-  // 添加斑马条纹效果
-  tr:nth-child(even) {
-    background-color: #f9fafc;
-  }
-}
-
-.m-view {
-  position: relative;
-  padding: 10px;
-  // 离开后还原
-  &:after {
-    content: '';
-    position: absolute;
-    width: calc(100% + 10px);
-    height: calc(100% + 10px);
-    top: -5px;
-    left: -5px;
-    background: rgba(201, 203, 255, 0.3);
-    transition: all 0.3s ease-in-out;
-    opacity: 0; // 初始状态下透明
-    border: 2px solid rgb(201, 203, 255);
-    border-radius: 5px;
-    overflow: hidden;
-  }
-
-  &:hover:after {
-    opacity: 1; // 悬停时显示
-  }
-}
-
-.editor-button {
-  position: relative;
-}
-
-.public-icon {
-  font-size: 14px;
-  cursor: pointer;
-}
-
-.public-icon + .public-icon {
-  margin-left: 10px;
-}
-
-//去除滚动条
-.view-body::-webkit-scrollbar {
-  width: 0px;
-  height: 0px;
-}
diff --git a/src/assets/sass/renderSass/button.scss b/src/assets/sass/renderSass/button.scss
index 529ac50..40665eb 100644
--- a/src/assets/sass/renderSass/button.scss
+++ b/src/assets/sass/renderSass/button.scss
@@ -23,6 +23,30 @@
     background: transparent;
     color: var(--color-primary);
   }
+  &.normal-button {
+    padding: 5px;
+    background: unset;
+    border: unset;
+    color: $--color-primary-desc-text;
+    &:hover {
+      background: $--color-primary-table-button-hover;
+      border-color: #ebeef2;
+    }
+    &:focus {
+      background: $--color-primary-table-button-hover;
+      border-color: #ebeef2;
+    }
+    &:active {
+      background: $--color-primary-table-button-hover;
+      border-color: #ebeef2;
+    }
+    &.popver-button {
+      padding: 13px 5px;
+    }
+    &.popver-button + .popver-button {
+      margin: 0;
+    }
+  }
 }
 
 .el-button--text {
diff --git a/src/assets/sass/renderSass/table.scss b/src/assets/sass/renderSass/table.scss
new file mode 100644
index 0000000..b9403b2
--- /dev/null
+++ b/src/assets/sass/renderSass/table.scss
@@ -0,0 +1,36 @@
+.el-table--small {
+  td,
+  th {
+    padding: 17px 0;
+  }
+}
+
+.el-table__header-wrapper {
+  .el-table__header {
+    th {
+      padding: 17px 0;
+    }
+  }
+}
+.el-table--enable-row-hover {
+  .el-table__body {
+    tr:hover {
+      td {
+        background-color: $--color-primary-table-hover;
+      }
+    }
+  }
+}
+
+.el-table {
+  .el-button + .el-button {
+    margin-left: 5px;
+  }
+}
+
+.table-popver {
+  display: inline-flex;
+  flex-wrap: wrap;
+  flex-direction: column;
+  margin-left: 5px;
+}
diff --git a/src/assets/sass/renderSass/theme.scss b/src/assets/sass/renderSass/theme.scss
index 740b714..741a05f 100644
--- a/src/assets/sass/renderSass/theme.scss
+++ b/src/assets/sass/renderSass/theme.scss
@@ -7,6 +7,9 @@ $--color-primary-danger-light: lighten($--color-primary-danger, 5%); //高亮颜
 $--color-primary-danger-disabled: #ff000024;
 $--color-primary-desc-text: #51525d;
 $--color-primary-desc-text-drank: #999;
+$--color-primary-table-hover: #eff0f8;
+$--color-primary-table-button-hover: #e3e5f1;
+
 :root {
   --swiper-theme-color: #0a6dff;
   --color-primary: #0a6dff;
diff --git a/src/assets/sass/renderUi.scss b/src/assets/sass/renderUi.scss
index bc44fcd..851547d 100644
--- a/src/assets/sass/renderUi.scss
+++ b/src/assets/sass/renderUi.scss
@@ -2,6 +2,7 @@
 @import 'renderSass/button';
 @import 'renderSass/dialog';
 @import 'renderSass/input';
+@import 'renderSass/table';
 
 html,
 body,
@@ -9,8 +10,185 @@ body,
 .app-main {
   background: rgba(240, 244, 250, 1);
 }
+.cursor-pointer {
+  cursor: pointer;
+}
+
+.danger {
+  color: #f56c6c !important;
+  & :disabled {
+    color: rgba(0, 0, 0, 0.25);
+  }
+  & :hover {
+    color: #dd6161;
+  }
+  & :focus {
+    color: #dd6161;
+  }
+  & :active {
+    color: #dd6161;
+  }
+}
+.default {
+  color: #000 !important;
+  background: #f1f3f5 !important;
+  border-color: #f1f3f5 !important;
+  & :disabled {
+    color: rgba(0, 0, 0, 0.25);
+  }
+  & :hover {
+    color: #000;
+  }
+  & :focus {
+    color: #000;
+  }
+  & :active {
+    color: #000;
+  }
+}
 
 .container {
   padding: 20px;
   //background-image: url('../images/backimage.png');
 }
+
+.view-body {
+  text-align: left;
+  font-size: 14px;
+  padding: 10px;
+
+  div {
+    outline: unset;
+  }
+
+  /* 添加一些基本的样式以美化 Markdown 内容 */
+
+  p {
+    font-size: 16px;
+    line-height: 1.6;
+    margin-bottom: 16px;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    margin-top: 24px;
+    margin-bottom: 12px;
+    border-bottom: 1px dashed #cecece;
+    padding: 5px;
+  }
+
+  ul,
+  ol {
+    margin: 16px 0;
+    padding-left: 32px;
+  }
+
+  li {
+    margin-bottom: 8px;
+  }
+
+  a {
+    color: #007bff;
+    text-decoration: none;
+  }
+
+  a:hover {
+    text-decoration: underline;
+  }
+
+  code {
+    background-color: #f1f1f1;
+    padding: 4px 8px;
+    border-radius: 4px;
+    font-family: 'Courier New', Courier, monospace;
+  }
+
+  img {
+    max-width: 100%;
+  }
+
+  pre {
+    background-color: #f1f1f1;
+    padding: 16px;
+    border-radius: 4px;
+    overflow-x: auto;
+    font-family: 'Courier New', Courier, monospace;
+  }
+
+  pre code {
+    background-color: transparent;
+    padding: 0;
+  }
+
+  table {
+    border: 1px solid #f9f9f9;
+    position: relative;
+    width: 100%;
+    margin: 5px;
+    border-collapse: collapse;
+    background: linear-gradient(to bottom, #ffffff, #f9f9f9);
+  }
+
+  th,
+  td {
+    border: 1px solid #ccc;
+    padding: 8px;
+    text-align: left;
+  }
+
+  th {
+    background-color: #f2f2f2;
+  }
+
+  // 添加斑马条纹效果
+  tr:nth-child(even) {
+    background-color: #f9fafc;
+  }
+}
+
+.m-view {
+  position: relative;
+  padding: 10px;
+  // 离开后还原
+  &:after {
+    content: '';
+    position: absolute;
+    width: calc(100% + 10px);
+    height: calc(100% + 10px);
+    top: -5px;
+    left: -5px;
+    background: rgba(201, 203, 255, 0.3);
+    transition: all 0.3s ease-in-out;
+    opacity: 0; // 初始状态下透明
+    border: 2px solid rgb(201, 203, 255);
+    border-radius: 5px;
+    overflow: hidden;
+  }
+
+  &:hover:after {
+    opacity: 1; // 悬停时显示
+  }
+}
+
+.editor-button {
+  position: relative;
+}
+
+.public-icon {
+  font-size: 14px;
+  cursor: pointer;
+}
+
+.public-icon + .public-icon {
+  margin-left: 10px;
+}
+
+//去除滚动条
+.view-body::-webkit-scrollbar {
+  width: 0px;
+  height: 0px;
+}
diff --git a/src/components/RenderMinerU/index.vue b/src/components/RenderMinerU/index.vue
index f2678d8..29a595c 100644
--- a/src/components/RenderMinerU/index.vue
+++ b/src/components/RenderMinerU/index.vue
@@ -171,6 +171,10 @@ export default {
     }
   },
   props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
     documentId: {
       type: String,
       default: '1361351897324294144'
@@ -539,9 +543,11 @@ ${text}`
         switch (mineruStatus) {
           case 0:
           case '0':
-            setTimeout(() => {
-              this.getMinerUStatus()
-            }, 5000)
+            if (!this.visible) {
+              setTimeout(() => {
+                this.getMinerUStatus()
+              }, 5000)
+            }
             break
           case 1:
           case '1':
diff --git a/src/components/RenderTable/component/bodySlot/index.vue b/src/components/RenderTable/component/bodySlot/index.vue
index 717f2b6..cbb0a89 100644
--- a/src/components/RenderTable/component/bodySlot/index.vue
+++ b/src/components/RenderTable/component/bodySlot/index.vue
@@ -16,8 +16,64 @@ const RenderSlot = {
       row: data.props.row,
       index: data.props.index
     }
-    if (data.props.column) params.column = data.props.column
-    return data.props.render(h, params)
+    if (data.props.column) {
+      params.column = data.props.column
+    }
+    if (params.column.isRedraw) {
+      let content = data.props.render(h, params)
+      let contentDiv = content.children
+      if (contentDiv.length > 2) {
+        console.log(content)
+        // 切割掉第一个div
+        const first = contentDiv.splice(0, 1)
+        const other = contentDiv.splice(0, contentDiv.length)
+        first[0].data.class = 'normal-button'
+        first[0].data.props.type = null
+        first[0].data.props.size = null
+
+        other.forEach(item => {
+          item.data.class = 'normal-button popver-button'
+        })
+
+        const renderPopver = () => {
+          return h(
+            'el-popover',
+            {
+              props: {
+                placement: 'top-start',
+                width: '100',
+                trigger: 'click',
+                popperClass: 'table-popver'
+              },
+              class: 'table-popver',
+              scopedSlots: {
+                reference: () =>
+                  h('el-button', {
+                    props: {
+                      size: 'mini',
+                      type: 'text',
+                      icon: 'el-icon-more'
+                    },
+                    class: 'normal-button'
+                  })
+              }
+            },
+            other
+          )
+        }
+
+        content.children = [...first, renderPopver()]
+        return content
+      } else {
+        return data.props.render(h, params)
+      }
+
+      // let div =
+    } else {
+      return data.props.render(h, params)
+    }
+
+    // return data.props.render(h, params)
   }
 }
 export default {
diff --git a/src/components/RenderTable/index.vue b/src/components/RenderTable/index.vue
index 6cf1770..86ba9a2 100644
--- a/src/components/RenderTable/index.vue
+++ b/src/components/RenderTable/index.vue
@@ -44,8 +44,8 @@
               <!--</el-form>-->
               <!--自带的btn 不能有prop 属性-->
               <div v-if="!item.selfBtn && !item.prop && !item.type && !item.render" :fixed="item.fixed ? item.fixed : fixed">
-                <el-button type="primary" size="mini" plain :disabled="disabled" @click="edit(scope.row, scope.$index)">编辑</el-button>
-                <el-button type="danger" size="mini" plain :disabled="disabled" @click="del(scope.row, scope.$index)">删除</el-button>
+                <el-button class="normal-button" :disabled="disabled" icon="el-icon-delete" @click="del(scope.row, scope.$index)"></el-button>
+                <el-button class="normal-button" icon="el-icon-edit-outline" :disabled="disabled" @click="edit(scope.row, scope.$index)"></el-button>
               </div>
               <!--如果渲染的是selfBtn-->
               <div v-if="item.selfBtn && !item.render">
@@ -193,7 +193,7 @@ export default {
     //表格边框 border
     border: {
       type: Boolean,
-      default: true
+      default: false
     },
     // 是否剧中 align
     align: {
diff --git a/src/views/knowledge/detail/create.vue b/src/views/knowledge/detail/create.vue
index 6c771fb..be0824b 100644
--- a/src/views/knowledge/detail/create.vue
+++ b/src/views/knowledge/detail/create.vue
@@ -37,9 +37,9 @@
     </el-card>
 
     <!-- 添加预处理结果预览对话框 -->
-    <el-drawer :visible.sync="visible" size="80%" title="预处理结果预览">
+    <el-drawer :visible.sync="visible" size="80%" title="预处理结果预览" :wrapperClosable="false">
       <div style="height:calc(100% - 55px);">
-        <r-miner-u :documentId="documentId" @saveMarkDown="saveMarkDown"></r-miner-u>
+        <r-miner-u :documentId="documentId" @saveMarkDown="saveMarkDown" :visible="visible"></r-miner-u>
       </div>
     </el-drawer>
   </div>
diff --git a/src/views/knowledge/detail/index.vue b/src/views/knowledge/detail/index.vue
index e65263f..7b2e13a 100644
--- a/src/views/knowledge/detail/index.vue
+++ b/src/views/knowledge/detail/index.vue
@@ -381,28 +381,27 @@ export default {
           key: '操作',
           prop: 'knowledgeDesc',
           width: '200px',
+          isRedraw: true,
           render: (h, params) => {
             return h('div', [
-              h(
-                'el-button',
-                {
-                  class: 'floatSpan',
-                  props: {
-                    type: 'primary',
-                    size: 'mini',
-                    disabled: true
-                  },
-                  on: {}
+              h('el-button', {
+                class: 'normal-button',
+                props: {
+                  type: 'primary',
+                  size: 'mini',
+                  disabled: true,
+                  icon: 'el-icon-edit'
                 },
-                '修改(暂不支持)'
-              ),
+                on: {}
+              }),
               h(
                 'el-button',
                 {
                   class: 'floatSpan',
                   props: {
                     type: 'danger',
-                    size: 'mini'
+                    size: 'mini',
+                    icon: 'el-icon-delete'
                   },
                   on: {
                     click: () => this.deleteKnowledge(params.row)
@@ -416,7 +415,8 @@ export default {
                   class: 'floatSpan',
                   props: {
                     type: 'primary',
-                    size: 'mini'
+                    size: 'mini',
+                    icon: 'el-icon-tickets'
                   },
                   on: {
                     click: () => this.viewDocumentDetail(params.row)

From 79ce5ff1f1caa6a101fae27461113f683808a2fe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=98=B1=E8=BE=BE?= <chen.yuda@ebiz-digits.com>
Date: Wed, 23 Apr 2025 15:53:17 +0800
Subject: [PATCH 06/10] =?UTF-8?q?refactor(knowledge):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E9=A2=84=E5=A4=84=E7=90=86=E7=BB=93=E6=9E=9C=E9=A2=84=E8=A7=88?=
 =?UTF-8?q?=E5=AF=B9=E8=AF=9D=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 el-drawer 组件中添加 destroy-on-close 属性，确保对话框关闭时销毁其中的元素- 此修改可以提高系统性能，避免不必要的内存占用
---
 src/views/knowledge/detail/create.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/knowledge/detail/create.vue b/src/views/knowledge/detail/create.vue
index be0824b..b8176b1 100644
--- a/src/views/knowledge/detail/create.vue
+++ b/src/views/knowledge/detail/create.vue
@@ -37,7 +37,7 @@
     </el-card>
 
     <!-- 添加预处理结果预览对话框 -->
-    <el-drawer :visible.sync="visible" size="80%" title="预处理结果预览" :wrapperClosable="false">
+    <el-drawer :visible.sync="visible" size="80%" title="预处理结果预览" :wrapperClosable="false" :destroy-on-close="true">
       <div style="height:calc(100% - 55px);">
         <r-miner-u :documentId="documentId" @saveMarkDown="saveMarkDown" :visible="visible"></r-miner-u>
       </div>

From ee1666095f9655bcec4fea4880282ae558ff56ec Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=98=B1=E8=BE=BE?= <chen.yuda@ebiz-digits.com>
Date: Wed, 23 Apr 2025 15:57:43 +0800
Subject: [PATCH 07/10] =?UTF-8?q?refactor(components):=20=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=20RenderMinerU=20=E7=BB=84=E4=BB=B6=E7=9A=84=E9=87=8D?=
 =?UTF-8?q?=E8=AF=95=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除了 visible 判断，使重试逻辑更加简洁
---
 src/components/RenderMinerU/index.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/RenderMinerU/index.vue b/src/components/RenderMinerU/index.vue
index 29a595c..032eda7 100644
--- a/src/components/RenderMinerU/index.vue
+++ b/src/components/RenderMinerU/index.vue
@@ -64,6 +64,7 @@ export default {
   name: 'index',
   data() {
     return {
+      endEmit: false,
       tab: '0',
       mdPges: 0,
       tableIdCounter: 0,
@@ -543,11 +544,9 @@ ${text}`
         switch (mineruStatus) {
           case 0:
           case '0':
-            if (!this.visible) {
-              setTimeout(() => {
-                this.getMinerUStatus()
-              }, 5000)
-            }
+            setTimeout(() => {
+              this.getMinerUStatus()
+            }, 5000)
             break
           case 1:
           case '1':
@@ -569,6 +568,7 @@ ${text}`
     },
     // 重试方法
     retryMiner() {
+      this.endEmit = true
       minerURetry({ documentId: this.documentId })
         .then(res => {
           this.$message({

From 425cbe76213c0dfce186c0e393d9d7f63431cb69 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=98=B1=E8=BE=BE?= <chen.yuda@ebiz-digits.com>
Date: Wed, 23 Apr 2025 16:26:34 +0800
Subject: [PATCH 08/10] =?UTF-8?q?feat(RenderTable):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E8=A1=A8=E6=A0=BC=E6=93=8D=E4=BD=9C=E5=88=97=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E5=92=8C=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

-调整按钮样式，增加字体图标和对齐方式
-优化按钮悬浮状态样式
-改进表格操作列的渲染逻辑
- 统一操作列按钮样式
---
 src/assets/sass/renderSass/button.scss        | 10 +++
 src/assets/sass/renderSass/table.scss         |  2 +
 .../RenderTable/component/bodySlot/index.vue  | 78 +++++++++++--------
 src/views/knowledge/detail/index.vue          |  3 +-
 src/views/track/Index.vue                     | 14 ++--
 5 files changed, 67 insertions(+), 40 deletions(-)

diff --git a/src/assets/sass/renderSass/button.scss b/src/assets/sass/renderSass/button.scss
index 40665eb..4641b53 100644
--- a/src/assets/sass/renderSass/button.scss
+++ b/src/assets/sass/renderSass/button.scss
@@ -42,6 +42,16 @@
     }
     &.popver-button {
       padding: 13px 5px;
+      text-align: left;
+      font-size: 14px;
+      font-family: PingFangSC, PingFang SC;
+      &:hover {
+        background: $--color-primary-table-button-hover;
+        color: rgba(79, 71, 245, 1);
+      }
+      & i {
+        color: #000;
+      }
     }
     &.popver-button + .popver-button {
       margin: 0;
diff --git a/src/assets/sass/renderSass/table.scss b/src/assets/sass/renderSass/table.scss
index b9403b2..46dec45 100644
--- a/src/assets/sass/renderSass/table.scss
+++ b/src/assets/sass/renderSass/table.scss
@@ -33,4 +33,6 @@
   flex-wrap: wrap;
   flex-direction: column;
   margin-left: 5px;
+  border-radius: 5px;
+  padding: 5px;
 }
diff --git a/src/components/RenderTable/component/bodySlot/index.vue b/src/components/RenderTable/component/bodySlot/index.vue
index cbb0a89..0f208af 100644
--- a/src/components/RenderTable/component/bodySlot/index.vue
+++ b/src/components/RenderTable/component/bodySlot/index.vue
@@ -12,6 +12,45 @@ const RenderSlot = {
     }
   },
   render: (h, data) => {
+    const renderTooltip = first => {
+      return h(
+        'el-tooltip',
+        {
+          props: {
+            placement: 'bottom-end',
+            content: first[0].data.props.title,
+            effect: 'light'
+          }
+        },
+        first
+      )
+    }
+    const renderPopver = other => {
+      return h(
+        'el-popover',
+        {
+          props: {
+            placement: 'bottom-end',
+            width: '100',
+            trigger: 'hover',
+            popperClass: 'table-popver'
+          },
+          class: 'table-popver',
+          scopedSlots: {
+            reference: () =>
+              h('el-button', {
+                props: {
+                  size: 'mini',
+                  type: 'text',
+                  icon: 'el-icon-more'
+                },
+                class: 'normal-button'
+              })
+          }
+        },
+        other
+      )
+    }
     const params = {
       row: data.props.row,
       index: data.props.index
@@ -30,44 +69,21 @@ const RenderSlot = {
         first[0].data.class = 'normal-button'
         first[0].data.props.type = null
         first[0].data.props.size = null
-
         other.forEach(item => {
           item.data.class = 'normal-button popver-button'
         })
 
-        const renderPopver = () => {
-          return h(
-            'el-popover',
-            {
-              props: {
-                placement: 'top-start',
-                width: '100',
-                trigger: 'click',
-                popperClass: 'table-popver'
-              },
-              class: 'table-popver',
-              scopedSlots: {
-                reference: () =>
-                  h('el-button', {
-                    props: {
-                      size: 'mini',
-                      type: 'text',
-                      icon: 'el-icon-more'
-                    },
-                    class: 'normal-button'
-                  })
-              }
-            },
-            other
-          )
-        }
-
-        content.children = [...first, renderPopver()]
+        content.children = [renderTooltip(first), renderPopver(other)]
         return content
       } else {
-        return data.props.render(h, params)
-      }
+        const first = contentDiv.splice(0, 1)
+        first[0].data.class = 'normal-button'
+        first[0].data.props.type = null
+        first[0].data.props.size = null
+        content.children = [renderTooltip(first)]
 
+        return content
+      }
       // let div =
     } else {
       return data.props.render(h, params)
diff --git a/src/views/knowledge/detail/index.vue b/src/views/knowledge/detail/index.vue
index 7b2e13a..fe56db9 100644
--- a/src/views/knowledge/detail/index.vue
+++ b/src/views/knowledge/detail/index.vue
@@ -390,7 +390,8 @@ export default {
                   type: 'primary',
                   size: 'mini',
                   disabled: true,
-                  icon: 'el-icon-edit'
+                  icon: 'el-icon-edit',
+                  title: '编辑'
                 },
                 on: {}
               }),
diff --git a/src/views/track/Index.vue b/src/views/track/Index.vue
index cd81095..4f7c08c 100644
--- a/src/views/track/Index.vue
+++ b/src/views/track/Index.vue
@@ -47,16 +47,14 @@ export default {
           { prop: 'createdDate', key: '上传时间', width: '200' },
           {
             key: '操作',
+            isRedraw: true,
             render: (h, params) => {
               return h('div', [
-                h(
-                  'el-button',
-                  {
-                    props: { type: 'text', size: 'mini' },
-                    on: { click: () => this.handleActiveInfo(params) }
-                  },
-                  '查看详情'
-                )
+                h('el-button', {
+                  props: { icon: 'el-icon-tickets', title: '查看详情' },
+                  class: 'normal-button',
+                  on: { click: () => this.handleActiveInfo(params) }
+                })
               ])
             }
           }

From e054cba659a542edb2a15dc4b828272562aceac5 Mon Sep 17 00:00:00 2001
From: Huangzhe <huang.ze@ebiz-digits.com>
Date: Wed, 23 Apr 2025 15:08:59 +0800
Subject: [PATCH 09/10] =?UTF-8?q?feat(=E6=99=BA=E8=83=BD=E4=BD=93):=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=88=A0=E9=99=A4=E6=8E=A5=E5=8F=A3=E5=8F=82?=
 =?UTF-8?q?=E6=95=B0=E7=B1=BB=E5=9E=8B=E5=B9=B6=E4=BC=98=E5=8C=96=E6=99=BA?=
 =?UTF-8?q?=E8=83=BD=E4=BD=93=E7=AE=A1=E7=90=86=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将agentDelete参数从Object改为Array类型
- 新增智能体创建功能
- 添加智能体名称搜索功能
- 完善表单验证和提交逻辑
- 优化对话框交互和状态管理
---
 src/api/intelligent-agent/list.js             |  81 ++++++++
 src/router/generatedRouter/index.js           |  21 ++
 .../components/info/index.vue                 |  51 +++++
 src/views/intelligent-agent/index.vue         | 179 ++++++++++++++++++
 4 files changed, 332 insertions(+)
 create mode 100644 src/api/intelligent-agent/list.js
 create mode 100644 src/views/intelligent-agent/components/info/index.vue
 create mode 100644 src/views/intelligent-agent/index.vue

diff --git a/src/api/intelligent-agent/list.js b/src/api/intelligent-agent/list.js
new file mode 100644
index 0000000..d47da84
--- /dev/null
+++ b/src/api/intelligent-agent/list.js
@@ -0,0 +1,81 @@
+import request from '@/assets/js/utils/request'
+import getUrl from '@/assets/js/utils/get-url'
+
+/**
+ * 获取智能体列表
+ * @param {Object} data - 请求参数, 默认为空对象
+ * @returns {Promise} - 返回 Promise 对象
+ */
+const agentList = (data = {}) => {
+  return request({
+    url: getUrl('/ebiz/intelligentAgent/list'),
+    method: 'post',
+    data
+  })
+}
+
+/**
+ * 查看智能体详情
+ * @param {string} id - 请求 ID
+ */
+function agentDetail(id) {
+  return request({
+    url: getUrl('/ebiz/intelligentAgent/query'),
+    method: 'get',
+    params: { id }
+  })
+}
+
+/**
+ * 增加智能体
+ * @param {Object} data - 请求参数, 默认为空对象
+ * @returns {Promise} - 返回 Promise 对象
+ */
+const agentAdd = (data) => {
+  if (!data) {
+    console.warn('need data', data)
+    return
+  }
+  return request({
+    url: getUrl('/ebiz/intelligentAgent/create'),
+    method: 'post',
+    data
+  })
+}
+
+/**
+ * 删除智能体
+ * @param {Array} data - 请求参数, 默认为空对象
+ * @returns {Promise} - 返回 Promise 对象
+ */
+const agentDelete = (data) => {
+  if (!data || !data.length) {
+    console.warn('need data', data)
+    return
+  }
+  return request({
+    url: getUrl('/ebiz/intelligentAgent/delete'),
+    method: 'post',
+    data
+  })
+}
+
+/**
+ * 编辑智能体
+ * @param {Object} data - 请求参数, 默认为空对象
+ * @returns {Promise} - 返回 Promise 对象
+ */
+const agentEdit = (data) => {
+  if (!data || !data.id) {
+    console.warn('need data', data)
+    return
+  }
+
+  return request({
+    url: getUrl('/ebiz/intelligentAgent/update'),
+    method: 'post',
+    data
+  })
+}
+
+export { agentList, agentEdit, agentDelete, agentAdd, agentDetail }
diff --git a/src/router/generatedRouter/index.js b/src/router/generatedRouter/index.js
index 430b7d4..c57d51c 100644
--- a/src/router/generatedRouter/index.js
+++ b/src/router/generatedRouter/index.js
@@ -208,5 +208,26 @@ export default [
         }
       }
     ]
+  }, {
+    path: '/intelligentAgent',
+    name: 'intelligentAgent',
+    component: layout,
+    redirect: '/intelligentAgent/list',
+    meta: {
+      title: '智能体',
+      icon: 'el-icon-home',
+      affix: true
+    },
+    children: [
+      {
+        path: '/intelligentAgent/list',
+        name: 'intelligentAgent-list',
+        component: () => import('@/views/intelligent-agent/index.vue'),
+        meta: {
+          title: '智能体',
+          icon: 'el-icon-home'
+        }
+      }
+    ]
   }
 ]
diff --git a/src/views/intelligent-agent/components/info/index.vue b/src/views/intelligent-agent/components/info/index.vue
new file mode 100644
index 0000000..a87d8a4
--- /dev/null
+++ b/src/views/intelligent-agent/components/info/index.vue
@@ -0,0 +1,51 @@
+<script>
+import { agentEdit, agentAdd } from '@/api/intelligent-agent/list'
+
+export default {
+  name: 'info',
+  inject: ['dialog', 'fetchAgentList'],
+  data() {
+    return {
+      rules: {
+        name: [{ required: true, message: '请输入智能体名称', trigger: 'blur' }],
+        description: [{ required: false, message: '请输入智能体描述', trigger: 'blur' }]
+      }
+    }
+  },
+  methods: {
+    /**
+     * 提交表单
+     */
+    async handleSubmit() {
+      // 更新表单之后重新获取列表，然后退出 dialog
+      await this.dialog.type === 'edit' ? agentEdit(this.dialog.agent) : agentAdd(this.dialog.agent)
+      this.fetchAgentList()
+      this.dialog.visible = false
+    },
+    validateForm() {
+      this.$refs.form.validate(valid => {
+        if (valid) this.handleSubmit()
+      })
+    }
+  }
+}
+
+</script>
+
+<template>
+  <div>
+    <el-form :model="dialog.agent" :rules="rules" ref="form">
+      <el-form-item label="名称" prop="name" label-width="100px">
+        <el-input v-model="dialog.agent.name" />
+      </el-form-item>
+      <el-form-item label="描述" prop="description" label-width="100px">
+        <el-input type="textarea" :rows="8" v-model="dialog.agent.description" />
+      </el-form-item>
+
+      <el-row type="flex" justify="end">
+        <el-button type="primary" @click="validateForm">保存</el-button>
+        <el-button type="default" @click="dialog.visible = false">取消</el-button>
+      </el-row>
+    </el-form>
+  </div>
+</template>
diff --git a/src/views/intelligent-agent/index.vue b/src/views/intelligent-agent/index.vue
new file mode 100644
index 0000000..d5ac28a
--- /dev/null
+++ b/src/views/intelligent-agent/index.vue
@@ -0,0 +1,179 @@
+<script>
+import { agentList, agentDelete, agentDetail } from '@/api/intelligent-agent/list'
+import Info from '@/views/intelligent-agent/components/info'
+
+export default {
+  name: 'intelligent-agent',
+  components: {
+    Info
+  },
+  data() {
+    return {
+      searchOption: {
+        nameLike: '',
+        handleSearch: async () => {
+          this.fetchAgentList({ nameLike: this.searchOption.nameLike })
+        }
+      },
+      /**
+       * @type {{name: string, url: string, id: string}[]}
+       */
+      list: [],
+      dialog: {
+        visible: false,
+        title: '',
+        agent: void 0,
+        component: 'info',
+        type: "edit"
+      }
+    }
+  },
+  provide() {
+    return {
+      dialog: this.dialog,
+      fetchAgentList: this.fetchAgentList
+    }
+  },
+  methods: {
+    /**
+     * 获取所有的智能体列表
+     */
+    async fetchAgentList(params = {}) {
+      const { content } = await agentList(params)
+      this.list = content.content
+    },
+    /**
+     * 编辑智能体
+     */
+    async handleEditAgent(id) {
+      const { content } = await agentDetail(id)
+      this.dialog.agent = content.content
+      this.dialog.type = "edit"
+      this.dialog.title = "编辑智能体"
+      // 获取数据之后打开内容详情
+      this.dialog.visible = true
+    },
+    /**
+     * 删除智能体
+     */
+    async handleDeleteAgent(id) {
+      // 删除之后重新获取内容
+      await agentDelete([id])
+      this.fetchAgentList()
+    },
+    /**
+     * 创建智能体
+     */
+    async createdIntelligentAgent() {
+      this.dialog.type = "add"
+      // 重置状态，防止其他状态影响导致表单内容异常
+      this.dialog.agent = { name: '', description: '' }
+      this.dialog.title = "创建智能体"
+      this.dialog.visible = true
+    },
+
+  },
+  created() {
+    this.fetchAgentList()
+  }
+}
+</script>
+
+<template>
+  <div class="container">
+
+    <!-- header 头部 -->
+    <nav v-if="true">
+      <div class="flex align-items-c justify-content-b">
+        <el-input placeholder="输入智能体名称" clearable v-model="searchOption.nameLike" size="medium" class="underBorder"
+          @keydown.enter.native="searchOption.handleSearch">
+          <template slot="prepend">
+            <el-button slot="append" icon="el-icon-search"></el-button>
+          </template>
+        </el-input>
+        <el-button class="render-button line-button pv8 ph10" icon="el-icon-plus"
+          @click="createdIntelligentAgent()">创建智能体</el-button>
+      </div>
+      <h3>智能体</h3>
+
+    </nav>
+
+    <!-- 智能体的列表 -->
+    <article>
+      <el-row class="agent-item" :gutter="10">
+        <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" v-for="listItem in list" :key="listItem.id">
+          <el-card>
+            <section class="agent-item__info">
+              <el-avatar shape="square" :src="listItem.url">{{ listItem.name[0] }}</el-avatar>
+              <span>
+                <h4>{{ listItem.name }}</h4>
+                <p class="dataset-desc">{{ listItem.description }}</p>
+              </span>
+            </section>
+
+            <el-row type="flex" justify="end">
+              <el-button class="default render-button" size="small" icon="el-icon-delete"
+                @click.stop="handleDeleteAgent(listItem.id)">删除</el-button>
+              <el-button class="render-button line-button" size="small" icon="el-icon-edit"
+                @click.stop="handleEditAgent(listItem.id)" type="primary">修改</el-button>
+            </el-row>
+          </el-card>
+        </el-col>
+      </el-row>
+    </article>
+
+    <!-- dialog 内容。 现在主要是编辑 -->
+    <el-dialog :visible.sync="dialog.visible" :title="dialog.title" :close-on-click-modal="false">
+      <component :is="dialog.component" />
+    </el-dialog>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.container {
+  font-family: PingFangSC, PingFang SC;
+
+  * {
+    transition: all 0.3s ease;
+  }
+}
+
+.agent-item {
+
+
+  &>.el-col {
+    margin: 7px auto;
+  }
+
+  &__info {
+    display: flex;
+
+    &>span:nth-child(2) {
+      margin-left: 15px;
+
+      &>p {
+        margin-top: 10px;
+        font-size: 12px;
+      }
+    }
+  }
+}
+
+.dataset-desc {
+
+  font-weight: 400;
+  font-size: 13px;
+  color: #666666;
+  line-height: 18px;
+  text-align: left;
+  font-style: normal;
+
+  height: 35px;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+}
+</style>
\ No newline at end of file

From 72bce3b71b7b8ef13f498ae69618e2d583f64ccc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=98=B1=E8=BE=BE?= <chen.yuda@ebiz-digits.com>
Date: Wed, 23 Apr 2025 16:48:14 +0800
Subject: [PATCH 10/10] =?UTF-8?q?refactor(knowledge):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E7=9F=A5=E8=AF=86=E5=BA=93=E7=9B=B8=E5=85=B3=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E7=9A=84=E6=A0=B7=E5=BC=8F=E5=92=8C=E5=8A=9F=E8=83=BD-=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=8C=89=E9=92=AE=E6=A0=B7=E5=BC=8F=EF=BC=8C?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=9B=BE=E6=A0=87=E5=B9=B6=E9=9A=90=E8=97=8F?=
 =?UTF-8?q?=E6=96=87=E5=AD=97=20-=20=E4=BC=98=E5=8C=96=E8=A1=A8=E6=A0=BC?=
 =?UTF-8?q?=E6=B8=B2=E6=9F=93=E9=80=BB=E8=BE=91=EF=BC=8C=E6=8F=90=E9=AB=98?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E7=81=B5=E6=B4=BB=E6=80=A7=20-=E7=BB=9F?=
 =?UTF-8?q?=E4=B8=80=E4=BD=BF=E7=94=A8=20outline=20=E5=9B=BE=E6=A0=87?=
 =?UTF-8?q?=E9=A3=8E=E6=A0=BC-=20=E4=BF=AE=E5=A4=8D=E6=90=9C=E7=B4=A2?=
 =?UTF-8?q?=E6=A1=86=E5=9B=9E=E8=BD=A6=E4=BA=8B=E4=BB=B6=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../RenderTable/component/bodySlot/index.vue  | 18 ++++---
 .../components/split/CustomSplitDialog.vue    | 49 +++++++++----------
 .../detail/components/words/CustomWords.vue   | 49 +++++++++----------
 src/views/knowledge/detail/index.vue          |  2 +-
 src/views/knowledge/index.vue                 |  2 +-
 5 files changed, 59 insertions(+), 61 deletions(-)

diff --git a/src/components/RenderTable/component/bodySlot/index.vue b/src/components/RenderTable/component/bodySlot/index.vue
index 0f208af..c5b141d 100644
--- a/src/components/RenderTable/component/bodySlot/index.vue
+++ b/src/components/RenderTable/component/bodySlot/index.vue
@@ -18,8 +18,8 @@ const RenderSlot = {
         {
           props: {
             placement: 'bottom-end',
-            content: first[0].data.props.title,
-            effect: 'light'
+            content: first[0].data.props.title
+            // effect: 'light'
           }
         },
         first
@@ -76,12 +76,16 @@ const RenderSlot = {
         content.children = [renderTooltip(first), renderPopver(other)]
         return content
       } else {
-        const first = contentDiv.splice(0, 1)
-        first[0].data.class = 'normal-button'
-        first[0].data.props.type = null
-        first[0].data.props.size = null
-        content.children = [renderTooltip(first)]
+        // const first = contentDiv.splice(0, contentDiv)
 
+        contentDiv = contentDiv.map(item => {
+          console.log(item)
+          item.data.class = 'normal-button'
+          item.data.props.type = null
+          item.data.props.size = null
+          return renderTooltip([item])
+        })
+        content.children = contentDiv
         return content
       }
       // let div =
diff --git a/src/views/knowledge/detail/components/split/CustomSplitDialog.vue b/src/views/knowledge/detail/components/split/CustomSplitDialog.vue
index 3a0f842..20d74b0 100644
--- a/src/views/knowledge/detail/components/split/CustomSplitDialog.vue
+++ b/src/views/knowledge/detail/components/split/CustomSplitDialog.vue
@@ -112,36 +112,33 @@ export default {
           prop: 'knowledgeDesc',
           width: '150px',
           align: 'center',
+          isRedraw: true,
           render: (h, params) => {
             return h('span', {}, [
-              h(
-                'el-button',
-                {
-                  class: 'floatSpan',
-                  props: {
-                    type: 'primary',
-                    size: 'medium'
-                  },
-                  on: {
-                    click: () => this.handleEdit(params.row)
-                  }
+              h('el-button', {
+                class: 'floatSpan',
+                props: {
+                  type: 'primary',
+                  size: 'medium',
+                  title: '修改',
+                  icon: 'el-icon-edit-outline'
                 },
-                '修改'
-              ),
-              h(
-                'el-button',
-                {
-                  class: 'floatSpan',
-                  props: {
-                    type: 'primary',
-                    size: 'medium'
-                  },
-                  on: {
-                    click: () => this.handlePreview(params.row)
-                  }
+                on: {
+                  click: () => this.handleEdit(params.row)
+                }
+              }),
+              h('el-button', {
+                class: 'floatSpan',
+                props: {
+                  type: 'primary',
+                  size: 'medium',
+                  title: '预览',
+                  icon: 'el-icon-view'
                 },
-                '预览'
-              )
+                on: {
+                  click: () => this.handlePreview(params.row)
+                }
+              })
             ])
           }
         }
diff --git a/src/views/knowledge/detail/components/words/CustomWords.vue b/src/views/knowledge/detail/components/words/CustomWords.vue
index e57e44b..968b029 100644
--- a/src/views/knowledge/detail/components/words/CustomWords.vue
+++ b/src/views/knowledge/detail/components/words/CustomWords.vue
@@ -118,36 +118,33 @@ export default {
           prop: 'knowledgeDesc',
           width: '150px',
           align: 'center',
+          isRedraw: true,
           render: (h, params) => {
             return h('span', {}, [
-              h(
-                'el-button',
-                {
-                  class: 'floatSpan',
-                  props: {
-                    type: 'primary',
-                    size: 'medium'
-                  },
-                  on: {
-                    click: () => this.handleEdit(params.row)
-                  }
+              h('el-button', {
+                class: 'floatSpan',
+                props: {
+                  type: 'primary',
+                  size: 'medium',
+                  title: '修改',
+                  icon: 'el-icon-edit-outline'
                 },
-                '修改'
-              ),
-              h(
-                'el-button',
-                {
-                  class: 'floatSpan',
-                  props: {
-                    type: 'primary',
-                    size: 'medium'
-                  },
-                  on: {
-                    click: () => this.handlePreview(params.row)
-                  }
+                on: {
+                  click: () => this.handleEdit(params.row)
+                }
+              }),
+              h('el-button', {
+                class: 'floatSpan',
+                props: {
+                  type: 'primary',
+                  size: 'medium',
+                  title: '预览',
+                  icon: 'el-icon-view'
                 },
-                '预览'
-              )
+                on: {
+                  click: () => this.handlePreview(params.row)
+                }
+              })
             ])
           }
         }
diff --git a/src/views/knowledge/detail/index.vue b/src/views/knowledge/detail/index.vue
index fe56db9..1370174 100644
--- a/src/views/knowledge/detail/index.vue
+++ b/src/views/knowledge/detail/index.vue
@@ -390,7 +390,7 @@ export default {
                   type: 'primary',
                   size: 'mini',
                   disabled: true,
-                  icon: 'el-icon-edit',
+                  icon: 'el-icon-edit-outline',
                   title: '编辑'
                 },
                 on: {}
diff --git a/src/views/knowledge/index.vue b/src/views/knowledge/index.vue
index 755023e..31ac158 100644
--- a/src/views/knowledge/index.vue
+++ b/src/views/knowledge/index.vue
@@ -2,7 +2,7 @@
   <div id="index-container" class="container index-container">
     <el-row>
       <el-col :span="8">
-        <el-input placeholder="输入知识库名称" clearable v-model="nameLike" size="medium" class="underBorder">
+        <el-input placeholder="输入知识库名称" clearable v-model="nameLike" size="medium" class="underBorder" @keydown.enter.native="getList">
           <template slot="prepend">
             <el-button slot="append" icon="el-icon-search" @click="getList"></el-button>
           </template>