diff --git a/src/core/manager/EntityManager.ts b/src/core/manager/EntityManager.ts
index 7fd4756..ba1e160 100644
--- a/src/core/manager/EntityManager.ts
+++ b/src/core/manager/EntityManager.ts
@@ -504,6 +504,21 @@ export default class EntityManager {
     return this.___entityMap.get(linkStartPointId)
   }
 
+  findItemByLogicXY(logicX: number, logicY: number): ItemJson | undefined {
+    if (logicX < 0 || logicY < 0) {
+      return
+    }
+    let item: ItemJson | undefined = undefined
+     this.___entityMap.forEach((value) => {
+       if (value.logicX === logicX && value.logicY === logicY) {
+         item = value
+         return
+       }
+     })
+    return item
+  }
+
+
   getObjectByCanvasMouse(event: MouseEvent): Object3DLike[] {
     const _domElement = this.viewport.renderer.domElement
     const rect = _domElement.getBoundingClientRect()
diff --git a/src/core/script/ModelManager.ts b/src/core/script/ModelManager.ts
index 7581562..38662a6 100644
--- a/src/core/script/ModelManager.ts
+++ b/src/core/script/ModelManager.ts
@@ -81,6 +81,13 @@ export default class ModelManager implements IControls, Model {
     matrix.decompose(position, new THREE.Quaternion(), new THREE.Vector3())
     return position
   }
+  getPositionByLogicXY(logicX: number, logicY: number): THREE.Vector3 {
+    const item = this.viewport.entityManager.findItemByLogicXY(logicX, logicY)
+    const matrix = getMatrixFromTf(item.tf)
+    const position = new THREE.Vector3()
+    matrix.decompose(position, new THREE.Quaternion(), new THREE.Vector3())
+    return position
+  }
 
   dispose() {
     this.viewport = null as any
diff --git a/src/modules/cl2/Cl23dObject.ts b/src/modules/cl2/Cl23dObject.ts
index 983aafc..5ef104f 100644
--- a/src/modules/cl2/Cl23dObject.ts
+++ b/src/modules/cl2/Cl23dObject.ts
@@ -516,8 +516,12 @@ export default class Cl23dObject extends THREE.Object3D {
     if (data.id === 10010) {
       const cl2: Cl2Entity = Model.getCl2("10") as Cl2Entity
       cl2.addRobotTask(data)
-      cl2.taskStartRun()
+      this.fn(cl2)
     }
   }
 
+  fn = _.debounce((cl2: Cl2Entity) => {
+    cl2.taskStartRun()
+  }, 2000)
+
 }
diff --git a/src/modules/cl2/Cl2Entity.ts b/src/modules/cl2/Cl2Entity.ts
index 591c8a5..280ffe0 100644
--- a/src/modules/cl2/Cl2Entity.ts
+++ b/src/modules/cl2/Cl2Entity.ts
@@ -47,7 +47,7 @@ export default class Cl2Entity extends BaseEntity {
             () => this.cl2Object.addRotation(moveDirection * Math.PI/2)
           ))
           this.taskQueue.add(this.createTask('TRAVEL',
-            () => this.cl2Object.addTravel(Model.getPositionByEntityId(link.id) ,Math.abs(link.Speed/1000))
+            () => this.cl2Object.addTravel(Model.getPositionByLogicXY(link.X, link.Y) ,Math.abs(link.Speed/1000))
           ))
           startX = link.X
           startY = link.Y
diff --git a/src/types/ScriptSupport.d.ts b/src/types/ScriptSupport.d.ts
index 1ef3628..e9639ab 100644
--- a/src/types/ScriptSupport.d.ts
+++ b/src/types/ScriptSupport.d.ts
@@ -1,3 +1,5 @@
+import * as THREE from "three";
+
 /**
  * 物流模型 API 接口
  */
@@ -14,6 +16,11 @@ declare interface Model {
   getPositionByEntityId(entityId: string): Vector3IF
 
   /**
+   * 根据逻辑坐标获取位置
+   */
+  getPositionByLogicXY(logicX: number, logicY: number): THREE.Vector3
+
+  /**
    * 根据ID获取 CL2 叉车控制器
    */
   getCl2(id: string): Cl2If
diff --git a/src/views/user/roles.vue b/src/views/user/roles.vue
index ce510db..f592f69 100644
--- a/src/views/user/roles.vue
+++ b/src/views/user/roles.vue
@@ -1,12 +1,127 @@
+<script setup lang="ts">
+import { reactive } from "vue";
+import { ElButton } from "element-plus";
+import { Delete, Plus, Search } from "@element-plus/icons-vue";
+import DataForm from "@/components/data-form/DataForm.vue";
+import type { FormField } from "@/components/data-form/DataFormTypes.ts";
+import { AgGridVue } from "ag-grid-vue3";
+import type { GridOptions } from "ag-grid-enterprise";
+import type { GridApi, GridReadyEvent } from "ag-grid-community";
+import { localeText as localeTextCn } from "@/components/yvTable/yv-aggrid-cn.locale";
+
+// 定义 Props 类型
+interface ComponentProps {
+}
+
+// 读取组件 props 属性
+const props = withDefaults(defineProps<ComponentProps>(), {});
+
+// 定义 State 类型
+interface ComponentState {
+    queryData: any;
+    grid1Data: Array<any>;
+}
+
+// state 属性
+const state = reactive<ComponentState>({
+    queryData: {},
+    grid1Data: [],
+});
+
+// 定义 Data 类型
+interface ComponentData {
+    formFields?: Array<FormField>;
+    gridSetting: Partial<GridOptions>;
+    api?: GridApi;
+}
+
+// 内部数据
+const data: ComponentData = {
+    formFields: [
+        {
+            dataPath: 'roleCode', label: '角色编号', input: 'Input',
+            inputProps: {
+                placeholder: '角色编号',
+                clearable: true,
+            }
+        },
+        {
+            dataPath: 'isEnable', label: '是否启用', input: 'SelectV2',
+            inputProps: {
+                placeholder: "是否启用",
+                clearable: true,
+                options: [
+                    { value: "0", label: "禁用" },
+                    { value: "1", label: "启用" },
+                ],
+            }
+        },
+    ],
+    gridSetting: {
+        localeText: localeTextCn,
+        // suppressNoRowsOverlay: true,
+        // suppressLoadingOverlay: true,
+        // 选择行配置
+        rowSelection: "single",
+        columnDefs: [
+            { field: 'id', headerName: 'id', editable: false, hide: true },
+            { field: 'roleCode', headerName: '角色编号', editable: false },
+            { field: 'roleName', headerName: '角色名称', editable: false },
+            { field: 'isEnable', headerName: '是否启用', editable: false },
+            { field: 'createAt', headerName: '创建时间', editable: false },
+            { field: 'createBy', headerName: '创建人', editable: false },
+            { field: 'updateAt', headerName: '最后更新时间', editable: false },
+            { field: 'updateBy', headerName: '更新人', editable: false },
+        ],
+        pagination: true,
+        paginationPageSize: 50,
+        // suppressPaginationPanel
+        onGridReady(event: GridReadyEvent) {
+            data.api = event.api
+        },
+    },
+};
+
+</script>
+
 <template>
-  <div class="roles">
-    roles
-  </div>
+    <div class="dashboard flex-column-container">
+        <div class="tools flex-item-fixed">
+            <ElButton :icon="Search">查询</ElButton>
+            <ElButton :icon="Plus">新增</ElButton>
+            <ElButton :icon="Delete" type="danger" :plain="true">删除</ElButton>
+        </div>
+        <DataForm
+            class="query-form flex-item-fixed"
+            style="width: 500px;"
+            :data="state.queryData"
+            :formFields="data.formFields"
+            :columnCount="2"
+            layout="bothFixed"
+            labelWidth="85px"
+            inputWidth="200px"
+        />
+        <AgGridVue
+            ref="gridRef"
+            :class="['ag-theme-alpine', 'yv-table', 'hi-light-selected-row','allow-vertical-line', 'flex-item-fill']"
+            v-bind="{...data.gridSetting}"
+            :modelValue="state.grid1Data"
+        >
+        </AgGridVue>
+    </div>
 </template>
-<script setup>
-</script>
-<style lang="less">
-.dashboard{
 
+<style scoped>
+.dashboard {
+    height: 100%;
+}
+
+.tools {
+    margin-bottom: 8px;
+}
+
+.query-form {
+    height: unset;
 }
 </style>
+
diff --git a/src/views/user/users.vue b/src/views/user/users.vue
index cea3ce3..599acae 100644
--- a/src/views/user/users.vue
+++ b/src/views/user/users.vue
@@ -1,12 +1,128 @@
+<script setup lang="ts">
+import { reactive } from "vue";
+import { ElButton } from "element-plus";
+import { Delete, Plus, Search } from "@element-plus/icons-vue";
+import DataForm from "@/components/data-form/DataForm.vue";
+import type { FormField } from "@/components/data-form/DataFormTypes.ts";
+import { AgGridVue } from "ag-grid-vue3";
+import type { GridOptions } from "ag-grid-enterprise";
+import type { GridApi, GridReadyEvent } from "ag-grid-community";
+import { localeText as localeTextCn } from "@/components/yvTable/yv-aggrid-cn.locale";
+
+// 定义 Props 类型
+interface ComponentProps {
+}
+
+// 读取组件 props 属性
+const props = withDefaults(defineProps<ComponentProps>(), {});
+
+// 定义 State 类型
+interface ComponentState {
+    queryData: any;
+    grid1Data: Array<any>;
+}
+
+// state 属性
+const state = reactive<ComponentState>({
+    queryData: {},
+    grid1Data: [],
+});
+
+// 定义 Data 类型
+interface ComponentData {
+    formFields?: Array<FormField>;
+    gridSetting: Partial<GridOptions>;
+    api?: GridApi;
+}
+
+// 内部数据
+const data: ComponentData = {
+    formFields: [
+        {
+            dataPath: 'loginName', label: '用户登录名', input: 'Input',
+            inputProps: {
+                placeholder: '用户登录名',
+                clearable: true,
+            }
+        },
+        {
+            dataPath: 'isEnable', label: '是否启用', input: 'SelectV2',
+            inputProps: {
+                placeholder: "是否启用",
+                clearable: true,
+                options: [
+                    { value: "0", label: "禁用" },
+                    { value: "1", label: "启用" },
+                ],
+            }
+        },
+    ],
+    gridSetting: {
+        localeText: localeTextCn,
+        // suppressNoRowsOverlay: true,
+        // suppressLoadingOverlay: true,
+        // 选择行配置
+        rowSelection: "single",
+        columnDefs: [
+            { field: 'id', headerName: 'id', editable: false, hide: true },
+            { field: 'loginName', headerName: '登录名', editable: false },
+            { field: 'password', headerName: '密码', editable: false, hide: true },
+            { field: 'userName', headerName: '用户名', editable: false },
+            { field: 'isEnable', headerName: '是否启用', editable: false },
+            { field: 'createAt', headerName: '创建时间', editable: false },
+            { field: 'createBy', headerName: '创建人', editable: false },
+            { field: 'updateAt', headerName: '最后更新时间', editable: false },
+            { field: 'updateBy', headerName: '更新人', editable: false },
+        ],
+        pagination: true,
+        paginationPageSize: 50,
+        // suppressPaginationPanel
+        onGridReady(event: GridReadyEvent) {
+            data.api = event.api
+        },
+    },
+};
+
+</script>
+
 <template>
-  <div class="dashboard">
-    users
-  </div>
+    <div class="dashboard flex-column-container">
+        <div class="tools flex-item-fixed">
+            <ElButton :icon="Search">查询</ElButton>
+            <ElButton :icon="Plus">新增</ElButton>
+            <ElButton :icon="Delete" type="danger" :plain="true">删除</ElButton>
+        </div>
+        <DataForm
+            class="query-form flex-item-fixed"
+            style="width: 500px;"
+            :data="state.queryData"
+            :formFields="data.formFields"
+            :columnCount="2"
+            layout="bothFixed"
+            labelWidth="85px"
+            inputWidth="200px"
+        />
+        <AgGridVue
+            ref="gridRef"
+            :class="['ag-theme-alpine', 'yv-table', 'hi-light-selected-row','allow-vertical-line', 'flex-item-fill']"
+            v-bind="{...data.gridSetting}"
+            :modelValue="state.grid1Data"
+        >
+        </AgGridVue>
+    </div>
 </template>
-<script setup>
-</script>
-<style lang="less">
-.dashboard{
 
+<style scoped>
+.dashboard {
+    height: 100%;
+}
+
+.tools {
+    margin-bottom: 8px;
+}
+
+.query-form {
+    height: unset;
 }
 </style>
+