From a9e4d032eb46debe2891c09c01cb017901717d37 Mon Sep 17 00:00:00 2001
From: herenshan112 <hreenshan112@163.com>
Date: Mon, 17 Nov 2025 08:18:59 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=9D=83=E9=99=90=E8=AE=BE?=
 =?UTF-8?q?=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/system/roleapi/postrole.ts            |  37 +
 src/api/system/roleapi/power.ts               |  13 +
 src/api/system/roleapi/types.ts               |  37 +
 .../rolepower/setuprole/setuprolepower.vue    |   3 +
 .../system/monitor/online/index copy 4.vue    | 865 +++++++++++++++++
 src/views/system/monitor/online/index.vue     | 351 +------
 src/views/system/monitor/online/index123.vue  | 903 ++++++++++++++++++
 src/views/system/monitor/online/index2.vue    | 823 ++++++++++++++++
 .../{index copy.vue => index_20251112.vue}    |   0
 src/views/system/monitor/online/page.vue      | 283 ++++++
 .../lowcodepage/pageFlow/appTableFlow.vue     |   2 +-
 ....timestamp-1762732876054-97f8b5f7ef739.mjs | 215 +++++
 12 files changed, 3187 insertions(+), 345 deletions(-)
 create mode 100644 src/api/system/roleapi/power.ts
 create mode 100644 src/views/system/monitor/online/index copy 4.vue
 create mode 100644 src/views/system/monitor/online/index123.vue
 create mode 100644 src/views/system/monitor/online/index2.vue
 rename src/views/system/monitor/online/{index copy.vue => index_20251112.vue} (100%)
 create mode 100644 src/views/system/monitor/online/page.vue
 create mode 100644 vite.config.ts.timestamp-1762732876054-97f8b5f7ef739.mjs

diff --git a/src/api/system/roleapi/postrole.ts b/src/api/system/roleapi/postrole.ts
index e059889..a2e7874 100644
--- a/src/api/system/roleapi/postrole.ts
+++ b/src/api/system/roleapi/postrole.ts
@@ -103,6 +103,13 @@ export function gainAppTableList(data?: any){
 	  data:data
 	});
 }
+export function gainAppTableListNew(data?: any){
+	return request({
+	  url: '/systemapi/grant/gainAppTableListNew',
+	  method: 'post',
+	  data:data
+	});
+}
 /**
  * 获取指定角色授权
  */
@@ -113,3 +120,33 @@ export function setpAppTableForms(data?: any){
 	  data:data
 	});
 }
+/**
+ * 获取首层子行政组织和本组织下的人员
+ */
+export function getMyPeoplceAndSunOrg(data?: any){
+	return request({
+	  url: '/systemapi/authorize/getMyPeoplceAndSunOrg',
+	  method: 'post',
+	  data:data
+	});
+}
+/**
+ * 获取首层子行政组织和本组织下的岗位及人员
+ */
+export function getMyPeopleAndSunOrgPost(data?: any){
+	return request({
+	  url: '/systemapi/authorize/getMyPeopleAndSunOrgPost',
+	  method: 'post',
+	  data:data
+	});
+}
+/**
+ * 获取人员
+ */
+export function getPowerPageUser(data?: any){
+	return request({
+	  url: '/systemapi/authorize/getPowerPageUser',
+	  method: 'post',
+	  data:data
+	});
+}
diff --git a/src/api/system/roleapi/power.ts b/src/api/system/roleapi/power.ts
new file mode 100644
index 0000000..d629c11
--- /dev/null
+++ b/src/api/system/roleapi/power.ts
@@ -0,0 +1,13 @@
+import request from "@/utils/request";
+import { getSystemPower } from "./types";
+
+/**
+ * 获取平台授权项目
+ */
+ export function appPowerUnit(data: getSystemPower){
+    return request({
+      url: '/systemapi/authorize/appPowerUnit',
+      method: 'post',
+      data:data
+    });
+}
diff --git a/src/api/system/roleapi/types.ts b/src/api/system/roleapi/types.ts
index 50ab1cc..630c9af 100644
--- a/src/api/system/roleapi/types.ts
+++ b/src/api/system/roleapi/types.ts
@@ -285,3 +285,40 @@ export interface custerAppTablePower extends  custerAppInfo{
 		attribute:number[]
 	};
 }
+
+//获取平台授权项目
+export interface getSystemPower{
+	powerType:string;
+    appType:string;
+	appSystem:string;
+    roleId:string;
+}
+
+
+// 平台授权结构体
+export interface AppPowerInfo  {
+	id       :number; 
+	name     :string;                                    //菜单名称
+	types    :number;   
+	perm    :number; 
+	sort     :number; 
+	parentId :number; 
+	isTrue   :boolean; 
+}
+
+// 分流
+export interface AppMenuBut extends AppPowerInfo {
+	buttenPower:AppPowerInfo[]
+}
+
+// 平台授权结构树
+export interface AppPowerTree extends AppMenuBut  {
+	children:AppPowerTree[]
+	visible :number;
+	visibleRange:VisibleRangeInfo[]; //当可见范围为自定义范围时。此辅助选项生效
+}
+
+export interface VisibleRangeInfo  {
+	types:number;
+	val:string;
+}
diff --git a/src/views/powermanage/rolepower/setuprole/setuprolepower.vue b/src/views/powermanage/rolepower/setuprole/setuprolepower.vue
index 72a164e..a386767 100644
--- a/src/views/powermanage/rolepower/setuprole/setuprolepower.vue
+++ b/src/views/powermanage/rolepower/setuprole/setuprolepower.vue
@@ -385,6 +385,7 @@ const pickOrgIdClick = () => {
                       v-for="itemes in appList"
                       :class="itemes.signCode == activeAppId ? 'active' : ''"
                       @click="pickAppList(itemes)"
+                      :key="itemes.id"
                     >
                       {{ itemes.name }}
                     </li>
@@ -406,6 +407,7 @@ const pickOrgIdClick = () => {
                       v-for="itemes in appList"
                       :class="itemes.signCode == activeAppId ? 'active' : ''"
                       @click="pickAppList(itemes)"
+                      :key="itemes.id"
                     >
                       {{ itemes.name }}
                     </li>
@@ -590,4 +592,5 @@ const pickOrgIdClick = () => {
     background-color: #a0cfff;
   }
 }
+
 </style>
diff --git a/src/views/system/monitor/online/index copy 4.vue b/src/views/system/monitor/online/index copy 4.vue
new file mode 100644
index 0000000..93caa87
--- /dev/null
+++ b/src/views/system/monitor/online/index copy 4.vue	
@@ -0,0 +1,865 @@
+<!--
+@ 作者: 秦东
+@ 时间: 2025-10-21 10:06:51
+@ 备注: 在线人数
+-->
+<script lang='ts' setup>
+import { giveRoleTree,editRoleStatus,getOrgPostTree } from '@/api/role/index'
+import type {RoleListTree,RoleFormInfo,orgAndPostisListTree} from '@/api/role/types'
+import type {  TreeNode,TreeInstance  } from 'element-plus'
+import { Search } from '@element-plus/icons-vue'
+import { orgInfo } from "@/api/hr/org/type";
+import { getOrgTreeList } from "@/api/hr/org/index";
+import { appPowerUnit } from "@/api/system/roleapi/power";
+import type { getSystemPower,AppPowerTree } from "@/api/system/roleapi/types";
+import { appTableBut, appListBut } from "@/utils/workflow/const";
+import {
+  gainAppList,
+  gainAppTableListNew
+} from "@/api/system/roleapi/postrole";
+import {
+  custerAppInfo
+} from "@/api/system/roleapi/types";
+
+
+
+import AddRoleGroup from '@/views/system/monitor/online/roleConfig/addRoleGroup.vue'
+import EditRoleGroup from '@/views/system/monitor/online/roleConfig/editRoleGroup.vue'
+
+const squareUrl = ref<string>(
+  "https://cube.elemecdn.com/9/c2/f0ee8a3c7c9638a54940382568c9dpng.png"
+);
+const orgTree = ref<orgInfo[]>([])
+const roleGroupOrInfo = ref(1)
+const searchQuery = ref('')
+const orgWorkRole = ref("org")
+const appSysPick = ref("system")
+const treeRef = ref<TreeInstance>()
+const treeRefOrg = ref<TreeInstance>()
+const roleListdata = ref<RoleListTree[]>([])
+const orgPostisListdata = ref<orgAndPostisListTree[]>([])
+const treeBoxHeight = ref(300)
+const treeBoxHeightOrg = ref(300)
+const roleLeft = ref()
+const systemPowerTree = ref<AppPowerTree[]>([])
+const ownerPeople = ref<any>([])
+
+const props = {
+  value: 'id',
+  label: 'label',
+  disabled:'status',
+  children: 'children',
+}
+const propsOrg = {
+  value: 'id',
+  label: 'name',
+  disabled:'status',
+  children: 'child',
+}
+const propsOrgPost = {
+  value: 'id',
+  label: 'label',
+  disabled:'status',
+  children: 'children',
+}
+const systemPower = ref<getSystemPower>({
+    powerType:"org",
+    appType:"appsystem",
+    appSystem:"system",
+    roleId:"",
+})
+const roleLoading = ref(false)
+const openRoleGroup = ref(false)
+const orgLoading = ref(false)
+const orgPostLoading = ref(false)
+
+const appList = ref<custerAppInfo[]>([]);
+//搜索角色
+const onQueryChanged = (query: string) => {
+  treeRef.value!.filter(query)
+}
+//搜索行政组织
+const onQueryChangedOrg = (query: string) => {
+  treeRefOrg.value!.filter(query)
+}
+const filterMethod = (query: string, node: any) => node.label!.includes(query)
+const filterMethodOrg = (query: string, node: any) => node.name!.includes(query)
+
+//监测赋权组
+watch(()=>systemPower.value.powerType,(val:string)=>{
+    console.log("监测赋权组",val)
+    getSystemPowerSub();
+    switch(val){
+        case "org":
+            getOrgTreeAry();
+            break;
+        case "job":
+            getOrgPostisTree()
+            break;
+        case "role":
+            getRoleTree();
+            break;
+        default:
+    }
+
+    if(systemPower.value.appSystem=="app"){
+        getAppList();
+    }else{
+        getSystemPowerSub();
+    }
+    
+},{
+    deep:true
+})
+//选中角色节点
+const pickRoleTree = (data:any) => {
+    if(data.status && data.types==1){
+        console.log("监测赋权组------->",data)
+    }
+}
+//选择行政组织
+const pickOrgTree = (data:any) => {
+    console.log("监测赋权组------->",data)
+}
+//获取角色树
+const getRoleTree = () => {
+    roleLoading.value = true
+    giveRoleTree().then(({data})=>{
+        console.log("监测赋权组------->",data)
+        if(Array.isArray(data) && data.length>0){
+            systemPower.value.roleId=data[0].id
+        }
+        roleListdata.value=data;
+        roleLoading.value = false;
+    }).finally(()=>{roleLoading.value = false})
+}
+const editRoleCont = ref<RoleFormInfo>()
+const openEditRoleGroup = ref(false)
+//编辑角色信息
+const editMyInfoIcon = (data:RoleListTree,types:number) => {
+    console.log("编辑角色信息------->",data)
+    console.log("编辑角色信息---types---->",types)
+    switch(types){
+        case 1:
+            editRoleStatusBut(data.id,2)
+            break;
+        case 2:
+            editRoleStatusBut(data.id,1)
+            break;
+        case 3:
+            editRoleCont.value = {
+                id:data.id,
+                name:data.label,
+                type:data.types,
+                superior:data.superior,
+                sort:data.sort
+            }
+            openEditRoleGroup.value = true
+            break;
+        case 4:
+            ElMessageBox.confirm(
+                "您确定要删除此信息吗？一经删除！数据将不可恢复！请慎重操作！",
+                "警告",
+                {
+                    confirmButtonText: '确定删除',
+                    cancelButtonText: '取消删除',
+                    type: 'warning',
+                }
+            ).then(()=>{
+                editRoleStatusBut(data.id,3)
+            })
+            break;            
+        default:
+            break;
+    }
+}
+//编辑角色状态
+const editRoleStatusBut = (id:string|number,types:number) => {
+    // console.log("编辑角色状态--->",id)
+    editRoleStatus({id:id.toString(),status:types}).then((data:any)=>{
+                if(data.code==0){
+                    ElMessage({
+                        message: data.msg,
+                        type: 'success',
+                    })
+                    getRoleTree()
+                }else{
+                    ElMessage({
+                        message: data.msg,
+                        type: 'success',
+                    })
+                }
+            })
+}
+//添加角色组
+const addRoleGroup = (types:number) => {
+    
+    roleGroupOrInfo.value = types
+    openRoleGroup.value = true     
+}
+//获取行政组织树
+const getOrgTreeAry = () => {
+    roleLoading.value = true
+    if(!Array.isArray(orgTree.value) || orgTree.value.length<=0){
+        
+        getOrgTreeList({ orgid: 0 })
+        .then(({ data }) => {
+            if(Array.isArray(data) && data.length>0){
+                systemPower.value.roleId=data[0].id
+            }
+            orgTree.value = data
+            roleLoading.value = false
+        }).finally(()=>{roleLoading.value = false})
+    }else{
+        roleLoading.value = false
+    }
+    
+}
+//获取行政组织及岗位
+const getOrgPostisTree = () => {
+    orgPostLoading.value=true
+    if(!Array.isArray(orgPostisListdata.value) || orgPostisListdata.value.length<=0){
+        
+        getOrgPostTree({id:"313"}).then(({data})=>{
+            console.log("获取行政组织及岗位--------->",data)
+            if(Array.isArray(data) && data.length>0){
+                systemPower.value.roleId=data[0].id
+            }
+            orgPostisListdata.value = data
+            orgPostLoading.value=false
+        }).finally(()=>{orgPostLoading.value=false})
+    }else{
+        orgPostLoading.value=true
+    }
+}
+
+//获取平台授权项目
+const getSystemPowerSub = () => {
+    appPowerUnit(systemPower.value).then(({data})=>{
+        console.log("获取平台授权项目------->",data)
+        systemPowerTree.value = data
+    })
+}
+
+const activeAppId = ref<string>("");
+const appTableList = ref<custerAppTablePower[]>([]);
+/**
+@ 作者: 秦东
+@ 时间: 2025-05-13 14:20:47
+@ 功能: 获取自定义App
+*/
+const getAppList = () => {
+  gainAppList().then((data: any) => {
+    console.log("获取自定义App", data);
+    appList.value = data.data;
+    if (data.data && data.data.length > 0) {
+      if (data.data[0] && data.data[0].signCode) {
+        activeAppId.value = data.data[0].signCode;
+        getAppTableList();
+      }
+    }
+    console.log("获取自定义App", activeAppId.value);
+  });
+};
+/**
+@ 作者: 秦东
+@ 时间: 2025-05-13 16:00:19
+@ 功能: 获取对应App下边的表单
+*/
+const getAppTableList = () => {
+    systemPower.value.roleId = activeAppId.value
+  gainAppTableListNew({id:activeAppId.value,appType:systemPower.value.appType,powerType:systemPower.value.powerType,roleId:systemPower.value.roleId}).then(
+    (data: any) => {
+      console.log("获取对应App下边的表单", data);
+      if (Array.isArray(data.data)) {
+        appTableList.value = data.data;
+      } else {
+        appTableList.value = [];
+      }
+    }
+  );
+};
+watch(()=>systemPower.value.appSystem,(val:string)=>{
+    if(val=="app"){
+        getAppList();
+    }
+},{
+    immediate:true
+})
+onMounted(()=>{
+    getOrgTreeAry();
+    getSystemPowerSub();
+    console.log("高度-----1---->",roleLeft.value?.offsetHeight)
+    nextTick(()=>{
+        treeBoxHeight.value = roleLeft.value?.offsetHeight - 140
+        treeBoxHeightOrg.value = roleLeft.value?.offsetHeight - 100
+    })
+    
+})
+watch(
+  () => activeAppId.value,
+  (val) => {
+    getAppTableList();
+  },
+  {
+    immediate:true
+  }
+);
+/**
+@ 作者: 秦东
+@ 时间: 2025-05-14 15:01:26
+@ 功能: 选择App数据
+*/
+const pickAppList = (val: custerAppInfo) => {
+  activeAppId.value = val.signCode;
+};
+const systemMenuTreePropsing = {
+  children: "child",
+  label: "name",
+  value: "id",
+};
+</script>
+<template>
+    <div class="roleBox">
+        <div ref="roleLeft" class="roleLeft">
+            <el-tabs v-model="systemPower.powerType" class="demo-tabs">
+                <el-tab-pane label="组织" name="org">
+                    <template #label>
+                        <el-text class="tabsTitle">组织</el-text>
+                    </template>
+                    <div class="searchBox">
+                        <el-input v-model="searchQuery" placeholder="请输入要查找的行政组织" :suffix-icon="Search" @input="onQueryChangedOrg"/>
+                    </div>
+                    <el-tree-v2
+                        ref="treeRefOrg"
+                        style="max-width: 350px;"
+                        :data="orgTree"
+                        :props="propsOrg"
+                        :filter-method="filterMethodOrg"
+                        :height="treeBoxHeightOrg"
+                        v-loading="roleLoading"
+                        :highlight-current="true"
+                        :check-on-click-node="true"
+                        :expand-on-click-node="false"
+                        @node-click="pickOrgTree"
+                    >
+                    </el-tree-v2>
+                </el-tab-pane>
+                <el-tab-pane label="岗位" name="job">
+                    <template #label>
+                        <el-text class="tabsTitle">岗位</el-text>
+                    </template>
+                    <div class="searchBox">
+                        <el-input v-model="searchQuery" placeholder="请输入要查找的行政组织" :suffix-icon="Search" @input="onQueryChangedOrg"/>
+                    </div>
+                    <el-tree-v2
+                        ref="treeRefOrg"
+                        style="max-width: 350px;"
+                        :data="orgPostisListdata"
+                        :props="propsOrgPost"
+                        :filter-method="filterMethodOrg"
+                        :height="treeBoxHeightOrg"
+                        v-loading="orgPostLoading"
+                        :highlight-current="true"
+                        :check-on-click-node="true"
+                        :expand-on-click-node="false"
+                        @node-click="pickOrgTree"
+                    >
+                    </el-tree-v2>
+                </el-tab-pane>
+                <el-tab-pane label="角色" name="role">
+                    <template #label>
+                        <el-text class="tabsTitle">角色</el-text>
+                    </template>
+                    <div class="butBox">
+                        <el-button type="primary" @click="addRoleGroup(1)">新建角色组</el-button>
+                        <el-button type="primary" @click="addRoleGroup(2)">新建角色</el-button>
+                    </div>
+                    <div class="searchBox">
+                        <el-input v-model="searchQuery" placeholder="请输入要查找的角色" :suffix-icon="Search" @input="onQueryChanged"/>
+                    </div>
+                    <el-tree-v2
+                        ref="treeRef"
+                        style="max-width: 350px;"
+                        :data="roleListdata"
+                        :props="props"
+                        :filter-method="filterMethod"
+                        :height="treeBoxHeight"
+                        v-loading="roleLoading"
+                        :highlight-current="true"
+                        :check-on-click-node="true"
+                        :expand-on-click-node="false"
+                        @node-click="pickRoleTree"
+                    >
+                        <template #default="{ node }" >
+                            <div class="treeRoleBox">
+                                <span>{{ node.label }}</span>
+                                <div class="spanButBox">
+                                    <el-text v-if="node.disabled"  type="warning" size="small" @click.stop="editMyInfoIcon(node.data,1)">禁用</el-text>
+                                    <el-text v-else  type="success" size="small" @click.stop="editMyInfoIcon(node.data,2)">启用</el-text>
+                                    <el-text  type="primary" size="small" @click.stop="editMyInfoIcon(node.data,3)">编辑</el-text>
+                                    <el-text  type="danger" size="small" @click.stop="editMyInfoIcon(node.data,4)">删除</el-text>
+                                </div>
+                            </div>
+                        </template>
+                    </el-tree-v2>
+                </el-tab-pane>
+                <el-tab-pane label="个人" name="person">
+                    <div class="searchBox">
+                        <el-input v-model="searchQuery" placeholder="请输入要查找的人" :suffix-icon="Search" @input="onQueryChangedOrg"/>
+                    </div>
+                </el-tab-pane>
+            </el-tabs>
+        </div>
+        <div class="roleright">
+            <el-tabs v-model="systemPower.appSystem" class="demo-tabs">
+                <el-tab-pane label="平台" name="system">
+                    <template #label>
+                        <el-text class="tabsTitleCont">平台</el-text>
+                    </template>
+                    
+
+                    <el-container v-if="systemPower.powerType == 'role'">
+                        <el-main>
+
+                            <el-table
+                                :data="systemPowerTree"
+                                style="width: 100%; height: calc(100vh - 277px)"
+                                :cell-style="{ padding: '10px 0' }"
+                                :header-cell-style="{ background: '#F5F7FA', color: '#909399' }"
+                                border
+                            
+                                row-key="id"
+                    
+                            >
+                                <el-table-column fixed prop="name" label="目录/菜单" width="380">
+                                    <template #default="scope">
+                                        <span class="tree_sapn">{{ scope.row.name }}</span>
+                                        <el-tag v-if="scope.row.types === 2" type="warning" size="small">目录</el-tag>
+                                        <el-tag v-if="scope.row.types === 1" type="success" size="small">菜单</el-tag>
+                                        <el-tag v-if="scope.row.types === 4" type="danger" size="small">按钮</el-tag>
+                                        <el-tag v-if="scope.row.types === 3" type="info" size="small">外链</el-tag>
+                                    </template>
+                                </el-table-column>
+                                <el-table-column prop="isTrue" label="授权" width="80" align="center" >
+                                    <template #default="scope">
+                                        <el-checkbox v-model="scope.row.isTrue" label=""  />
+                                    </template>
+                                </el-table-column>
+                                <el-table-column prop="buttenPower" label="操作按钮" >
+                                    <template #header>
+                                        <div class="pickButBox">
+                                            <el-text  >操作按钮</el-text>
+                                            <el-button type="primary" size="small">确定授权</el-button>
+                                        </div>
+                                    </template>
+                                    <template #default="scope">
+                                        <el-checkbox v-for="item in scope.row.buttenPower" :key="item" v-model="scope.row.isTrue" :label="item.name"  />
+                                    </template>
+                                </el-table-column>
+                            </el-table>
+
+
+                        </el-main>
+                        <el-aside width="200px">
+                            <div class="userTitleBox">
+                                <el-text type="info" >使用人员</el-text>
+                                <el-button type="primary" size="small">添加使用人</el-button>
+                            </div>
+                             <el-scrollbar class="scrollBox">
+                            <div class="userBox" v-for="item in ownerPeople" :key="item.id">
+                                 <el-avatar shape="square" :size="size" :src="item.icon?item.icon:squareUrl" />
+                                 <div>
+                                    <el-text type="primary" >{{item.name}}{{ '('+item.code+')' }}</el-text>
+                                    <el-text type="primary" >{{item.orgName}}</el-text>
+                                 </div>
+                            </div>
+                            
+                            </el-scrollbar>
+                        </el-aside>
+                    </el-container>
+
+                    <el-table
+                    v-else
+                                :data="systemPowerTree"
+                                style="width: 100%; height: calc(100vh - 277px)"
+                                :cell-style="{ padding: '10px 0' }"
+                                :header-cell-style="{ background: '#F5F7FA', color: '#909399' }"
+                                border
+                            
+                                row-key="id"
+                    
+                            >
+                                <el-table-column fixed prop="name" label="目录/菜单" width="380" >
+                                    <template #default="scope">
+                                        <span class="tree_sapn">{{ scope.row.name }}</span>
+                                        <el-tag v-if="scope.row.types === 2" type="warning" size="small">目录</el-tag>
+                                        <el-tag v-if="scope.row.types === 1" type="success" size="small">菜单</el-tag>
+                                        <el-tag v-if="scope.row.types === 4" type="danger" size="small">按钮</el-tag>
+                                        <el-tag v-if="scope.row.types === 3" type="info" size="small">外链</el-tag>
+                                    </template>
+                                </el-table-column>
+                                <el-table-column prop="isTrue" label="授权" width="80" align="center" >
+                                    <template #default="scope">
+                                        <el-checkbox v-model="scope.row.isTrue" label=""  />
+                                    </template>
+                                </el-table-column>
+                                <el-table-column prop="buttenPower" label="操作按钮" >
+                                    <template #header>
+                                        <div class="pickButBox">
+                                            <el-text  >操作按钮</el-text>
+                                            <el-button type="primary" size="small">确定授权</el-button>
+                                        </div>
+                                    </template>
+                                    <template #default="scope">
+                                        <el-checkbox v-for="item in scope.row.buttenPower" :key="item" v-model="scope.row.isTrue" :label="item.name"  />
+                                    </template>
+                                </el-table-column>
+                            </el-table>
+
+
+
+                </el-tab-pane>
+                <el-tab-pane label="应用" name="app">
+                    <template #label>
+                        <el-text class="tabsTitleCont">应用</el-text>
+                    </template>
+
+                    
+                    
+                     <table class="table_body">
+                        <thead>
+                            <tr  v-if="systemPower.powerType == 'role'">
+                                <td align="center" width="20%">应用</td>
+                                <td align="center" width="50%">应用详情</td>
+                                <td align="center" width="30%">
+                                    <div class="userTitleBoxes">
+                                        <el-text type="info" >使用人员</el-text>
+                                        <el-button type="primary" size="small">添加使用人</el-button>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr v-else>
+                                <td align="center" width="20%">应用</td>
+                                <td width="80%">
+                                    <div  class="appPickPower">
+                                        应用详情
+                                        <el-button type="primary" size="small">确定授权</el-button>
+                                    </div>
+                                </td>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr >
+                                <td valign="top">
+                                    <el-scrollbar class="tab_pane_box">
+                                        <ul class="appListBox">
+                                            <li v-for="item in appList" :key="item"  @click="pickAppList(item)">{{ item.name }}</li>
+                                        </ul>
+                                    </el-scrollbar>
+                                </td>
+                                <td valign="top">
+                                    <el-row class="row_head">
+                                        <el-col class="roe_col_head left_line" :span="6">
+                                                页面
+                                        </el-col>
+                                        <el-col class="roe_col_head left_line" :span="6">
+                                            表单权力
+                                        </el-col>
+                                        <el-col class="roe_col_head left_line" :span="6">
+                                            列表权限
+                                        </el-col>
+                                        <el-col class="roe_col_head" :span="6">
+                                            数据权限
+                                        </el-col>
+                                    </el-row>
+                                    <el-scrollbar class="tab_pane_body">
+                                        <el-row class="left_right" v-for="item in appTableList" :key="item.id">
+                                            <el-col  class="roe_col_head left_line" :span="6">
+                                                {{ item.name }}
+                                            </el-col>
+                                            <el-col  class="roe_col_head left_line" :span="6">
+                                                
+                                                <el-checkbox-group v-model="item.tablePower">
+                                                    <el-checkbox
+                                                    v-for="city in appTableBut"
+                                                    :key="city.key"
+                                                    :label="city.label"
+                                                    :value="city.value"
+                                                    >
+                                                    {{ city.label }}
+                                                    </el-checkbox>
+                                                </el-checkbox-group>
+                                            </el-col>
+                                            <el-col  class="roe_col_head left_line" :span="6">
+                                              
+                                               <el-checkbox-group v-if="item.istIsTrue" v-model="item.listPower">
+                                                    <el-checkbox
+                                                        v-for="city in appListBut"
+                                                        :key="city.key"
+                                                        :label="city.label"
+                                                        :value="city.value"
+                                                        >
+                                                        {{ city.label }}
+                                                        </el-checkbox>
+                                                    </el-checkbox-group>
+                                            </el-col>
+                                            <el-col  class="roe_col_head" :span="6">
+                                                
+                                                 <el-radio-group
+                                                        v-model="item.datePower.types"
+                                                        @change="pickAppDataPower(item.datePower)"
+                                                    >
+                                                        <el-row>
+                                                        <el-col :span="24"><el-radio :value="1">本人</el-radio></el-col>
+                                                        <el-col :span="24"><el-radio :value="2">本岗位</el-radio></el-col>
+                                                        <el-col :span="24"><el-radio :value="3">本部门</el-radio></el-col>
+                                                        <el-col :span="24"><el-radio :value="4">本分部</el-radio></el-col>
+                                                        <el-col :span="24">
+                                                            <el-radio :value="5">指定行政组织</el-radio>
+                                                            <el-tree-select
+                                                                v-if="item.datePower.types == 5"
+                                                                v-model="item.datePower.attribute"
+                                                                :data="orgTree"
+                                                                style="width: 100%"
+                                                                node-key="id"
+                                                                :props="systemMenuTreePropsing"
+                                                                clearable
+                                                                multiple
+                                                                :render-after-expand="false"
+                                                                show-checkbox
+                                                                collapse-tags
+                                                                collapse-tags-tooltip
+                                                            />
+                                                        </el-col>
+                                                        <el-col :span="24"><el-radio :value="6">所有</el-radio></el-col>
+                                                        </el-row>
+                                                    </el-radio-group>
+                                            </el-col>
+                                        </el-row>
+                                    </el-scrollbar>
+                                </td>
+                                <td v-if="systemPower.powerType == 'role'"  valign="top">
+                                    <el-scrollbar class="tab_pane_bodyes">
+                                        <div class="userBox" v-for="item in 30" :key="item.id">
+                                            <el-avatar shape="square" :size="size" :src="item.icon?item.icon:squareUrl" />
+                                            <div>
+                                                <el-text type="primary" >{{item.name}}{{ '('+item.code+')' }}</el-text>
+                                                <el-text type="primary" >{{item.orgName}}</el-text>
+                                            </div>
+                                        </div>
+                                        
+                                    </el-scrollbar>
+
+                                </td>
+                            </tr>
+                            
+                        </tbody>
+                    </table>
+
+
+
+
+
+
+
+
+
+
+
+
+
+                </el-tab-pane>
+            </el-tabs>
+        </div>
+        <AddRoleGroup v-if="openRoleGroup" v-model:show="openRoleGroup" :group-info="roleGroupOrInfo" @resthandel="getRoleTree" />
+        <EditRoleGroup v-if="openEditRoleGroup" v-model:show="openEditRoleGroup" :group-info="roleGroupOrInfo" :data="editRoleCont" @resthandel="getRoleTree" />
+    </div>
+</template>
+<style  lang='scss' scoped>
+.roleBox{
+    display: flex;
+    width: 100%;
+    height: calc(100vh - 170px);
+    padding: 15px 20px 0 20px;
+    justify-content: space-between;
+    .roleLeft{
+        width: 350px;
+        height: calc(100vh - 185px);
+        background-color: #FFFFFF;
+        .butBox{
+            display: flex;
+            justify-content: space-between;
+            padding: 0 10px 10px 10px;
+        }
+        .searchBox{
+            padding: 0 10px 10px 10px;
+        }
+        .treeBox{
+            height: calc(100vh - 330px);
+            
+        }
+    }
+    .roleright{
+        width: calc(100% - 370px);
+        height: calc(100vh - 185px);
+        background-color: #FFFFFF;
+        overflow: hidden;
+        :deep .el-tabs__content{
+            padding: 15px 15px  15px  0px;
+        }
+        :deep .el-main{
+            padding: 0 15px;
+        }
+        
+        .userTitleBox{
+            display: flex;
+            justify-content: space-between;
+            padding: 0px 0px 15px 0px;
+            border-bottom: 1px solid rgba($color: #000000, $alpha: 0.2);
+        }
+        .userTitleBoxes{
+            display: flex;
+            justify-content: space-between;
+        }
+        .pickButBox{
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+        }
+        .scrollBox{
+            margin-top: 5px;
+            height: calc(100vh - 320px);
+        }
+        .userBox{
+            width: 100%;
+            height: 50px;
+            display: flex;
+            align-items: center;
+            justify-items: space-between;
+            border-bottom: 1px dashed rgba($color: #000000, $alpha: 0.2);
+            div{
+                span{
+                    display: flex;
+                    width: 100%;
+                    padding: 0 5px;
+                    color:rgba($color: #000000, $alpha: 0.6);
+                }
+            }
+        }
+    }
+    .tabsTitle{
+        padding: 0 15px;
+    }
+    .tabsTitleCont{
+        padding: 0 35px;
+    }
+    .treeRoleBox{
+        display: flex;
+        justify-content: space-between;
+        width: 100%;
+        align-items: center;
+    }
+    .spanButBox{
+        span{
+            padding: 0 5px;
+        }
+    }
+}
+.tree_sapn {
+  padding: 0 10px 0 0;
+}
+
+
+.table_body {
+  background-color: #ffffff;
+  width: 100%;
+  border-collapse: collapse;
+  /*
+       * 设置边框
+       */
+  td,
+  th {
+    border: 1px solid #cccccc;
+    padding: 5px;
+    table {
+      width: 100%;
+      td,
+      th {
+        border: 0px solid #cccccc;
+        padding: 0px;
+      }
+    }
+  }
+}
+
+.appListBox {
+  width: 100%;
+  li {
+    padding: 10px 2px;
+    border-bottom: 1px solid #ececec;
+    cursor: pointer;
+  }
+  li.active {
+    background-color: #a0cfff;
+  }
+}
+.tab_pane_box {
+  height: calc(100vh - 310px);
+  overflow: hidden;
+  overflow-y: auto;
+    .table_body {
+        background-color: #ffffff;
+        width: 100%;
+        border-collapse: collapse;
+        /*
+            * 设置边框
+            */
+        td,
+        th {
+            border: 1px solid #cccccc;
+            padding: 5px;
+            table {
+            width: 100%;
+            td,
+            th {
+                border: 0px solid #cccccc;
+                padding: 0px;
+            }
+            }
+        }
+    }
+}
+.row_head{
+    background-color: #f5f7fa;
+    color: #000000;
+    text-align: center;
+    border: 1px solid #E4E7ED;
+}
+.roe_col_head{
+    padding: 5px 5px;
+}
+.left_right{
+    border-left: 1px solid #E4E7ED;
+    border-right: 1px solid #E4E7ED;
+    border-bottom: 1px solid #E4E7ED;
+}
+.left_line{
+    border-right: 1px solid #E4E7ED;
+}
+.tab_pane_body {
+  height: calc(100vh - 340px);
+  overflow: hidden;
+  overflow-y: auto;
+}
+.tab_pane_bodyes {
+  height: calc(100vh - 320px);
+  overflow: hidden;
+  overflow-y: auto;
+}
+.appPickPower{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+</style>
diff --git a/src/views/system/monitor/online/index.vue b/src/views/system/monitor/online/index.vue
index 47d6d78..08db74b 100644
--- a/src/views/system/monitor/online/index.vue
+++ b/src/views/system/monitor/online/index.vue
@@ -1,355 +1,18 @@
 <!--
 @ 作者: 秦东
-@ 时间: 2025-10-21 10:06:51
-@ 备注: 在线人数
+@ 时间: 2025-11-17 08:08:01
+@ 备注: 
 -->
 <script lang='ts' setup>
-import { giveRoleTree,editRoleStatus,getOrgPostTree } from '@/api/role/index'
-import type {RoleListTree,RoleFormInfo,orgAndPostisListTree} from '@/api/role/types'
-import type {  TreeNode,TreeInstance  } from 'element-plus'
-import { Search } from '@element-plus/icons-vue'
-import { orgInfo } from "@/api/hr/org/type";
-import { getOrgTreeList } from "@/api/hr/org/index";
 
-import AddRoleGroup from '@/views/system/monitor/online/roleConfig/addRoleGroup.vue'
-import EditRoleGroup from '@/views/system/monitor/online/roleConfig/editRoleGroup.vue'
-
-const orgTree = ref<orgInfo[]>([])
-const roleGroupOrInfo = ref(1)
-const searchQuery = ref('')
-const orgWorkRole = ref("org")
-const appSysPick = ref("system")
-const treeRef = ref<TreeInstance>()
-const treeRefOrg = ref<TreeInstance>()
-const roleListdata = ref<RoleListTree[]>([])
-const orgPostisListdata = ref<orgAndPostisListTree[]>([])
-const treeBoxHeight = ref(300)
-const treeBoxHeightOrg = ref(300)
-const roleLeft = ref()
-const props = {
-  value: 'id',
-  label: 'label',
-  disabled:'status',
-  children: 'children',
-}
-const propsOrg = {
-  value: 'id',
-  label: 'name',
-  disabled:'status',
-  children: 'child',
-}
-const propsOrgPost = {
-  value: 'id',
-  label: 'label',
-  disabled:'status',
-  children: 'children',
-}
-const roleLoading = ref(false)
-const openRoleGroup = ref(false)
-const orgLoading = ref(false)
-const orgPostLoading = ref(false)
-//搜索角色
-const onQueryChanged = (query: string) => {
-  treeRef.value!.filter(query)
-}
-//搜索行政组织
-const onQueryChangedOrg = (query: string) => {
-  treeRefOrg.value!.filter(query)
-}
-const filterMethod = (query: string, node: any) => node.label!.includes(query)
-const filterMethodOrg = (query: string, node: any) => node.name!.includes(query)
-
-//监测赋权组
-watch(()=>orgWorkRole.value,(val:string)=>{
-    console.log("监测赋权组",val)
-    switch(val){
-        case "org":
-            getOrgTreeAry();
-            break;
-        case "job":
-            getOrgPostisTree()
-            break;
-        case "role":
-            getRoleTree();
-            break;
-        default:
-    }
-},{
-    deep:true
-})
-//选中角色节点
-const pickRoleTree = (data:any) => {
-    if(data.status && data.types==1){
-        console.log("监测赋权组------->",data)
-    }
-}
-//选择行政组织
-const pickOrgTree = (data:any) => {
-    console.log("监测赋权组------->",data)
-}
-//获取角色树
-const getRoleTree = () => {
-    roleLoading.value = true
-    giveRoleTree().then(({data})=>{
-        console.log("监测赋权组------->",data)
-        roleListdata.value=data;
-        roleLoading.value = false;
-    }).finally(()=>{roleLoading.value = false})
-}
-const editRoleCont = ref<RoleFormInfo>()
-const openEditRoleGroup = ref(false)
-//编辑角色信息
-const editMyInfoIcon = (data:RoleListTree,types:number) => {
-    console.log("编辑角色信息------->",data)
-    console.log("编辑角色信息---types---->",types)
-    switch(types){
-        case 1:
-            editRoleStatusBut(data.id,2)
-            break;
-        case 2:
-            editRoleStatusBut(data.id,1)
-            break;
-        case 3:
-            editRoleCont.value = {
-                id:data.id,
-                name:data.label,
-                type:data.types,
-                superior:data.superior,
-                sort:data.sort
-            }
-            openEditRoleGroup.value = true
-            break;
-        case 4:
-            ElMessageBox.confirm(
-                "您确定要删除此信息吗？一经删除！数据将不可恢复！请慎重操作！",
-                "警告",
-                {
-                    confirmButtonText: '确定删除',
-                    cancelButtonText: '取消删除',
-                    type: 'warning',
-                }
-            ).then(()=>{
-                editRoleStatusBut(data.id,3)
-            })
-            break;            
-        default:
-            break;
-    }
-}
-//编辑角色状态
-const editRoleStatusBut = (id:string|number,types:number) => {
-    // console.log("编辑角色状态--->",id)
-    editRoleStatus({id:id.toString(),status:types}).then((data:any)=>{
-                if(data.code==0){
-                    ElMessage({
-                        message: data.msg,
-                        type: 'success',
-                    })
-                    getRoleTree()
-                }else{
-                    ElMessage({
-                        message: data.msg,
-                        type: 'success',
-                    })
-                }
-            })
-}
-//添加角色组
-const addRoleGroup = (types:number) => {
-    
-    roleGroupOrInfo.value = types
-    openRoleGroup.value = true     
-}
-//获取行政组织树
-const getOrgTreeAry = () => {
-    roleLoading.value = true
-    if(!Array.isArray(orgTree.value) || orgTree.value.length<=0){
-        
-        getOrgTreeList({ orgid: 0 })
-        .then(({ data }) => {
-            orgTree.value = data
-            roleLoading.value = false
-        }).finally(()=>{roleLoading.value = false})
-    }else{
-        roleLoading.value = false
-    }
-    
-}
-//获取行政组织及岗位
-const getOrgPostisTree = () => {
-    orgPostLoading.value=true
-    if(!Array.isArray(orgPostisListdata.value) || orgPostisListdata.value.length<=0){
-        
-        getOrgPostTree({id:"313"}).then(({data})=>{
-            console.log("获取行政组织及岗位--------->",data)
-            orgPostisListdata.value = data
-            orgPostLoading.value=false
-        }).finally(()=>{orgPostLoading.value=false})
-    }else{
-        orgPostLoading.value=true
-    }
-}
-onMounted(()=>{
-    getOrgTreeAry();
-    console.log("高度-----1---->",roleLeft.value?.offsetHeight)
-    nextTick(()=>{
-        treeBoxHeight.value = roleLeft.value?.offsetHeight - 140
-        treeBoxHeightOrg.value = roleLeft.value?.offsetHeight - 100
-    })
-    
-})
 </script>
 <template>
-    <div class="roleBox">
-        <div ref="roleLeft" class="roleLeft">
-            <el-tabs v-model="orgWorkRole" class="demo-tabs">
-                <el-tab-pane label="行政组织" name="org">
-                    <template #label>
-                        <el-text class="tabsTitle">行政组织</el-text>
-                    </template>
-                    <div class="searchBox">
-                        <el-input v-model="searchQuery" placeholder="请输入要查找的行政组织" :suffix-icon="Search" @input="onQueryChangedOrg"/>
-                    </div>
-                    <el-tree-v2
-                        ref="treeRefOrg"
-                        style="max-width: 350px;"
-                        :data="orgTree"
-                        :props="propsOrg"
-                        :filter-method="filterMethodOrg"
-                        :height="treeBoxHeightOrg"
-                        v-loading="roleLoading"
-                        :highlight-current="true"
-                        :check-on-click-node="true"
-                        :expand-on-click-node="false"
-                        @node-click="pickOrgTree"
-                    >
-                    </el-tree-v2>
-                </el-tab-pane>
-                <el-tab-pane label="岗位" name="job">
-                    <template #label>
-                        <el-text class="tabsTitle">岗位</el-text>
-                    </template>
-                    <div class="searchBox">
-                        <el-input v-model="searchQuery" placeholder="请输入要查找的行政组织" :suffix-icon="Search" @input="onQueryChangedOrg"/>
-                    </div>
-                    <el-tree-v2
-                        ref="treeRefOrg"
-                        style="max-width: 350px;"
-                        :data="orgPostisListdata"
-                        :props="propsOrgPost"
-                        :filter-method="filterMethodOrg"
-                        :height="treeBoxHeightOrg"
-                        v-loading="orgPostLoading"
-                        :highlight-current="true"
-                        :check-on-click-node="true"
-                        :expand-on-click-node="false"
-                        @node-click="pickOrgTree"
-                    >
-                    </el-tree-v2>
-                </el-tab-pane>
-                <el-tab-pane label="角色" name="role">
-                    <template #label>
-                        <el-text class="tabsTitle">角色</el-text>
-                    </template>
-                    <div class="butBox">
-                        <el-button type="primary" @click="addRoleGroup(1)">新建角色组</el-button>
-                        <el-button type="primary" @click="addRoleGroup(2)">新建角色</el-button>
-                    </div>
-                    <div class="searchBox">
-                        <el-input v-model="searchQuery" placeholder="请输入要查找的角色" :suffix-icon="Search" @input="onQueryChanged"/>
-                    </div>
-                    <el-tree-v2
-                        ref="treeRef"
-                        style="max-width: 350px;"
-                        :data="roleListdata"
-                        :props="props"
-                        :filter-method="filterMethod"
-                        :height="treeBoxHeight"
-                        v-loading="roleLoading"
-                        :highlight-current="true"
-                        :check-on-click-node="true"
-                        :expand-on-click-node="false"
-                        @node-click="pickRoleTree"
-                    >
-                        <template #default="{ node }" >
-                            <div class="treeRoleBox">
-                                <span>{{ node.label }}</span>
-                                <div class="spanButBox">
-                                    <el-text v-if="node.disabled"  type="warning" size="small" @click.stop="editMyInfoIcon(node.data,1)">禁用</el-text>
-                                    <el-text v-else  type="success" size="small" @click.stop="editMyInfoIcon(node.data,2)">启用</el-text>
-                                    <el-text  type="primary" size="small" @click.stop="editMyInfoIcon(node.data,3)">编辑</el-text>
-                                    <el-text  type="danger" size="small" @click.stop="editMyInfoIcon(node.data,4)">删除</el-text>
-                                </div>
-                            </div>
-                        </template>
-                    </el-tree-v2>
-                </el-tab-pane>
-            </el-tabs>
-        </div>
-        <div class="roleright">
-            <el-tabs v-model="appSysPick" class="demo-tabs">
-                <el-tab-pane label="平台" name="system">
-                    <template #label>
-                        <el-text class="tabsTitleCont">平台</el-text>
-                    </template>
-                </el-tab-pane>
-                <el-tab-pane label="应用" name="app">
-                    <template #label>
-                        <el-text class="tabsTitleCont">应用</el-text>
-                    </template>
-                </el-tab-pane>
-            </el-tabs>
-        </div>
-        <AddRoleGroup v-if="openRoleGroup" v-model:show="openRoleGroup" :group-info="roleGroupOrInfo" @resthandel="getRoleTree" />
-        <EditRoleGroup v-if="openEditRoleGroup" v-model:show="openEditRoleGroup" :group-info="roleGroupOrInfo" :data="editRoleCont" @resthandel="getRoleTree" />
-    </div>
+  <div class="app-content">
+    
+  </div>
 </template>
 <style  lang='scss' scoped>
-.roleBox{
-    display: flex;
-    width: 100%;
-    height: calc(100vh - 170px);
-    padding: 15px 20px 0 20px;
-    justify-content: space-between;
-    .roleLeft{
-        width: 350px;
-        height: calc(100vh - 185px);
-        background-color: #FFFFFF;
-        .butBox{
-            display: flex;
-            justify-content: space-between;
-            padding: 0 10px 10px 10px;
-        }
-        .searchBox{
-            padding: 0 10px 10px 10px;
-        }
-        .treeBox{
-            height: calc(100vh - 330px);
-            
-        }
-    }
-    .roleright{
-        width: calc(100% - 370px);
-        height: calc(100vh - 185px);
-        background-color: #FFFFFF;
-    }
-    .tabsTitle{
-        padding: 0 15px;
-    }
-    .tabsTitleCont{
-        padding: 0 35px;
-    }
-    .treeRoleBox{
-        display: flex;
-        justify-content: space-between;
-        width: 100%;
-        align-items: center;
-    }
-    .spanButBox{
-        span{
-            padding: 0 5px;
-        }
-    }
+.app-content {
+  
 }
-
 </style>
diff --git a/src/views/system/monitor/online/index123.vue b/src/views/system/monitor/online/index123.vue
new file mode 100644
index 0000000..202d4b1
--- /dev/null
+++ b/src/views/system/monitor/online/index123.vue
@@ -0,0 +1,903 @@
+<!--
+@ 作者: 秦东
+@ 时间: 2025-10-21 10:06:51
+@ 备注: 在线人数
+-->
+<script lang='ts' setup>
+import { giveRoleTree,editRoleStatus,getOrgPostTree } from '@/api/role/index'
+import type {RoleListTree,RoleFormInfo,orgAndPostisListTree} from '@/api/role/types'
+import type {  TreeNode,TreeInstance  } from 'element-plus'
+import { Search } from '@element-plus/icons-vue'
+import { orgInfo } from "@/api/hr/org/type";
+import { getOrgTreeList } from "@/api/hr/org/index";
+import { appPowerUnit } from "@/api/system/roleapi/power";
+import type { getSystemPower,AppPowerTree } from "@/api/system/roleapi/types";
+import { appTableBut, appListBut } from "@/utils/workflow/const";
+import {
+  gainAppList,
+  gainAppTableListNew,
+  getMyPeoplceAndSunOrg,
+  getMyPeopleAndSunOrgPost,
+  getPowerPageUser
+} from "@/api/system/roleapi/postrole";
+import {
+  custerAppInfo
+} from "@/api/system/roleapi/types";
+import type { LoadFunction } from 'element-plus'
+
+
+
+import AddRoleGroup from '@/views/system/monitor/online/roleConfig/addRoleGroup.vue'
+import EditRoleGroup from '@/views/system/monitor/online/roleConfig/editRoleGroup.vue'
+
+const squareUrl = ref<string>(
+  "https://cube.elemecdn.com/9/c2/f0ee8a3c7c9638a54940382568c9dpng.png"
+);
+const orgTree = ref<orgInfo[]>([])
+const roleGroupOrInfo = ref(1)
+const searchQuery = ref('')
+const orgWorkRole = ref("org")
+const appSysPick = ref("system")
+const treeRef = ref<TreeInstance>()
+const treeRefOrg = ref<TreeInstance>()
+const roleListdata = ref<RoleListTree[]>([])
+const orgPostisListdata = ref<orgAndPostisListTree[]>([])
+const treeBoxHeight = ref(300)
+const treeBoxHeightOrg = ref(300)
+const roleLeft = ref()
+const systemPowerTree = ref<AppPowerTree[]>([])
+const ownerPeople = ref<any>([])
+
+const props = {
+  value: 'id',
+  label: 'label',
+  disabled:'status',
+  children: 'children',
+}
+const propsOrg = {
+  value: 'id',
+  label: 'name',
+  disabled:'status',
+  children: 'child',
+}
+const propsOrgPost = {
+  value: 'id',
+  label: 'label',
+  disabled:'status',
+  children: 'children',
+}
+const searchUser =  reactive({
+    page:1,
+    pageSize:19,
+    name:"",
+    total:0,
+});
+const systemPower = ref<getSystemPower>({
+    powerType:"org",
+    appType:"appsystem",
+    appSystem:"system",
+    roleId:"",
+})
+const roleLoading = ref(false)
+const openRoleGroup = ref(false)
+const orgLoading = ref(false)
+const orgPostLoading = ref(false)
+
+const appList = ref<custerAppInfo[]>([]);
+//搜索角色
+const onQueryChanged = (query: string) => {
+  treeRef.value!.filter(query)
+}
+//搜索行政组织
+const onQueryChangedOrg = (query: string) => {
+//   treeRefOrg.value!.filter(query)
+    searchUser.page = 1
+    searchUser.total = 0
+    fpickUserTabs()
+}
+const filterMethod = (query: string, node: any) => node.label!.includes(query)
+const filterMethodOrg = (query: string, node: any) => node.name!.includes(query)
+
+//监测赋权组
+watch(()=>systemPower.value.powerType,(val:string)=>{
+    console.log("监测赋权组",val)
+    getSystemPowerSub();
+    switch(val){
+        case "org":
+            getOrgTreeAry();
+            break;
+        case "job":
+            getOrgPostisTree()
+            break;
+        case "role":
+            getRoleTree();
+            break;
+        case "person":
+            fpickUserTabs();
+            break;
+        default:
+    }
+
+    if(systemPower.value.appSystem=="app"){
+        getAppList();
+    }else{
+        getSystemPowerSub();
+    }
+    
+},{
+    deep:true
+})
+//选中角色节点
+const pickRoleTree = (data:any) => {
+    if(data.status && data.types==1){
+        console.log("监测赋权组------->",data)
+    }
+}
+//选择行政组织
+const pickOrgTree = (data:any) => {
+    console.log("监测赋权组------->",data)
+}
+//获取角色树
+const getRoleTree = () => {
+    roleLoading.value = true
+    giveRoleTree().then(({data})=>{
+        console.log("监测赋权组------->",data)
+        if(Array.isArray(data) && data.length>0){
+            systemPower.value.roleId=data[0].id
+        }
+        roleListdata.value=data;
+        roleLoading.value = false;
+    }).finally(()=>{roleLoading.value = false})
+}
+const editRoleCont = ref<RoleFormInfo>()
+const openEditRoleGroup = ref(false)
+//编辑角色信息
+const editMyInfoIcon = (data:RoleListTree,types:number) => {
+    console.log("编辑角色信息------->",data)
+    console.log("编辑角色信息---types---->",types)
+    switch(types){
+        case 1:
+            editRoleStatusBut(data.id,2)
+            break;
+        case 2:
+            editRoleStatusBut(data.id,1)
+            break;
+        case 3:
+            editRoleCont.value = {
+                id:data.id,
+                name:data.label,
+                type:data.types,
+                superior:data.superior,
+                sort:data.sort
+            }
+            openEditRoleGroup.value = true
+            break;
+        case 4:
+            ElMessageBox.confirm(
+                "您确定要删除此信息吗？一经删除！数据将不可恢复！请慎重操作！",
+                "警告",
+                {
+                    confirmButtonText: '确定删除',
+                    cancelButtonText: '取消删除',
+                    type: 'warning',
+                }
+            ).then(()=>{
+                editRoleStatusBut(data.id,3)
+            })
+            break;            
+        default:
+            break;
+    }
+}
+//编辑角色状态
+const editRoleStatusBut = (id:string|number,types:number) => {
+    // console.log("编辑角色状态--->",id)
+    editRoleStatus({id:id.toString(),status:types}).then((data:any)=>{
+                if(data.code==0){
+                    ElMessage({
+                        message: data.msg,
+                        type: 'success',
+                    })
+                    getRoleTree()
+                }else{
+                    ElMessage({
+                        message: data.msg,
+                        type: 'success',
+                    })
+                }
+            })
+}
+//添加角色组
+const addRoleGroup = (types:number) => {
+    
+    roleGroupOrInfo.value = types
+    openRoleGroup.value = true     
+}
+//获取行政组织树
+const getOrgTreeAry = () => {
+    roleLoading.value = true
+    if(!Array.isArray(orgTree.value) || orgTree.value.length<=0){
+        
+        getOrgTreeList({ orgid: 0 })
+        .then(({ data }) => {
+            if(Array.isArray(data) && data.length>0){
+                systemPower.value.roleId=data[0].id
+            }
+            orgTree.value = data
+            roleLoading.value = false
+        }).finally(()=>{roleLoading.value = false})
+    }else{
+        roleLoading.value = false
+    }
+    
+}
+//获取行政组织及岗位
+const getOrgPostisTree = () => {
+    orgPostLoading.value=true
+    if(!Array.isArray(orgPostisListdata.value) || orgPostisListdata.value.length<=0){
+        
+        getOrgPostTree({id:"313"}).then(({data})=>{
+            console.log("获取行政组织及岗位--------->",data)
+            if(Array.isArray(data) && data.length>0){
+                systemPower.value.roleId=data[0].id
+            }
+            orgPostisListdata.value = data
+            orgPostLoading.value=false
+        }).finally(()=>{orgPostLoading.value=false})
+    }else{
+        orgPostLoading.value=true
+    }
+}
+
+//获取平台授权项目
+const getSystemPowerSub = () => {
+    appPowerUnit(systemPower.value).then(({data})=>{
+        console.log("获取平台授权项目------->",data)
+        systemPowerTree.value = data
+    })
+}
+
+const activeAppId = ref<string>("");
+const appTableList = ref<custerAppTablePower[]>([]);
+/**
+@ 作者: 秦东
+@ 时间: 2025-05-13 14:20:47
+@ 功能: 获取自定义App
+*/
+const getAppList = () => {
+  gainAppList().then((data: any) => {
+    console.log("获取自定义App", data);
+    appList.value = data.data;
+    if (data.data && data.data.length > 0) {
+      if (data.data[0] && data.data[0].signCode) {
+        activeAppId.value = data.data[0].signCode;
+        getAppTableList();
+      }
+    }
+    console.log("获取自定义App", activeAppId.value);
+  });
+};
+/**
+@ 作者: 秦东
+@ 时间: 2025-05-13 16:00:19
+@ 功能: 获取对应App下边的表单
+*/
+const getAppTableList = () => {
+    systemPower.value.roleId = activeAppId.value
+  gainAppTableListNew({id:activeAppId.value,appType:systemPower.value.appType,powerType:systemPower.value.powerType,roleId:systemPower.value.roleId}).then(
+    (data: any) => {
+      console.log("获取对应App下边的表单", data);
+      if (Array.isArray(data.data)) {
+        appTableList.value = data.data;
+      } else {
+        appTableList.value = [];
+      }
+    }
+  );
+};
+watch(()=>systemPower.value.appSystem,(val:string)=>{
+    if(val=="app"){
+        getAppList();
+    }
+},{
+    immediate:true
+})
+onMounted(()=>{
+    // getOrgTreeAry();
+    getSystemPowerSub();
+    console.log("高度-----1---->",roleLeft.value?.offsetHeight)
+    nextTick(()=>{
+        treeBoxHeight.value = roleLeft.value?.offsetHeight - 140
+        treeBoxHeightOrg.value = roleLeft.value?.offsetHeight - 100
+    })
+    
+})
+watch(
+  () => activeAppId.value,
+  (val) => {
+    getAppTableList();
+  },
+  {
+    immediate:true
+  }
+);
+/**
+@ 作者: 秦东
+@ 时间: 2025-05-14 15:01:26
+@ 功能: 选择App数据
+*/
+const pickAppList = (val: custerAppInfo) => {
+  activeAppId.value = val.signCode;
+};
+const systemMenuTreePropsing = {
+  children: "child",
+  label: "name",
+  value: "id",
+};
+interface Tree {
+  name: string
+  leaf?: boolean
+}
+
+const propsLoading = {
+  label: 'name',
+  children: 'zones',
+  isLeaf: 'isLeaf',
+}
+const loadNode: LoadFunction<Tree> = (node, resolve, reject) => {
+    console.log("node============>",node)
+     console.log("resolve===>",resolve)
+  if (node.level === 0) {
+    getMyPeoplceAndSunOrg({id:"313",level:node.level}).then((res) => {
+        console.log("res================>",res)
+        resolve(res.data)
+    })
+  } 
+
+  if (node.level > 0){
+    getMyPeoplceAndSunOrg({id:node.data.id.toString(),level:1}).then((res) => {
+        console.log("res=========1=======>",res.data) 
+        if(res.data && Array.isArray(res.data) && res.data.length > 0){
+            resolve(res.data)
+        }else{
+            resolve([])
+        }
+    }).catch(() => {
+        return reject()
+    })
+  }
+}
+
+const loadNodePost: LoadFunction<Tree> = (node, resolve, reject) => {
+    console.log("node============>",node)
+     console.log("resolve===>",resolve)
+  if (node.level === 0) {
+    getMyPeopleAndSunOrgPost({id:"313",level:node.level,types:node.data.types}).then((res) => {
+        console.log("res================>",res)
+        resolve(res.data)
+    })
+  } 
+
+  if (node.level > 0){
+    getMyPeopleAndSunOrgPost({id:node.data.id.toString(),level:1,types:node.data.types}).then((res) => {
+        console.log("res=========1=======>",res.data) 
+        if(res.data && Array.isArray(res.data) && res.data.length > 0){
+            resolve(res.data)
+        }else{
+            resolve([])
+        }
+    }).catch(() => {
+        return reject()
+    })
+  }
+}
+//获取人员信息
+const fpickUserTabs = () => {
+    getPowerPageUser(searchUser).then((res) => {
+        console.log("res================>",res)
+        ownerPeople.value = res.data.list
+        searchUser.total = res.data.total
+    })
+}
+//分页
+const pageCurrentChange = (val:number) => {
+    searchUser.page = val
+    fpickUserTabs()
+}
+</script>
+<template>
+    <div class="roleBox">
+        <div ref="roleLeft" class="roleLeft">
+            <el-tabs v-model="systemPower.powerType" class="demo-tabs">
+                <el-tab-pane label="组织" name="org">
+                    <template #label>
+                        <el-text class="tabsTitle">组织</el-text>
+                    </template>
+                    <el-scrollbar class="tab_pane_bodyLoading">
+                        <el-tree
+                            ref="treeRefOrg"
+                            style="max-width: 350px;"
+                            :props="propsLoading"
+                            :load="loadNode"
+                            :highlight-current="true"
+                            :expand-on-click-node="false"
+                            :filter-method="filterMethodOrg"
+                            :height="treeBoxHeightOrg"
+                            node-key="id"
+                            lazy
+                            show-checkbox
+                            @node-click="pickOrgTree"
+                        />                                                              
+                    </el-scrollbar>
+                </el-tab-pane>
+                <el-tab-pane label="岗位" name="job">
+                    <template #label>
+                        <el-text class="tabsTitle">岗位</el-text>
+                    </template>
+                    <el-scrollbar class="tab_pane_bodyLoading">
+                        <el-tree
+                            ref="treeRefOrg"
+                            style="max-width: 350px;"
+                            :props="propsLoading"
+                            :load="loadNodePost"
+                            :highlight-current="true"
+                            :expand-on-click-node="false"
+                            :filter-method="filterMethodOrg"
+                            :height="treeBoxHeightOrg"
+                            node-key="id"
+                            lazy
+                            show-checkbox
+                            @node-click="pickOrgTree"
+                        />                                                              
+                    </el-scrollbar>
+                    
+                </el-tab-pane>
+                <el-tab-pane label="角色" name="role">
+                    <template #label>
+                        <el-text class="tabsTitle">角色</el-text>
+                    </template>
+                    <div class="butBox">
+                        <el-button type="primary" @click="addRoleGroup(1)">新建角色组</el-button>
+                        <el-button type="primary" @click="addRoleGroup(2)">新建角色</el-button>
+                    </div>
+                    <div class="searchBox">
+                        <el-input v-model="searchQuery" placeholder="请输入要查找的角色" :suffix-icon="Search" @input="onQueryChanged"/>
+                    </div>
+                    <el-tree-v2
+                        ref="treeRef"
+                        style="max-width: 350px;"
+                        :data="roleListdata"
+                        :props="props"
+                        :filter-method="filterMethod"
+                        :height="treeBoxHeight"
+                        v-loading="roleLoading"
+                        :highlight-current="true"
+                        :check-on-click-node="true"
+                        :expand-on-click-node="false"
+                        @node-click="pickRoleTree"
+                    >
+                        <template #default="{ node }" >
+                            <div class="treeRoleBox">
+                                <span>{{ node.label }}</span>
+                                <div class="spanButBox">
+                                    <el-text v-if="node.disabled"  type="warning" size="small" @click.stop="editMyInfoIcon(node.data,1)">禁用</el-text>
+                                    <el-text v-else  type="success" size="small" @click.stop="editMyInfoIcon(node.data,2)">启用</el-text>
+                                    <el-text  type="primary" size="small" @click.stop="editMyInfoIcon(node.data,3)">编辑</el-text>
+                                    <el-text  type="danger" size="small" @click.stop="editMyInfoIcon(node.data,4)">删除</el-text>
+                                </div>
+                            </div>
+                        </template>
+                    </el-tree-v2>
+                </el-tab-pane>
+                <el-tab-pane label="个人" name="person">
+                    <div class="searchBox">
+                        <el-input v-model="searchUser.name" placeholder="请输入要查找的人" :suffix-icon="Search" @input="onQueryChangedOrg"/>
+                    </div>
+                    <el-scrollbar class="tab_pane_bodyes">
+                        <div class="userBox" v-for="item in ownerPeople" :key="item.id">
+                            <el-avatar shape="square" :size="size" :src="item.icon?item.icon:squareUrl" />
+                            <div>
+                                <el-text type="primary" >{{item.name}}{{ '('+item.code+')' }}</el-text>
+                                <el-text type="primary" >{{item.org}}</el-text>
+                            </div>
+                        </div>
+                                        
+                    </el-scrollbar>
+                    <div style="width: 100%; display: flex; justify-content: center; margin-top: 5px;">
+                        <el-pagination
+                            :page-size="searchUser.pageSize"
+                            
+                            :pager-count="7"
+                            layout="prev, pager, next"
+                            :total="searchUser.total"
+                            @current-change="pageCurrentChange"
+                        />
+                    </div>
+
+
+                </el-tab-pane>
+            </el-tabs>
+        </div>
+        <div class="roleright">
+            <el-tabs v-model="systemPower.appSystem" class="demo-tabs">
+                <el-tab-pane label="平台" name="system">
+                    <template #label>
+                        <el-text class="tabsTitleCont">平台</el-text>
+                    </template>
+                    
+
+                    
+
+                    <el-table
+
+                                :data="systemPowerTree"
+                                style="width: 100%; height: calc(100vh - 277px)"
+                                :cell-style="{ padding: '10px 0' }"
+                                :header-cell-style="{ background: '#F5F7FA', color: '#909399' }"
+                                border
+                            
+                                row-key="id"
+                    
+                            >
+                                <el-table-column fixed prop="name" label="目录/菜单" width="380" >
+                                    <template #default="scope">
+                                        <span class="tree_sapn">{{ scope.row.name }}</span>
+                                        <el-tag v-if="scope.row.types === 2" type="warning" size="small">目录</el-tag>
+                                        <el-tag v-if="scope.row.types === 1" type="success" size="small">菜单</el-tag>
+                                        <el-tag v-if="scope.row.types === 4" type="danger" size="small">按钮</el-tag>
+                                        <el-tag v-if="scope.row.types === 3" type="info" size="small">外链</el-tag>
+                                    </template>
+                                </el-table-column>
+                                <el-table-column prop="isTrue" label="授权" width="80" align="center" >
+                                    <template #default="scope">
+                                        <el-checkbox v-model="scope.row.isTrue" label=""  />
+                                    </template>
+                                </el-table-column>
+                                <el-table-column prop="buttenPower" label="操作按钮" min-width="380"  >
+                                    <template #header>
+                                        <div class="pickButBox">
+                                            <el-text  >操作按钮</el-text>
+                                            <el-button type="primary" size="small">确定授权</el-button>
+                                        </div>
+                                    </template>
+                                    <template #default="scope">
+                                        <el-checkbox v-for="item in scope.row.buttenPower" :key="item" v-model="scope.row.isTrue" :label="item.name"  />
+                                    </template>
+                                </el-table-column>
+                            </el-table>
+
+
+
+                </el-tab-pane>
+                <el-tab-pane label="应用" name="app">
+                    <template #label>
+                        <el-text class="tabsTitleCont">应用</el-text>
+                    </template>
+
+                    
+                    
+                     <table class="table_body">
+                        <thead>
+                            <tr  v-if="systemPower.powerType == 'role'">
+                                <td align="center" width="20%">应用</td>
+                                <td align="center" width="50%">应用详情</td>
+                            </tr>
+                            <tr v-else>
+                                <td align="center" width="20%">应用</td>
+                                <td width="80%">
+                                    <div  class="appPickPower">
+                                        应用详情
+                                        <el-button type="primary" size="small">确定授权</el-button>
+                                    </div>
+                                </td>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr >
+                                <td valign="top">
+                                    <el-scrollbar class="tab_pane_box">
+                                        <ul class="appListBox">
+                                            <li v-for="item in appList" :key="item"  @click="pickAppList(item)">{{ item.name }}</li>
+                                        </ul>
+                                    </el-scrollbar>
+                                </td>
+                                <td valign="top">
+                                    <el-row class="row_head">
+                                        <el-col class="roe_col_head left_line" :span="6">
+                                                页面
+                                        </el-col>
+                                        <el-col class="roe_col_head left_line" :span="6">
+                                            表单权力
+                                        </el-col>
+                                        <el-col class="roe_col_head left_line" :span="6">
+                                            列表权限
+                                        </el-col>
+                                        <el-col class="roe_col_head" :span="6">
+                                            数据权限
+                                        </el-col>
+                                    </el-row>
+                                    <el-scrollbar class="tab_pane_body">
+                                        <el-row class="left_right" v-for="item in appTableList" :key="item.id">
+                                            <el-col  class="roe_col_head left_line" :span="6">
+                                                {{ item.name }}
+                                            </el-col>
+                                            <el-col  class="roe_col_head left_line" :span="6">
+                                                
+                                                <el-checkbox-group v-model="item.tablePower">
+                                                    <el-checkbox
+                                                    v-for="city in appTableBut"
+                                                    :key="city.key"
+                                                    :label="city.label"
+                                                    :value="city.value"
+                                                    >
+                                                    {{ city.label }}
+                                                    </el-checkbox>
+                                                </el-checkbox-group>
+                                            </el-col>
+                                            <el-col  class="roe_col_head left_line" :span="6">
+                                              
+                                               <el-checkbox-group v-if="item.istIsTrue" v-model="item.listPower">
+                                                    <el-checkbox
+                                                        v-for="city in appListBut"
+                                                        :key="city.key"
+                                                        :label="city.label"
+                                                        :value="city.value"
+                                                        >
+                                                        {{ city.label }}
+                                                        </el-checkbox>
+                                                    </el-checkbox-group>
+                                            </el-col>
+                                            <el-col  class="roe_col_head" :span="6">
+                                                
+                                                 <el-radio-group
+                                                        v-model="item.datePower.types"
+                                                        @change="pickAppDataPower(item.datePower)"
+                                                    >
+                                                        <el-row>
+                                                        <el-col :span="24"><el-radio :value="1">本人</el-radio></el-col>
+                                                        <el-col :span="24"><el-radio :value="2">本岗位</el-radio></el-col>
+                                                        <el-col :span="24"><el-radio :value="3">本部门</el-radio></el-col>
+                                                        <el-col :span="24"><el-radio :value="4">本分部</el-radio></el-col>
+                                                        <el-col :span="24">
+                                                            <el-radio :value="5">指定行政组织</el-radio>
+                                                            <el-tree-select
+                                                                v-if="item.datePower.types == 5"
+                                                                v-model="item.datePower.attribute"
+                                                                :data="orgTree"
+                                                                style="width: 100%"
+                                                                node-key="id"
+                                                                :props="systemMenuTreePropsing"
+                                                                clearable
+                                                                multiple
+                                                                :render-after-expand="false"
+                                                                show-checkbox
+                                                                collapse-tags
+                                                                collapse-tags-tooltip
+                                                            />
+                                                        </el-col>
+                                                        <el-col :span="24"><el-radio :value="6">所有</el-radio></el-col>
+                                                        </el-row>
+                                                    </el-radio-group>
+                                            </el-col>
+                                        </el-row>
+                                    </el-scrollbar>
+                                </td>
+                                
+                            </tr>
+                            
+                        </tbody>
+                    </table>
+
+
+
+
+
+
+
+
+
+
+
+
+
+                </el-tab-pane>
+            </el-tabs>
+        </div>
+        <AddRoleGroup v-if="openRoleGroup" v-model:show="openRoleGroup" :group-info="roleGroupOrInfo" @resthandel="getRoleTree" />
+        <EditRoleGroup v-if="openEditRoleGroup" v-model:show="openEditRoleGroup" :group-info="roleGroupOrInfo" :data="editRoleCont" @resthandel="getRoleTree" />
+    </div>
+</template>
+<style  lang='scss' scoped>
+.roleBox{
+    display: flex;
+    width: 100%;
+    height: calc(100vh - 170px);
+    padding: 15px 20px 0 20px;
+    justify-content: space-between;
+    .roleLeft{
+        width: 350px;
+        height: calc(100vh - 185px);
+        background-color: #FFFFFF;
+        .butBox{
+            display: flex;
+            justify-content: space-between;
+            padding: 0 10px 10px 10px;
+        }
+        .searchBox{
+            padding: 0 10px 5px 10px;
+        }
+        .treeBox{
+            height: calc(100vh - 330px);
+            
+        }
+    }
+    .roleright{
+        width: calc(100% - 370px);
+        height: calc(100vh - 185px);
+        background-color: #FFFFFF;
+        overflow: hidden;
+        :deep .el-tabs__content{
+            padding: 15px 15px  15px  0px;
+        }
+        :deep .el-main{
+            padding: 0 15px;
+        }
+        
+        .userTitleBox{
+            display: flex;
+            justify-content: space-between;
+            padding: 0px 0px 15px 0px;
+            border-bottom: 1px solid rgba($color: #000000, $alpha: 0.2);
+        }
+        .userTitleBoxes{
+            display: flex;
+            justify-content: space-between;
+        }
+        .pickButBox{
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+        }
+        .scrollBox{
+            margin-top: 5px;
+            height: calc(100vh - 320px);
+        }
+        
+    }
+    .tabsTitle{
+        padding: 0 15px;
+    }
+    .tabsTitleCont{
+        padding: 0 35px;
+    }
+    .treeRoleBox{
+        display: flex;
+        justify-content: space-between;
+        width: 100%;
+        align-items: center;
+    }
+    .spanButBox{
+        span{
+            padding: 0 5px;
+        }
+    }
+}
+.tree_sapn {
+  padding: 0 10px 0 0;
+}
+
+
+.table_body {
+  background-color: #ffffff;
+  width: 100%;
+  border-collapse: collapse;
+  /*
+       * 设置边框
+       */
+  td,
+  th {
+    border: 1px solid #cccccc;
+    padding: 5px;
+    table {
+      width: 100%;
+      td,
+      th {
+        border: 0px solid #cccccc;
+        padding: 0px;
+      }
+    }
+  }
+}
+
+.appListBox {
+  width: 100%;
+  li {
+    padding: 10px 2px;
+    border-bottom: 1px solid #ececec;
+    cursor: pointer;
+  }
+  li.active {
+    background-color: #a0cfff;
+  }
+}
+.tab_pane_box {
+  height: calc(100vh - 310px);
+  overflow: hidden;
+  overflow-y: auto;
+    .table_body {
+        background-color: #ffffff;
+        width: 100%;
+        border-collapse: collapse;
+        /*
+            * 设置边框
+            */
+        td,
+        th {
+            border: 1px solid #cccccc;
+            padding: 5px;
+            table {
+            width: 100%;
+            td,
+            th {
+                border: 0px solid #cccccc;
+                padding: 0px;
+            }
+            }
+        }
+    }
+}
+.row_head{
+    background-color: #f5f7fa;
+    color: #000000;
+    text-align: center;
+    border: 1px solid #E4E7ED;
+}
+.roe_col_head{
+    padding: 5px 5px;
+}
+.left_right{
+    border-left: 1px solid #E4E7ED;
+    border-right: 1px solid #E4E7ED;
+    border-bottom: 1px solid #E4E7ED;
+}
+.left_line{
+    border-right: 1px solid #E4E7ED;
+}
+.tab_pane_body {
+  height: calc(100vh - 340px);
+  overflow: hidden;
+  overflow-y: auto;
+}
+.tab_pane_bodyes {
+  height: calc(100vh - 320px);
+  overflow: hidden;
+  overflow-y: auto;
+}
+.tab_pane_bodyLoading {
+  height: calc(100vh - 250px);
+  overflow: hidden;
+  overflow-y: auto;
+}
+.appPickPower{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+.userBox{
+            width: 100%;
+            min-height: 50px;
+            display: flex;
+            align-items: center;
+            justify-items: space-between;
+            padding: 0 10px;
+            border-bottom: 1px dashed rgba($color: #000000, $alpha: 0.2);
+            div{
+                span{
+                    display: flex;
+                    width: 100%;
+                    padding: 0 5px;
+                    color:rgba($color: #000000, $alpha: 0.6);
+                }
+            }
+}
+</style>
diff --git a/src/views/system/monitor/online/index2.vue b/src/views/system/monitor/online/index2.vue
new file mode 100644
index 0000000..dbe2f5c
--- /dev/null
+++ b/src/views/system/monitor/online/index2.vue
@@ -0,0 +1,823 @@
+<!--
+@ 作者: 秦东
+@ 时间: 2025-10-21 10:06:51
+@ 备注: 在线人数
+-->
+<script lang='ts' setup>
+import { giveRoleTree,editRoleStatus,getOrgPostTree } from '@/api/role/index'
+import type {RoleListTree,RoleFormInfo,orgAndPostisListTree} from '@/api/role/types'
+import type {  TreeNode,TreeInstance  } from 'element-plus'
+import { Search } from '@element-plus/icons-vue'
+import { orgInfo } from "@/api/hr/org/type";
+import { getOrgTreeList } from "@/api/hr/org/index";
+import { appPowerUnit } from "@/api/system/roleapi/power";
+import type { getSystemPower,AppPowerTree } from "@/api/system/roleapi/types";
+import { appTableBut, appListBut } from "@/utils/workflow/const";
+import {
+  gainAppList,
+  gainAppTableListNew,
+  getMyPeoplceAndSunOrg,
+  getMyPeopleAndSunOrgPost,
+  getPowerPageUser
+} from "@/api/system/roleapi/postrole";
+import {
+  custerAppInfo
+} from "@/api/system/roleapi/types";
+
+
+
+import AddRoleGroup from '@/views/system/monitor/online/roleConfig/addRoleGroup.vue'
+import EditRoleGroup from '@/views/system/monitor/online/roleConfig/editRoleGroup.vue'
+
+const squareUrl = ref<string>(
+  "https://cube.elemecdn.com/9/c2/f0ee8a3c7c9638a54940382568c9dpng.png"
+);
+const orgTree = ref<orgInfo[]>([])
+const roleGroupOrInfo = ref(1)
+const searchQuery = ref('')
+const orgWorkRole = ref("org")
+const appSysPick = ref("system")
+const treeRef = ref<TreeInstance>()
+const treeRefOrg = ref<TreeInstance>()
+const treeRefOrgPost = ref<TreeInstance>()
+const roleListdata = ref<RoleListTree[]>([])
+const orgPostisListdata = ref<orgAndPostisListTree[]>([])
+const treeBoxHeight = ref(300)
+const treeBoxHeightOrg = ref(300)
+const roleLeft = ref()
+const systemPowerTree = ref<AppPowerTree[]>([])
+const ownerPeople = ref<any>([])
+
+const props = {
+  value: 'id',
+  label: 'label',
+  disabled:'status',
+  children: 'children',
+}
+const propsOrg = {
+  value: 'id',
+  label: 'name',
+//   disabled:'status',
+  children: 'child',
+}
+const propsOrgPost = {
+  value: 'id',
+  label: 'label',
+  disabled:'status',
+  children: 'children',
+}
+const systemPower = ref<getSystemPower>({
+    powerType:"org",
+    appType:"appsystem",
+    appSystem:"system",
+    roleId:"",
+})
+const roleLoading = ref(false)
+const openRoleGroup = ref(false)
+const orgLoading = ref(false)
+const orgPostLoading = ref(false)
+
+const appList = ref<custerAppInfo[]>([]);
+//搜索角色
+const onQueryChanged = (query: string) => {
+  treeRef.value!.filter(query)
+}
+//搜索行政组织
+const onQueryChangedOrg = (query: string) => {
+  treeRefOrg.value!.filter(query)
+}
+const filterMethod = (query: string, node: any) => node.label!.includes(query)
+const filterMethodOrg = (query: string, node: any) => node.label!.includes(query)
+
+//监测赋权组
+watch(()=>systemPower.value.powerType,(val:string)=>{
+    console.log("监测赋权组",val)
+    getSystemPowerSub();
+    switch(val){
+        case "org":
+            getOrgTreeAry();
+            break;
+        case "job":
+            getOrgPostisTree()
+            break;
+        case "role":
+            getRoleTree();
+            break;
+        default:
+    }
+
+    if(systemPower.value.appSystem=="app"){
+        getAppList();
+    }else{
+        getSystemPowerSub();
+    }
+    
+},{
+    deep:true
+})
+//选中角色节点
+const pickRoleTree = (data:any) => {
+    if(data.status && data.types==1){
+        console.log("监测赋权组------->",data)
+    }
+}
+//选择行政组织
+const pickOrgTree = (data:any) => {
+    console.log("监测赋权组------->",data)
+}
+//获取角色树
+const getRoleTree = () => {
+    roleLoading.value = true
+    giveRoleTree().then(({data})=>{
+        console.log("监测赋权组------->",data)
+        if(Array.isArray(data) && data.length>0){
+            systemPower.value.roleId=data[0].id.toString()
+        }
+        roleListdata.value=data;
+        roleLoading.value = false;
+    }).finally(()=>{roleLoading.value = false})
+}
+const editRoleCont = ref<RoleFormInfo>()
+const openEditRoleGroup = ref(false)
+//编辑角色信息
+const editMyInfoIcon = (data:RoleListTree,types:number) => {
+    console.log("编辑角色信息------->",data)
+    console.log("编辑角色信息---types---->",types)
+    switch(types){
+        case 1:
+            editRoleStatusBut(data.id,2)
+            break;
+        case 2:
+            editRoleStatusBut(data.id,1)
+            break;
+        case 3:
+            editRoleCont.value = {
+                id:data.id,
+                name:data.label,
+                type:data.types,
+                superior:data.superior,
+                sort:data.sort
+            }
+            openEditRoleGroup.value = true
+            break;
+        case 4:
+            ElMessageBox.confirm(
+                "您确定要删除此信息吗？一经删除！数据将不可恢复！请慎重操作！",
+                "警告",
+                {
+                    confirmButtonText: '确定删除',
+                    cancelButtonText: '取消删除',
+                    type: 'warning',
+                }
+            ).then(()=>{
+                editRoleStatusBut(data.id,3)
+            })
+            break;            
+        default:
+            break;
+    }
+}
+//编辑角色状态
+const editRoleStatusBut = (id:string|number,types:number) => {
+    // console.log("编辑角色状态--->",id)
+    editRoleStatus({id:id.toString(),status:types}).then((data:any)=>{
+                if(data.code==0){
+                    ElMessage({
+                        message: data.msg,
+                        type: 'success',
+                    })
+                    getRoleTree()
+                }else{
+                    ElMessage({
+                        message: data.msg,
+                        type: 'success',
+                    })
+                }
+            })
+}
+//添加角色组
+const addRoleGroup = (types:number) => {
+    
+    roleGroupOrInfo.value = types
+    openRoleGroup.value = true     
+}
+//获取行政组织树
+const getOrgTreeAry = () => {
+    roleLoading.value = true
+    if(!Array.isArray(orgTree.value) || orgTree.value.length<=0){
+        
+        getOrgTreeList({ orgid: 0 })
+        .then(({ data }) => {
+            if(Array.isArray(data) && data.length>0){
+                systemPower.value.roleId=data[0].id.toString()
+            }
+            orgTree.value = data
+            roleLoading.value = false
+        }).finally(()=>{roleLoading.value = false})
+    }else{
+        roleLoading.value = false
+    }
+    
+}
+//获取行政组织及岗位
+const getOrgPostisTree = () => {
+    orgPostLoading.value=true
+    if(!Array.isArray(orgPostisListdata.value) || orgPostisListdata.value.length<=0){
+        
+        getOrgPostTree({id:"313"}).then(({data})=>{
+            console.log("获取行政组织及岗位--------->",data)
+            if(Array.isArray(data) && data.length>0){
+                systemPower.value.roleId=data[0].id.toString()
+            }
+            orgPostisListdata.value = data
+            orgPostLoading.value=false
+        }).finally(()=>{orgPostLoading.value=false})
+    }else{
+        orgPostLoading.value=true
+    }
+}
+
+//获取平台授权项目
+const getSystemPowerSub = () => {
+    appPowerUnit(systemPower.value).then(({data})=>{
+        console.log("获取平台授权项目------->",data)
+        systemPowerTree.value = data
+    })
+}
+
+const activeAppId = ref<string>("");
+const appTableList = ref<custerAppTablePower[]>([]);
+/**
+@ 作者: 秦东
+@ 时间: 2025-05-13 14:20:47
+@ 功能: 获取自定义App
+*/
+const getAppList = () => {
+  gainAppList().then((datassssssssssssssssssssssssssssssssssssssssssssssssssssss: any) => {
+    console.log("获取自定义App", data);
+    appList.value = data.data;
+    if (data.data && data.data.length > 0) {
+      if (data.data[0] && data.data[0].signCode) {
+        activeAppId.value = data.data[0].signCode;
+        getAppTableList();
+      }
+    }
+    console.log("获取自定义App", activeAppId.value);
+  });
+};
+/**
+@ 作者: 秦东
+@ 时间: 2025-05-13 16:00:19
+@ 功能: 获取对应App下边的表单
+*/
+const getAppTableList = () => {
+    systemPower.value.roleId = activeAppId.value.toString()
+  gainAppTableListNew({id:activeAppId.value,appType:systemPower.value.appType,powerType:systemPower.value.powerType,roleId:systemPower.value.roleId}).then(
+    (data: any) => {
+      console.log("获取对应App下边的表单", data);
+      if (Array.isArray(data.data)) {
+        appTableList.value = data.data;
+      } else {
+        appTableList.value = [];
+      }
+    }
+  );
+};
+watch(()=>systemPower.value.appSystem,(val:string)=>{
+    if(val=="app"){
+        getAppList();
+    }
+},{
+    immediate:true
+})
+onMounted(()=>{
+    getOrgTreeAry();
+    getSystemPowerSub();
+    console.log("高度-----1---->",roleLeft.value?.offsetHeight)
+    nextTick(()=>{
+        treeBoxHeight.value = roleLeft.value?.offsetHeight - 140
+        treeBoxHeightOrg.value = roleLeft.value?.offsetHeight - 100
+    })
+    
+})
+watch(
+  () => activeAppId.value,
+  (val) => {
+    getAppTableList();
+  },
+  {
+    immediate:true
+  }
+);
+/**
+@ 作者: 秦东
+@ 时间: 2025-05-14 15:01:26
+@ 功能: 选择App数据
+*/
+const pickAppList = (val: custerAppInfo) => {
+  activeAppId.value = val.signCode;
+};
+const systemMenuTreePropsing = {
+  children: "child",
+  label: "name",
+  value: "id",
+};
+
+
+//搜索行政组织岗位
+const onQuedOrg = (query: string) => {
+  treeRefOrgPost.value!.filter(query)
+}
+</script>
+<template>
+    <div class="roleBox">
+        <div ref="roleLeft" class="roleLeft">
+            <el-tabs v-model="systemPower.powerType" class="demo-tabs">
+                <el-tab-pane label="组织" name="org">
+                    <template #label>
+                        <el-text class="tabsTitle">组织</el-text>
+                    </template>
+                    <div class="searchBox">
+                        <el-input v-model="searchQuery" placeholder="请输入要查找的行政组织" :suffix-icon="Search" @input="onQueryChangedOrg"/>
+                    </div>
+                    <el-tree-v2
+                        ref="treeRefOrg"
+                        style="max-width: 350px;"
+                        :data="orgTree"
+                        :props="propsOrg"
+                        :filter-method="filterMethodOrg"
+                        :height="treeBoxHeightOrg"
+                        v-loading="roleLoading"
+                        :highlight-current="true"
+                        :check-on-click-node="true"
+                        :expand-on-click-node="false"
+                          show-checkbox
+                        @node-click="pickOrgTree"
+                    >
+                    </el-tree-v2>
+                </el-tab-pane>
+                <el-tab-pane label="岗位" name="job">
+                    <template #label>
+                        <el-text class="tabsTitle">岗位</el-text>
+                    </template>
+                    <div class="searchBox">
+                        <el-input v-model="searchQuery" placeholder="请输入要查找的行政组织" :suffix-icon="Search" @input="onQuedOrg"/>
+                    </div>
+                    <el-tree-v2
+                        ref="treeRefOrgPost"
+                        style="max-width: 350px;"
+                        :data="orgPostisListdata"
+                        :props="propsOrgPost"
+                        :filter-method="filterMethodOrg"
+                        :height="treeBoxHeightOrg"
+                        v-loading="roleLoading"
+                        :highlight-current="true"
+                        :check-on-click-node="true"
+                        :expand-on-click-node="false"
+                          show-checkbox
+                        @node-click="pickOrgTree"
+                    >
+                    </el-tree-v2>
+                </el-tab-pane>
+                <el-tab-pane label="角色" name="role">
+                    <template #label>
+                        <el-text class="tabsTitle">角色</el-text>
+                    </template>
+                    <div class="butBox">
+                        <el-button type="primary" @click="addRoleGroup(1)">新建角色组</el-button>
+                        <el-button type="primary" @click="addRoleGroup(2)">新建角色</el-button>
+                    </div>
+                    <div class="searchBox">
+                        <el-input v-model="searchQuery" placeholder="请输入要查找的角色" :suffix-icon="Search" @input="onQueryChanged"/>
+                    </div>
+                    <el-tree-v2
+                        ref="treeRef"
+                        style="max-width: 350px;"
+                        :data="roleListdata"
+                        :props="props"
+                        :filter-method="filterMethod"
+                        :height="treeBoxHeight"
+                        v-loading="roleLoading"
+                    
+                        show-checkbox
+                        @node-click="pickRoleTree"
+                    >
+                        <template #default="{ node }" >
+                            <div class="treeRoleBox">
+                                <span>{{ node.label }}</span>
+                                <div class="spanButBox">
+                                    <el-text v-if="node.disabled"  type="warning" size="small" @click.stop="editMyInfoIcon(node.data,1)">禁用</el-text>
+                                    <el-text v-else  type="success" size="small" @click.stop="editMyInfoIcon(node.data,2)">启用</el-text>
+                                    <el-text  type="primary" size="small" @click.stop="editMyInfoIcon(node.data,3)">编辑</el-text>
+                                    <el-text  type="danger" size="small" @click.stop="editMyInfoIcon(node.data,4)">删除</el-text>
+                                </div>
+                            </div>
+                        </template>
+                    </el-tree-v2>
+                </el-tab-pane>
+                <el-tab-pane label="个人" name="person">
+                    <div class="searchBox">
+                        <el-input v-model="searchQuery" placeholder="请输入要查找的人" :suffix-icon="Search" @input="onQueryChangedOrg"/>
+                    </div>
+                    <el-scrollbar class="tab_pane_bodyes">
+                                        <div class="userBox" v-for="item in 30" :key="item.id">
+                                            <el-avatar shape="square" :size="size" :src="item.icon?item.icon:squareUrl" />
+                                            <div>
+                                                <el-text type="primary" >{{item.name}}{{ '('+item.code+')' }}</el-text>
+                                                <el-text type="primary" >{{item.orgName}}</el-text>
+                                            </div>
+                                        </div>
+                                        
+                    </el-scrollbar>
+                    <div style="width: 100%; display: flex; justify-content: center; margin-top: 5px;">
+                        <el-pagination
+                            :page-size="19"
+                            :pager-count="7"
+                            layout="prev, pager, next"
+                            :total="2"
+                            
+                        />
+                    </div>
+
+
+                </el-tab-pane>
+            </el-tabs>
+        </div>
+        <div class="roleright">
+            <el-tabs v-model="systemPower.appSystem" class="demo-tabs">
+                <el-tab-pane label="平台" name="system">
+                    <template #label>
+                        <el-text class="tabsTitleCont">平台</el-text>
+                    </template>
+                    
+
+                    
+
+                    <el-table
+
+                                :data="systemPowerTree"
+                                style="width: 100%; height: calc(100vh - 277px)"
+                                :cell-style="{ padding: '10px 0' }"
+                                :header-cell-style="{ background: '#F5F7FA', color: '#909399' }"
+                                border
+                            
+                                row-key="id"
+                    
+                            >
+                                <el-table-column fixed prop="name" label="目录/菜单" width="380" >
+                                    <template #default="scope">
+                                        <span class="tree_sapn">{{ scope.row.name }}</span>
+                                        <el-tag v-if="scope.row.types === 2" type="warning" size="small">目录</el-tag>
+                                        <el-tag v-if="scope.row.types === 1" type="success" size="small">菜单</el-tag>
+                                        <el-tag v-if="scope.row.types === 4" type="danger" size="small">按钮</el-tag>
+                                        <el-tag v-if="scope.row.types === 3" type="info" size="small">外链</el-tag>
+                                    </template>
+                                </el-table-column>
+                                <el-table-column prop="isTrue" label="授权" width="80" align="center" >
+                                    <template #default="scope">
+                                        <el-checkbox v-model="scope.row.isTrue" label=""  />
+                                    </template>
+                                </el-table-column>
+                                <el-table-column prop="buttenPower" label="操作按钮" min-width="380"  >
+                                    <template #header>
+                                        <div class="pickButBox">
+                                            <el-text  >操作按钮</el-text>
+                                            <el-button type="primary" size="small">确定授权</el-button>
+                                        </div>
+                                    </template>
+                                    <template #default="scope">
+                                        <el-checkbox v-for="item in scope.row.buttenPower" :key="item" v-model="scope.row.isTrue" :label="item.name"  />
+                                    </template>
+                                </el-table-column>
+                            </el-table>
+
+
+
+                </el-tab-pane>
+                <el-tab-pane label="应用" name="app">
+                    <template #label>
+                        <el-text class="tabsTitleCont">应用</el-text>
+                    </template>
+
+                    
+                    
+                     <table class="table_body">
+                        <thead>
+                            <tr  v-if="systemPower.powerType == 'role'">
+                                <td align="center" width="20%">应用</td>
+                                <td align="center" width="50%">应用详情</td>
+                            </tr>
+                            <tr v-else>
+                                <td align="center" width="20%">应用</td>
+                                <td width="80%">
+                                    <div  class="appPickPower">
+                                        应用详情
+                                        <el-button type="primary" size="small">确定授权</el-button>
+                                    </div>
+                                </td>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr >
+                                <td valign="top">
+                                    <el-scrollbar class="tab_pane_box">
+                                        <ul class="appListBox">
+                                            <li v-for="item in appList" :key="item"  @click="pickAppList(item)">{{ item.name }}</li>
+                                        </ul>
+                                    </el-scrollbar>
+                                </td>
+                                <td valign="top">
+                                    <el-row class="row_head">
+                                        <el-col class="roe_col_head left_line" :span="6">
+                                                页面
+                                        </el-col>
+                                        <el-col class="roe_col_head left_line" :span="6">
+                                            表单权力
+                                        </el-col>
+                                        <el-col class="roe_col_head left_line" :span="6">
+                                            列表权限
+                                        </el-col>
+                                        <el-col class="roe_col_head" :span="6">
+                                            数据权限
+                                        </el-col>
+                                    </el-row>
+                                    <el-scrollbar class="tab_pane_body">
+                                        <el-row class="left_right" v-for="item in appTableList" :key="item.id">
+                                            <el-col  class="roe_col_head left_line" :span="6">
+                                                {{ item.name }}
+                                            </el-col>
+                                            <el-col  class="roe_col_head left_line" :span="6">
+                                                
+                                                <el-checkbox-group v-model="item.tablePower">
+                                                    <el-checkbox
+                                                    v-for="city in appTableBut"
+                                                    :key="city.key"
+                                                    :label="city.label"
+                                                    :value="city.value"
+                                                    >
+                                                    {{ city.label }}
+                                                    </el-checkbox>
+                                                </el-checkbox-group>
+                                            </el-col>
+                                            <el-col  class="roe_col_head left_line" :span="6">
+                                              
+                                               <el-checkbox-group v-if="item.istIsTrue" v-model="item.listPower">
+                                                    <el-checkbox
+                                                        v-for="city in appListBut"
+                                                        :key="city.key"
+                                                        :label="city.label"
+                                                        :value="city.value"
+                                                        >
+                                                        {{ city.label }}
+                                                        </el-checkbox>
+                                                    </el-checkbox-group>
+                                            </el-col>
+                                            <el-col  class="roe_col_head" :span="6">
+                                                
+                                                 <el-radio-group
+                                                        v-model="item.datePower.types"
+                                                        @change="pickAppDataPower(item.datePower)"
+                                                    >
+                                                        <el-row>
+                                                        <el-col :span="24"><el-radio :value="1">本人</el-radio></el-col>
+                                                        <el-col :span="24"><el-radio :value="2">本岗位</el-radio></el-col>
+                                                        <el-col :span="24"><el-radio :value="3">本部门</el-radio></el-col>
+                                                        <el-col :span="24"><el-radio :value="4">本分部</el-radio></el-col>
+                                                        <el-col :span="24">
+                                                            <el-radio :value="5">指定行政组织</el-radio>
+                                                            <el-tree-select
+                                                                v-if="item.datePower.types == 5"
+                                                                v-model="item.datePower.attribute"
+                                                                :data="orgTree"
+                                                                style="width: 100%"
+                                                                node-key="id"
+                                                                :props="systemMenuTreePropsing"
+                                                                clearable
+                                                                multiple
+                                                                :render-after-expand="false"
+                                                                show-checkbox
+                                                                collapse-tags
+                                                                collapse-tags-tooltip
+                                                            />
+                                                        </el-col>
+                                                        <el-col :span="24"><el-radio :value="6">所有</el-radio></el-col>
+                                                        </el-row>
+                                                    </el-radio-group>
+                                            </el-col>
+                                        </el-row>
+                                    </el-scrollbar>
+                                </td>
+                                
+                            </tr>
+                            
+                        </tbody>
+                    </table>
+
+
+
+
+
+
+
+
+
+
+
+
+
+                </el-tab-pane>
+            </el-tabs>
+        </div>
+        <AddRoleGroup v-if="openRoleGroup" v-model:show="openRoleGroup" :group-info="roleGroupOrInfo" @resthandel="getRoleTree" />
+        <EditRoleGroup v-if="openEditRoleGroup" v-model:show="openEditRoleGroup" :group-info="roleGroupOrInfo" :data="editRoleCont" @resthandel="getRoleTree" />
+    </div>
+</template>
+<style  lang='scss' scoped>
+.roleBox{
+    display: flex;
+    width: 100%;
+    height: calc(100vh - 170px);
+    padding: 15px 20px 0 20px;
+    justify-content: space-between;
+    .roleLeft{
+        width: 350px;
+        height: calc(100vh - 185px);
+        background-color: #FFFFFF;
+        .butBox{
+            display: flex;
+            justify-content: space-between;
+            padding: 0 10px 10px 10px;
+        }
+        .searchBox{
+            padding: 0 10px 5px 10px;
+        }
+        .treeBox{
+            height: calc(100vh - 330px);
+            
+        }
+    }
+    .roleright{
+        width: calc(100% - 370px);
+        height: calc(100vh - 185px);
+        background-color: #FFFFFF;
+        overflow: hidden;
+        :deep .el-tabs__content{
+            padding: 15px 15px  15px  0px;
+        }
+        :deep .el-main{
+            padding: 0 15px;
+        }
+        
+        .userTitleBox{
+            display: flex;
+            justify-content: space-between;
+            padding: 0px 0px 15px 0px;
+            border-bottom: 1px solid rgba($color: #000000, $alpha: 0.2);
+        }
+        .userTitleBoxes{
+            display: flex;
+            justify-content: space-between;
+        }
+        .pickButBox{
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+        }
+        .scrollBox{
+            margin-top: 5px;
+            height: calc(100vh - 320px);
+        }
+        
+    }
+    .tabsTitle{
+        padding: 0 15px;
+    }
+    .tabsTitleCont{
+        padding: 0 35px;
+    }
+    .treeRoleBox{
+        display: flex;
+        justify-content: space-between;
+        width: 100%;
+        align-items: center;
+    }
+    .spanButBox{
+        span{
+            padding: 0 5px;
+        }
+    }
+}
+.tree_sapn {
+  padding: 0 10px 0 0;
+}
+
+
+.table_body {
+  background-color: #ffffff;
+  width: 100%;
+  border-collapse: collapse;
+  /*
+       * 设置边框
+       */
+  td,
+  th {
+    border: 1px solid #cccccc;
+    padding: 5px;
+    table {
+      width: 100%;
+      td,
+      th {
+        border: 0px solid #cccccc;
+        padding: 0px;
+      }
+    }
+  }
+}
+
+.appListBox {
+  width: 100%;
+  li {
+    padding: 10px 2px;
+    border-bottom: 1px solid #ececec;
+    cursor: pointer;
+  }
+  li.active {
+    background-color: #a0cfff;
+  }
+}
+.tab_pane_box {
+  height: calc(100vh - 310px);
+  overflow: hidden;
+  overflow-y: auto;
+    .table_body {
+        background-color: #ffffff;
+        width: 100%;
+        border-collapse: collapse;
+        /*
+            * 设置边框
+            */
+        td,
+        th {
+            border: 1px solid #cccccc;
+            padding: 5px;
+            table {
+            width: 100%;
+            td,
+            th {
+                border: 0px solid #cccccc;
+                padding: 0px;
+            }
+            }
+        }
+    }
+}
+.row_head{
+    background-color: #f5f7fa;
+    color: #000000;
+    text-align: center;
+    border: 1px solid #E4E7ED;
+}
+.roe_col_head{
+    padding: 5px 5px;
+}
+.left_right{
+    border-left: 1px solid #E4E7ED;
+    border-right: 1px solid #E4E7ED;
+    border-bottom: 1px solid #E4E7ED;
+}
+.left_line{
+    border-right: 1px solid #E4E7ED;
+}
+.tab_pane_body {
+  height: calc(100vh - 340px);
+  overflow: hidden;
+  overflow-y: auto;
+}
+.tab_pane_bodyes {
+  height: calc(100vh - 320px);
+  overflow: hidden;
+  overflow-y: auto;
+}
+.appPickPower{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+.userBox{
+            width: 100%;
+            height: 50px;
+            display: flex;
+            align-items: center;
+            justify-items: space-between;
+            padding: 0 10px;
+            border-bottom: 1px dashed rgba($color: #000000, $alpha: 0.2);
+            div{
+                span{
+                    display: flex;
+                    width: 100%;
+                    padding: 0 5px;
+                    color:rgba($color: #000000, $alpha: 0.6);
+                }
+            }
+}
+</style>
diff --git a/src/views/system/monitor/online/index copy.vue b/src/views/system/monitor/online/index_20251112.vue
similarity index 100%
rename from src/views/system/monitor/online/index copy.vue
rename to src/views/system/monitor/online/index_20251112.vue
diff --git a/src/views/system/monitor/online/page.vue b/src/views/system/monitor/online/page.vue
new file mode 100644
index 0000000..bce0bb3
--- /dev/null
+++ b/src/views/system/monitor/online/page.vue
@@ -0,0 +1,283 @@
+<!--
+@ 作者: 秦东
+@ 时间: 2025-10-21 10:06:51
+@ 备注: 在线人数
+-->
+<script lang='ts' setup>
+
+import {
+  getMyPeoplceAndSunOrg
+} from "@/api/system/roleapi/postrole";
+import type { LoadFunction } from 'element-plus'
+
+interface Tree {
+  name: string
+  leaf?: boolean
+}
+
+const props = {
+  label: 'name',
+  children: 'zones',
+  isLeaf: 'isLeaf',
+}
+let time = 0
+const loadNode: LoadFunction<Tree> = (node, resolve, reject) => {
+    console.log("node============>",node)
+     console.log("resolve===>",resolve)
+  if (node.level === 0) {
+    getMyPeoplceAndSunOrg({id:"313",level:node.level}).then((res) => {
+        console.log("res================>",res)
+        resolve(res.data)
+    })
+  } 
+
+  if (node.level > 0){
+    getMyPeoplceAndSunOrg({id:node.data.id.toString(),level:1}).then((res) => {
+        console.log("res=========1=======>",res.data) 
+        if(res.data && Array.isArray(res.data) && res.data.length > 0){
+            resolve(res.data)
+        }else{
+            resolve([])
+        }
+    }).catch(() => {
+        return reject()
+    })
+  }
+
+
+
+//   time++
+//   if (node.level > 0){
+//     setTimeout(() => {
+
+//         if (time > 3) {
+//             console.log("node.id============>",node.id)
+//             console.log("node.level============>",node.level)
+//             getMyPeoplceAndSunOrg({id:node.data.id.toString(),level:1}).then((res) => {
+//                 console.log("res=========1=======>",res.data)
+//                 // resolve(res.data.data?.map((item: any) => ({
+//                 //     name: item.orgName,
+//                 //     id: item.orgId,
+//                 //     isLeaf: item.isLeaf,
+//                 //     zones: []
+//                 // })) || [])
+//                 if(res.data && Array.isArray(res.data) && res.data.length > 0){
+//                     resolve(res.data)
+//                 }else{
+//                     resolve([])
+//                 }
+//             })
+//         }else{
+//             return reject()
+//         }
+//     }, 3000)
+//   }
+}
+//选择行政组织
+const pickOrgTree = (data:any) => {
+    console.log("监测赋权组------->",data)
+}
+</script>
+<template>
+    <div class="roleBox">
+        <el-tree
+            style="max-width: 100%"
+            :props="props"
+            :load="loadNode"
+            :highlight-current="true"
+            :expand-on-click-node="false"
+            node-key="id"
+            lazy
+            @node-click="pickOrgTree"
+        />
+    </div>
+</template>
+<style  lang='scss' scoped>
+.roleBox{
+    display: flex;
+    width: 100%;
+    height: calc(100vh - 170px);
+    padding: 15px 20px 0 20px;
+    justify-content: space-between;
+    .roleLeft{
+        width: 350px;
+        height: calc(100vh - 185px);
+        background-color: #FFFFFF;
+        .butBox{
+            display: flex;
+            justify-content: space-between;
+            padding: 0 10px 10px 10px;
+        }
+        .searchBox{
+            padding: 0 10px 5px 10px;
+        }
+        .treeBox{
+            height: calc(100vh - 330px);
+            
+        }
+    }
+    .roleright{
+        width: calc(100% - 370px);
+        height: calc(100vh - 185px);
+        background-color: #FFFFFF;
+        overflow: hidden;
+        :deep .el-tabs__content{
+            padding: 15px 15px  15px  0px;
+        }
+        :deep .el-main{
+            padding: 0 15px;
+        }
+        
+        .userTitleBox{
+            display: flex;
+            justify-content: space-between;
+            padding: 0px 0px 15px 0px;
+            border-bottom: 1px solid rgba($color: #000000, $alpha: 0.2);
+        }
+        .userTitleBoxes{
+            display: flex;
+            justify-content: space-between;
+        }
+        .pickButBox{
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+        }
+        .scrollBox{
+            margin-top: 5px;
+            height: calc(100vh - 320px);
+        }
+        
+    }
+    .tabsTitle{
+        padding: 0 15px;
+    }
+    .tabsTitleCont{
+        padding: 0 35px;
+    }
+    .treeRoleBox{
+        display: flex;
+        justify-content: space-between;
+        width: 100%;
+        align-items: center;
+    }
+    .spanButBox{
+        span{
+            padding: 0 5px;
+        }
+    }
+}
+.tree_sapn {
+  padding: 0 10px 0 0;
+}
+
+
+.table_body {
+  background-color: #ffffff;
+  width: 100%;
+  border-collapse: collapse;
+  /*
+       * 设置边框
+       */
+  td,
+  th {
+    border: 1px solid #cccccc;
+    padding: 5px;
+    table {
+      width: 100%;
+      td,
+      th {
+        border: 0px solid #cccccc;
+        padding: 0px;
+      }
+    }
+  }
+}
+
+.appListBox {
+  width: 100%;
+  li {
+    padding: 10px 2px;
+    border-bottom: 1px solid #ececec;
+    cursor: pointer;
+  }
+  li.active {
+    background-color: #a0cfff;
+  }
+}
+.tab_pane_box {
+  height: calc(100vh - 310px);
+  overflow: hidden;
+  overflow-y: auto;
+    .table_body {
+        background-color: #ffffff;
+        width: 100%;
+        border-collapse: collapse;
+        /*
+            * 设置边框
+            */
+        td,
+        th {
+            border: 1px solid #cccccc;
+            padding: 5px;
+            table {
+            width: 100%;
+            td,
+            th {
+                border: 0px solid #cccccc;
+                padding: 0px;
+            }
+            }
+        }
+    }
+}
+.row_head{
+    background-color: #f5f7fa;
+    color: #000000;
+    text-align: center;
+    border: 1px solid #E4E7ED;
+}
+.roe_col_head{
+    padding: 5px 5px;
+}
+.left_right{
+    border-left: 1px solid #E4E7ED;
+    border-right: 1px solid #E4E7ED;
+    border-bottom: 1px solid #E4E7ED;
+}
+.left_line{
+    border-right: 1px solid #E4E7ED;
+}
+.tab_pane_body {
+  height: calc(100vh - 340px);
+  overflow: hidden;
+  overflow-y: auto;
+}
+.tab_pane_bodyes {
+  height: calc(100vh - 320px);
+  overflow: hidden;
+  overflow-y: auto;
+}
+.appPickPower{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+.userBox{
+            width: 100%;
+            height: 50px;
+            display: flex;
+            align-items: center;
+            justify-items: space-between;
+            padding: 0 10px;
+            border-bottom: 1px dashed rgba($color: #000000, $alpha: 0.2);
+            div{
+                span{
+                    display: flex;
+                    width: 100%;
+                    padding: 0 5px;
+                    color:rgba($color: #000000, $alpha: 0.6);
+                }
+            }
+}
+</style>
diff --git a/src/views/sysworkflow/lowcodepage/pageFlow/appTableFlow.vue b/src/views/sysworkflow/lowcodepage/pageFlow/appTableFlow.vue
index dc6670c..8e2c7d4 100644
--- a/src/views/sysworkflow/lowcodepage/pageFlow/appTableFlow.vue
+++ b/src/views/sysworkflow/lowcodepage/pageFlow/appTableFlow.vue
@@ -1,7 +1,7 @@
 <!--
 @ 作者: 秦东
 @ 时间: 2024-06-12 10:58:03
-@ 备注: App表单。有无流程处理
+@ 备注: App表单。有无流程处理 
 -->
 <script lang="ts" setup>
 import { nodeFlow, conditionInfo, nodelPeoples,nodePoweInfo } from "@/api/taskapi/types";
diff --git a/vite.config.ts.timestamp-1762732876054-97f8b5f7ef739.mjs b/vite.config.ts.timestamp-1762732876054-97f8b5f7ef739.mjs
new file mode 100644
index 0000000..6ffe830
--- /dev/null
+++ b/vite.config.ts.timestamp-1762732876054-97f8b5f7ef739.mjs
@@ -0,0 +1,215 @@
+// vite.config.ts
+import vue from "file:///E:/f_pang/object/my_object_html/ShutongInterconnectedChemicalCloudPlatform/node_modules/@vitejs/plugin-vue/dist/index.mjs";
+import { loadEnv, defineConfig } from "file:///E:/f_pang/object/my_object_html/ShutongInterconnectedChemicalCloudPlatform/node_modules/vite/dist/node/index.js";
+import AutoImport from "file:///E:/f_pang/object/my_object_html/ShutongInterconnectedChemicalCloudPlatform/node_modules/unplugin-auto-import/dist/vite.js";
+import Components from "file:///E:/f_pang/object/my_object_html/ShutongInterconnectedChemicalCloudPlatform/node_modules/unplugin-vue-components/dist/vite.mjs";
+import { ElementPlusResolver } from "file:///E:/f_pang/object/my_object_html/ShutongInterconnectedChemicalCloudPlatform/node_modules/unplugin-vue-components/dist/resolvers.mjs";
+import Icons from "file:///E:/f_pang/object/my_object_html/ShutongInterconnectedChemicalCloudPlatform/node_modules/unplugin-icons/dist/vite.mjs";
+import IconsResolver from "file:///E:/f_pang/object/my_object_html/ShutongInterconnectedChemicalCloudPlatform/node_modules/unplugin-icons/dist/resolver.mjs";
+import { createSvgIconsPlugin } from "file:///E:/f_pang/object/my_object_html/ShutongInterconnectedChemicalCloudPlatform/node_modules/vite-plugin-svg-icons/dist/index.mjs";
+import UnoCSS from "file:///E:/f_pang/object/my_object_html/ShutongInterconnectedChemicalCloudPlatform/node_modules/unocss/dist/vite.mjs";
+import { terser } from "file:///E:/f_pang/object/my_object_html/ShutongInterconnectedChemicalCloudPlatform/node_modules/rollup-plugin-terser/rollup-plugin-terser.mjs";
+import path from "path";
+var __vite_injected_original_dirname = "E:\\f_pang\\object\\my_object_html\\ShutongInterconnectedChemicalCloudPlatform";
+var pathSrc = path.resolve(__vite_injected_original_dirname, "src");
+var vite_config_default = defineConfig(({ mode }) => {
+  const env = loadEnv(mode, process.cwd());
+  return {
+    resolve: {
+      alias: {
+        "@": pathSrc
+      }
+    },
+    css: {
+      // CSS 预处理器
+      preprocessorOptions: {
+        //define global scss variable
+        scss: {
+          javascriptEnabled: true,
+          additionalData: `
+            @use "@/styles/variables.scss" as *;
+          `
+        }
+      }
+    },
+    server: {
+      host: "0.0.0.0",
+      port: Number(env.VITE_APP_PORT),
+      open: true,
+      // 运行是否自动打开浏览器
+      proxy: {
+        // 反向代理解决跨域
+        [env.VITE_APP_BASE_API]: {
+          target: env.VITE_APP_BASE_URL,
+          // 线上接口地址
+          // target: "http://vapi.youlai.tech", // 线上接口地址
+          // target: 'http://localhost:8989',  // 本地接口地址 , 后端工程仓库地址：https://gitee.com/youlaiorg/youlai-boot
+          changeOrigin: true,
+          rewrite: (path2) => path2.replace(new RegExp("^" + env.VITE_APP_BASE_API), "")
+          // 替换 /dev-api 为 target 接口地址
+        }
+        // '/dev-api/kpiapi': {
+        //   target: 'http://127.0.0.1:6666',
+        //   changeOrigin: true,
+        //   rewrite: (path) =>
+        //     path.replace(new RegExp("^" + '/dev-api/kpiapi'), ""),
+        // },
+        // '/dev-api/systemapi': {
+        //   target: 'http://127.0.0.1:17777',
+        //   changeOrigin: true,
+        //   rewrite: (path) =>
+        //     path.replace(new RegExp("^" + '/dev-api/systemapi'), ""),
+        // },
+        // '/dev-api/hrapi': {
+        //   target: 'http://127.0.0.1:39168',
+        //   changeOrigin: true,
+        //   rewrite: (path) =>
+        //     path.replace(new RegExp("^" + '/dev-api/hrapi'), ""),
+        // },
+        // '/dev-api/api': {
+        //   target: 'http://127.0.0.1:8888',
+        //   changeOrigin: true,
+        //   rewrite: (path) =>
+        //     path.replace(new RegExp("^" + '/dev-api/api'), ""),
+        // },
+        // '/dev-api/javasys': {
+        //   target: 'http://172.20.2.87:8111',
+        //   changeOrigin: true,
+        //   rewrite: (path) =>
+        //     path.replace(new RegExp("^" + '/dev-api/javasys'), ""),
+        // },
+        // '/dev-api/javasys/lowCode ': {
+        //   target: 'http://172.20.2.87:8112',
+        //   changeOrigin: true,
+        //   rewrite: (path) =>
+        //     path.replace(new RegExp("^" + '/dev-api/javasys/lowCode '), ""),
+        // }
+      }
+    },
+    plugins: [
+      vue(),
+      UnoCSS({
+        /* options */
+      }),
+      AutoImport({
+        // 自动导入 Vue 相关函数，如：ref, reactive, toRef 等
+        imports: ["vue", "@vueuse/core"],
+        //ignore: ['h'], // 自动添加 import { h } from '/node_modules/.vite/deps/vue.js 代码问题处理
+        eslintrc: {
+          enabled: false,
+          //  Default `false`
+          filepath: "./.eslintrc-auto-import.json",
+          // Default `./.eslintrc-auto-import.json`
+          globalsPropValue: true
+          // Default `true`, (true | false | 'readonly' | 'readable' | 'writable' | 'writeable')
+        },
+        resolvers: [
+          // 自动导入 Element Plus 相关函数，如：ElMessage, ElMessageBox... (带样式)
+          ElementPlusResolver(),
+          // 自动导入图标组件
+          IconsResolver({})
+        ],
+        vueTemplate: true,
+        // 是否在 vue 模板中自动导入
+        dts: path.resolve(pathSrc, "types", "auto-imports.d.ts")
+        //  自动导入组件类型声明文件位置，默认根目录; false 关闭自动生成
+      }),
+      Components({
+        resolvers: [
+          // 自动注册图标组件
+          IconsResolver({
+            enabledCollections: ["ep"]
+            //@iconify-json/ep 是 Element Plus 的图标库
+          }),
+          // 自动导入 Element Plus 组件
+          ElementPlusResolver()
+        ],
+        dts: path.resolve(pathSrc, "types", "components.d.ts")
+        //  自动导入组件类型声明文件位置，默认根目录; false 关闭自动生成
+      }),
+      Icons({
+        // 自动安装图标库
+        autoInstall: true
+      }),
+      createSvgIconsPlugin({
+        // 指定需要缓存的图标文件夹
+        iconDirs: [path.resolve(pathSrc, "assets/icons")],
+        // 指定symbolId格式
+        symbolId: "icon-[dir]-[name]"
+      })
+    ],
+    build: {
+      terserOptions: {
+        compress: {
+          drop_console: true
+          // 关闭所有的 console.log 打印
+        }
+      },
+      rollupOptions: {
+        plugins: [
+          terser({
+            compress: {
+              drop_console: true
+              // 关闭所有的 console.log 打印
+            }
+          })
+        ]
+      }
+    },
+    optimizeDeps: {
+      include: [
+        "vue",
+        "vue-router",
+        "pinia",
+        "axios",
+        "element-plus/es/components/form/style/css",
+        "element-plus/es/components/form-item/style/css",
+        "element-plus/es/components/button/style/css",
+        "element-plus/es/components/input/style/css",
+        "element-plus/es/components/input-number/style/css",
+        "element-plus/es/components/switch/style/css",
+        "element-plus/es/components/upload/style/css",
+        "element-plus/es/components/menu/style/css",
+        "element-plus/es/components/col/style/css",
+        "element-plus/es/components/icon/style/css",
+        "element-plus/es/components/row/style/css",
+        "element-plus/es/components/tag/style/css",
+        "element-plus/es/components/dialog/style/css",
+        "element-plus/es/components/loading/style/css",
+        "element-plus/es/components/radio/style/css",
+        "element-plus/es/components/radio-group/style/css",
+        "element-plus/es/components/popover/style/css",
+        "element-plus/es/components/scrollbar/style/css",
+        "element-plus/es/components/tooltip/style/css",
+        "element-plus/es/components/dropdown/style/css",
+        "element-plus/es/components/dropdown-menu/style/css",
+        "element-plus/es/components/dropdown-item/style/css",
+        "element-plus/es/components/sub-menu/style/css",
+        "element-plus/es/components/menu-item/style/css",
+        "element-plus/es/components/divider/style/css",
+        "element-plus/es/components/card/style/css",
+        "element-plus/es/components/link/style/css",
+        "element-plus/es/components/breadcrumb/style/css",
+        "element-plus/es/components/breadcrumb-item/style/css",
+        "element-plus/es/components/table/style/css",
+        "element-plus/es/components/tree-select/style/css",
+        "element-plus/es/components/table-column/style/css",
+        "element-plus/es/components/select/style/css",
+        "element-plus/es/components/option/style/css",
+        "element-plus/es/components/pagination/style/css",
+        "element-plus/es/components/tree/style/css",
+        "element-plus/es/components/alert/style/css",
+        "@vueuse/core",
+        "path-to-regexp",
+        "echarts",
+        "@wangeditor/editor",
+        "@wangeditor/editor-for-vue",
+        "vue-i18n"
+      ]
+    }
+  };
+});
+export {
+  vite_config_default as default
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCJFOlxcXFxmX3BhbmdcXFxcb2JqZWN0XFxcXG15X29iamVjdF9odG1sXFxcXFNodXRvbmdJbnRlcmNvbm5lY3RlZENoZW1pY2FsQ2xvdWRQbGF0Zm9ybVwiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9maWxlbmFtZSA9IFwiRTpcXFxcZl9wYW5nXFxcXG9iamVjdFxcXFxteV9vYmplY3RfaHRtbFxcXFxTaHV0b25nSW50ZXJjb25uZWN0ZWRDaGVtaWNhbENsb3VkUGxhdGZvcm1cXFxcdml0ZS5jb25maWcudHNcIjtjb25zdCBfX3ZpdGVfaW5qZWN0ZWRfb3JpZ2luYWxfaW1wb3J0X21ldGFfdXJsID0gXCJmaWxlOi8vL0U6L2ZfcGFuZy9vYmplY3QvbXlfb2JqZWN0X2h0bWwvU2h1dG9uZ0ludGVyY29ubmVjdGVkQ2hlbWljYWxDbG91ZFBsYXRmb3JtL3ZpdGUuY29uZmlnLnRzXCI7aW1wb3J0IHZ1ZSBmcm9tIFwiQHZpdGVqcy9wbHVnaW4tdnVlXCI7XHJcblxyXG5pbXBvcnQgeyBVc2VyQ29uZmlnLCBDb25maWdFbnYsIGxvYWRFbnYsIGRlZmluZUNvbmZpZyB9IGZyb20gXCJ2aXRlXCI7XHJcblxyXG5pbXBvcnQgQXV0b0ltcG9ydCBmcm9tIFwidW5wbHVnaW4tYXV0by1pbXBvcnQvdml0ZVwiO1xyXG5pbXBvcnQgQ29tcG9uZW50cyBmcm9tIFwidW5wbHVnaW4tdnVlLWNvbXBvbmVudHMvdml0ZVwiO1xyXG5pbXBvcnQgeyBFbGVtZW50UGx1c1Jlc29sdmVyIH0gZnJvbSBcInVucGx1Z2luLXZ1ZS1jb21wb25lbnRzL3Jlc29sdmVyc1wiO1xyXG5cclxuaW1wb3J0IEljb25zIGZyb20gXCJ1bnBsdWdpbi1pY29ucy92aXRlXCI7XHJcbmltcG9ydCBJY29uc1Jlc29sdmVyIGZyb20gXCJ1bnBsdWdpbi1pY29ucy9yZXNvbHZlclwiO1xyXG5cclxuaW1wb3J0IHsgY3JlYXRlU3ZnSWNvbnNQbHVnaW4gfSBmcm9tIFwidml0ZS1wbHVnaW4tc3ZnLWljb25zXCI7XHJcblxyXG5pbXBvcnQgVW5vQ1NTIGZyb20gXCJ1bm9jc3Mvdml0ZVwiO1xyXG5cclxuaW1wb3J0IHsgdGVyc2VyIH0gZnJvbSAncm9sbHVwLXBsdWdpbi10ZXJzZXInO1xyXG5cclxuaW1wb3J0IHBhdGggZnJvbSBcInBhdGhcIjtcclxuY29uc3QgcGF0aFNyYyA9IHBhdGgucmVzb2x2ZShfX2Rpcm5hbWUsIFwic3JjXCIpO1xyXG5cclxuZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29uZmlnKCh7IG1vZGUgfTogQ29uZmlnRW52KTogVXNlckNvbmZpZyA9PiB7XHJcbiAgY29uc3QgZW52ID0gbG9hZEVudihtb2RlLCBwcm9jZXNzLmN3ZCgpKTtcclxuICByZXR1cm4ge1xyXG4gICAgcmVzb2x2ZToge1xyXG4gICAgICBhbGlhczoge1xyXG4gICAgICAgIFwiQFwiOiBwYXRoU3JjLFxyXG4gICAgICB9LFxyXG4gICAgfSxcclxuICAgIGNzczoge1xyXG4gICAgICAvLyBDU1MgXHU5ODg0XHU1OTA0XHU3NDA2XHU1NjY4XHJcbiAgICAgIHByZXByb2Nlc3Nvck9wdGlvbnM6IHtcclxuICAgICAgICAvL2RlZmluZSBnbG9iYWwgc2NzcyB2YXJpYWJsZVxyXG4gICAgICAgIHNjc3M6IHtcclxuICAgICAgICAgIGphdmFzY3JpcHRFbmFibGVkOiB0cnVlLFxyXG4gICAgICAgICAgYWRkaXRpb25hbERhdGE6IGBcclxuICAgICAgICAgICAgQHVzZSBcIkAvc3R5bGVzL3ZhcmlhYmxlcy5zY3NzXCIgYXMgKjtcclxuICAgICAgICAgIGAsXHJcbiAgICAgICAgfSxcclxuICAgICAgfSxcclxuICAgIH0sXHJcbiAgICBzZXJ2ZXI6IHtcclxuICAgICAgaG9zdDogXCIwLjAuMC4wXCIsXHJcbiAgICAgIHBvcnQ6IE51bWJlcihlbnYuVklURV9BUFBfUE9SVCksXHJcbiAgICAgIG9wZW46IHRydWUsIC8vIFx1OEZEMFx1ODg0Q1x1NjYyRlx1NTQyNlx1ODFFQVx1NTJBOFx1NjI1M1x1NUYwMFx1NkQ0Rlx1ODlDOFx1NTY2OFxyXG4gICAgICBwcm94eToge1xyXG4gICAgICAgIC8vIFx1NTNDRFx1NTQxMVx1NEVFM1x1NzQwNlx1ODlFM1x1NTFCM1x1OERFOFx1NTdERlxyXG4gICAgICAgIFtlbnYuVklURV9BUFBfQkFTRV9BUEldOiB7XHJcbiAgICAgICAgICB0YXJnZXQ6IGVudi5WSVRFX0FQUF9CQVNFX1VSTCwgLy8gXHU3RUJGXHU0RTBBXHU2M0E1XHU1M0UzXHU1NzMwXHU1NzQwXHJcbiAgICAgICAgICAvLyB0YXJnZXQ6IFwiaHR0cDovL3ZhcGkueW91bGFpLnRlY2hcIiwgLy8gXHU3RUJGXHU0RTBBXHU2M0E1XHU1M0UzXHU1NzMwXHU1NzQwXHJcbiAgICAgICAgICAvLyB0YXJnZXQ6ICdodHRwOi8vbG9jYWxob3N0Ojg5ODknLCAgLy8gXHU2NzJDXHU1NzMwXHU2M0E1XHU1M0UzXHU1NzMwXHU1NzQwICwgXHU1NDBFXHU3QUVGXHU1REU1XHU3QTBCXHU0RUQzXHU1RTkzXHU1NzMwXHU1NzQwXHVGRjFBaHR0cHM6Ly9naXRlZS5jb20veW91bGFpb3JnL3lvdWxhaS1ib290XHJcbiAgICAgICAgICBjaGFuZ2VPcmlnaW46IHRydWUsXHJcbiAgICAgICAgICByZXdyaXRlOiAocGF0aCkgPT5cclxuICAgICAgICAgICAgcGF0aC5yZXBsYWNlKG5ldyBSZWdFeHAoXCJeXCIgKyBlbnYuVklURV9BUFBfQkFTRV9BUEkpLCBcIlwiKSwgLy8gXHU2NkZGXHU2MzYyIC9kZXYtYXBpIFx1NEUzQSB0YXJnZXQgXHU2M0E1XHU1M0UzXHU1NzMwXHU1NzQwXHJcbiAgICAgICAgfSxcclxuICAgICAgICAvLyAnL2Rldi1hcGkva3BpYXBpJzoge1xyXG4gICAgICAgIC8vICAgdGFyZ2V0OiAnaHR0cDovLzEyNy4wLjAuMTo2NjY2JyxcclxuICAgICAgICAvLyAgIGNoYW5nZU9yaWdpbjogdHJ1ZSxcclxuICAgICAgICAvLyAgIHJld3JpdGU6IChwYXRoKSA9PlxyXG4gICAgICAgIC8vICAgICBwYXRoLnJlcGxhY2UobmV3IFJlZ0V4cChcIl5cIiArICcvZGV2LWFwaS9rcGlhcGknKSwgXCJcIiksXHJcbiAgICAgICAgLy8gfSxcclxuXHJcbiAgICAgICAgLy8gJy9kZXYtYXBpL3N5c3RlbWFwaSc6IHtcclxuICAgICAgICAvLyAgIHRhcmdldDogJ2h0dHA6Ly8xMjcuMC4wLjE6MTc3NzcnLFxyXG4gICAgICAgIC8vICAgY2hhbmdlT3JpZ2luOiB0cnVlLFxyXG4gICAgICAgIC8vICAgcmV3cml0ZTogKHBhdGgpID0+XHJcbiAgICAgICAgLy8gICAgIHBhdGgucmVwbGFjZShuZXcgUmVnRXhwKFwiXlwiICsgJy9kZXYtYXBpL3N5c3RlbWFwaScpLCBcIlwiKSxcclxuICAgICAgICAvLyB9LFxyXG4gICAgICAgIC8vICcvZGV2LWFwaS9ocmFwaSc6IHtcclxuICAgICAgICAvLyAgIHRhcmdldDogJ2h0dHA6Ly8xMjcuMC4wLjE6MzkxNjgnLFxyXG4gICAgICAgIC8vICAgY2hhbmdlT3JpZ2luOiB0cnVlLFxyXG4gICAgICAgIC8vICAgcmV3cml0ZTogKHBhdGgpID0+XHJcbiAgICAgICAgLy8gICAgIHBhdGgucmVwbGFjZShuZXcgUmVnRXhwKFwiXlwiICsgJy9kZXYtYXBpL2hyYXBpJyksIFwiXCIpLFxyXG4gICAgICAgIC8vIH0sXHJcbiAgICAgICAgLy8gJy9kZXYtYXBpL2FwaSc6IHtcclxuICAgICAgICAvLyAgIHRhcmdldDogJ2h0dHA6Ly8xMjcuMC4wLjE6ODg4OCcsXHJcbiAgICAgICAgLy8gICBjaGFuZ2VPcmlnaW46IHRydWUsXHJcbiAgICAgICAgLy8gICByZXdyaXRlOiAocGF0aCkgPT5cclxuICAgICAgICAvLyAgICAgcGF0aC5yZXBsYWNlKG5ldyBSZWdFeHAoXCJeXCIgKyAnL2Rldi1hcGkvYXBpJyksIFwiXCIpLFxyXG4gICAgICAgIC8vIH0sXHJcbiAgICAgICAgLy8gJy9kZXYtYXBpL2phdmFzeXMnOiB7XHJcbiAgICAgICAgLy8gICB0YXJnZXQ6ICdodHRwOi8vMTcyLjIwLjIuODc6ODExMScsXHJcbiAgICAgICAgLy8gICBjaGFuZ2VPcmlnaW46IHRydWUsXHJcbiAgICAgICAgLy8gICByZXdyaXRlOiAocGF0aCkgPT5cclxuICAgICAgICAvLyAgICAgcGF0aC5yZXBsYWNlKG5ldyBSZWdFeHAoXCJeXCIgKyAnL2Rldi1hcGkvamF2YXN5cycpLCBcIlwiKSxcclxuICAgICAgICAvLyB9LFxyXG4gICAgICAgIC8vICcvZGV2LWFwaS9qYXZhc3lzL2xvd0NvZGUgJzoge1xyXG4gICAgICAgIC8vICAgdGFyZ2V0OiAnaHR0cDovLzE3Mi4yMC4yLjg3OjgxMTInLFxyXG4gICAgICAgIC8vICAgY2hhbmdlT3JpZ2luOiB0cnVlLFxyXG4gICAgICAgIC8vICAgcmV3cml0ZTogKHBhdGgpID0+XHJcbiAgICAgICAgLy8gICAgIHBhdGgucmVwbGFjZShuZXcgUmVnRXhwKFwiXlwiICsgJy9kZXYtYXBpL2phdmFzeXMvbG93Q29kZSAnKSwgXCJcIiksXHJcbiAgICAgICAgLy8gfVxyXG4gICAgICB9LFxyXG4gICAgfSxcclxuXHJcbiAgICBwbHVnaW5zOiBbXHJcblxyXG4gICAgICB2dWUoKSxcclxuICAgICAgVW5vQ1NTKHtcclxuICAgICAgICAvKiBvcHRpb25zICovXHJcbiAgICAgIH0pLFxyXG4gICAgICBBdXRvSW1wb3J0KHtcclxuICAgICAgICAvLyBcdTgxRUFcdTUyQThcdTVCRkNcdTUxNjUgVnVlIFx1NzZGOFx1NTE3M1x1NTFGRFx1NjU3MFx1RkYwQ1x1NTk4Mlx1RkYxQXJlZiwgcmVhY3RpdmUsIHRvUmVmIFx1N0I0OVxyXG4gICAgICAgIGltcG9ydHM6IFtcInZ1ZVwiLCBcIkB2dWV1c2UvY29yZVwiXSxcclxuICAgICAgICAvL2lnbm9yZTogWydoJ10sIC8vIFx1ODFFQVx1NTJBOFx1NkRGQlx1NTJBMCBpbXBvcnQgeyBoIH0gZnJvbSAnL25vZGVfbW9kdWxlcy8udml0ZS9kZXBzL3Z1ZS5qcyBcdTRFRTNcdTc4MDFcdTk1RUVcdTk4OThcdTU5MDRcdTc0MDZcclxuICAgICAgICBlc2xpbnRyYzoge1xyXG4gICAgICAgICAgZW5hYmxlZDogZmFsc2UsIC8vICBEZWZhdWx0IGBmYWxzZWBcclxuICAgICAgICAgIGZpbGVwYXRoOiBcIi4vLmVzbGludHJjLWF1dG8taW1wb3J0Lmpzb25cIiwgLy8gRGVmYXVsdCBgLi8uZXNsaW50cmMtYXV0by1pbXBvcnQuanNvbmBcclxuICAgICAgICAgIGdsb2JhbHNQcm9wVmFsdWU6IHRydWUsIC8vIERlZmF1bHQgYHRydWVgLCAodHJ1ZSB8IGZhbHNlIHwgJ3JlYWRvbmx5JyB8ICdyZWFkYWJsZScgfCAnd3JpdGFibGUnIHwgJ3dyaXRlYWJsZScpXHJcbiAgICAgICAgfSxcclxuICAgICAgICByZXNvbHZlcnM6IFtcclxuICAgICAgICAgIC8vIFx1ODFFQVx1NTJBOFx1NUJGQ1x1NTE2NSBFbGVtZW50IFBsdXMgXHU3NkY4XHU1MTczXHU1MUZEXHU2NTcwXHVGRjBDXHU1OTgyXHVGRjFBRWxNZXNzYWdlLCBFbE1lc3NhZ2VCb3guLi4gKFx1NUUyNlx1NjgzN1x1NUYwRilcclxuICAgICAgICAgIEVsZW1lbnRQbHVzUmVzb2x2ZXIoKSxcclxuICAgICAgICAgIC8vIFx1ODFFQVx1NTJBOFx1NUJGQ1x1NTE2NVx1NTZGRVx1NjgwN1x1N0VDNFx1NEVGNlxyXG4gICAgICAgICAgSWNvbnNSZXNvbHZlcih7fSksXHJcbiAgICAgICAgXSxcclxuICAgICAgICB2dWVUZW1wbGF0ZTogdHJ1ZSwgLy8gXHU2NjJGXHU1NDI2XHU1NzI4IHZ1ZSBcdTZBMjFcdTY3N0ZcdTRFMkRcdTgxRUFcdTUyQThcdTVCRkNcdTUxNjVcclxuICAgICAgICBkdHM6IHBhdGgucmVzb2x2ZShwYXRoU3JjLCBcInR5cGVzXCIsIFwiYXV0by1pbXBvcnRzLmQudHNcIiksIC8vICBcdTgxRUFcdTUyQThcdTVCRkNcdTUxNjVcdTdFQzRcdTRFRjZcdTdDN0JcdTU3OEJcdTU4RjBcdTY2MEVcdTY1ODdcdTRFRjZcdTRGNERcdTdGNkVcdUZGMENcdTlFRDhcdThCQTRcdTY4MzlcdTc2RUVcdTVGNTU7IGZhbHNlIFx1NTE3M1x1OTVFRFx1ODFFQVx1NTJBOFx1NzUxRlx1NjIxMFxyXG4gICAgICB9KSxcclxuXHJcbiAgICAgIENvbXBvbmVudHMoe1xyXG4gICAgICAgIHJlc29sdmVyczogW1xyXG4gICAgICAgICAgLy8gXHU4MUVBXHU1MkE4XHU2Q0U4XHU1MThDXHU1NkZFXHU2ODA3XHU3RUM0XHU0RUY2XHJcbiAgICAgICAgICBJY29uc1Jlc29sdmVyKHtcclxuICAgICAgICAgICAgZW5hYmxlZENvbGxlY3Rpb25zOiBbXCJlcFwiXSwgLy9AaWNvbmlmeS1qc29uL2VwIFx1NjYyRiBFbGVtZW50IFBsdXMgXHU3Njg0XHU1NkZFXHU2ODA3XHU1RTkzXHJcbiAgICAgICAgICB9KSxcclxuICAgICAgICAgIC8vIFx1ODFFQVx1NTJBOFx1NUJGQ1x1NTE2NSBFbGVtZW50IFBsdXMgXHU3RUM0XHU0RUY2XHJcbiAgICAgICAgICBFbGVtZW50UGx1c1Jlc29sdmVyKCksXHJcbiAgICAgICAgXSxcclxuICAgICAgICBkdHM6IHBhdGgucmVzb2x2ZShwYXRoU3JjLCBcInR5cGVzXCIsIFwiY29tcG9uZW50cy5kLnRzXCIpLCAvLyAgXHU4MUVBXHU1MkE4XHU1QkZDXHU1MTY1XHU3RUM0XHU0RUY2XHU3QzdCXHU1NzhCXHU1OEYwXHU2NjBFXHU2NTg3XHU0RUY2XHU0RjREXHU3RjZFXHVGRjBDXHU5RUQ4XHU4QkE0XHU2ODM5XHU3NkVFXHU1RjU1OyBmYWxzZSBcdTUxNzNcdTk1RURcdTgxRUFcdTUyQThcdTc1MUZcdTYyMTBcclxuICAgICAgfSksXHJcblxyXG4gICAgICBJY29ucyh7XHJcbiAgICAgICAgLy8gXHU4MUVBXHU1MkE4XHU1Qjg5XHU4OEM1XHU1NkZFXHU2ODA3XHU1RTkzXHJcbiAgICAgICAgYXV0b0luc3RhbGw6IHRydWUsXHJcbiAgICAgIH0pLFxyXG5cclxuICAgICAgY3JlYXRlU3ZnSWNvbnNQbHVnaW4oe1xyXG4gICAgICAgIC8vIFx1NjMwN1x1NUI5QVx1OTcwMFx1ODk4MVx1N0YxM1x1NUI1OFx1NzY4NFx1NTZGRVx1NjgwN1x1NjU4N1x1NEVGNlx1NTkzOVxyXG4gICAgICAgIGljb25EaXJzOiBbcGF0aC5yZXNvbHZlKHBhdGhTcmMsIFwiYXNzZXRzL2ljb25zXCIpXSxcclxuICAgICAgICAvLyBcdTYzMDdcdTVCOUFzeW1ib2xJZFx1NjgzQ1x1NUYwRlxyXG4gICAgICAgIHN5bWJvbElkOiBcImljb24tW2Rpcl0tW25hbWVdXCIsXHJcbiAgICAgIH0pLFxyXG4gICAgXSxcclxuICAgIGJ1aWxkOiB7XHJcbiAgICAgIHRlcnNlck9wdGlvbnM6IHtcclxuICAgICAgICBjb21wcmVzczoge1xyXG4gICAgICAgICAgZHJvcF9jb25zb2xlOiB0cnVlLCAvLyBcdTUxNzNcdTk1RURcdTYyNDBcdTY3MDlcdTc2ODQgY29uc29sZS5sb2cgXHU2MjUzXHU1MzcwXHJcbiAgICAgICAgfSxcclxuICAgICAgfSxcclxuICAgICAgcm9sbHVwT3B0aW9uczoge1xyXG4gICAgICAgIHBsdWdpbnM6IFtcclxuICAgICAgICAgIHRlcnNlcih7XHJcbiAgICAgICAgICAgIGNvbXByZXNzOiB7XHJcbiAgICAgICAgICAgICAgZHJvcF9jb25zb2xlOiB0cnVlLCAvLyBcdTUxNzNcdTk1RURcdTYyNDBcdTY3MDlcdTc2ODQgY29uc29sZS5sb2cgXHU2MjUzXHU1MzcwXHJcbiAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICB9KSxcclxuICAgICAgICBdLFxyXG4gICAgICB9LFxyXG4gICAgfSxcclxuICAgIG9wdGltaXplRGVwczoge1xyXG4gICAgICBpbmNsdWRlOiBbXHJcbiAgICAgICAgXCJ2dWVcIixcclxuICAgICAgICBcInZ1ZS1yb3V0ZXJcIixcclxuICAgICAgICBcInBpbmlhXCIsXHJcbiAgICAgICAgXCJheGlvc1wiLFxyXG4gICAgICAgIFwiZWxlbWVudC1wbHVzL2VzL2NvbXBvbmVudHMvZm9ybS9zdHlsZS9jc3NcIixcclxuICAgICAgICBcImVsZW1lbnQtcGx1cy9lcy9jb21wb25lbnRzL2Zvcm0taXRlbS9zdHlsZS9jc3NcIixcclxuICAgICAgICBcImVsZW1lbnQtcGx1cy9lcy9jb21wb25lbnRzL2J1dHRvbi9zdHlsZS9jc3NcIixcclxuICAgICAgICBcImVsZW1lbnQtcGx1cy9lcy9jb21wb25lbnRzL2lucHV0L3N0eWxlL2Nzc1wiLFxyXG4gICAgICAgIFwiZWxlbWVudC1wbHVzL2VzL2NvbXBvbmVudHMvaW5wdXQtbnVtYmVyL3N0eWxlL2Nzc1wiLFxyXG4gICAgICAgIFwiZWxlbWVudC1wbHVzL2VzL2NvbXBvbmVudHMvc3dpdGNoL3N0eWxlL2Nzc1wiLFxyXG4gICAgICAgIFwiZWxlbWVudC1wbHVzL2VzL2NvbXBvbmVudHMvdXBsb2FkL3N0eWxlL2Nzc1wiLFxyXG4gICAgICAgIFwiZWxlbWVudC1wbHVzL2VzL2NvbXBvbmVudHMvbWVudS9zdHlsZS9jc3NcIixcclxuICAgICAgICBcImVsZW1lbnQtcGx1cy9lcy9jb21wb25lbnRzL2NvbC9zdHlsZS9jc3NcIixcclxuICAgICAgICBcImVsZW1lbnQtcGx1cy9lcy9jb21wb25lbnRzL2ljb24vc3R5bGUvY3NzXCIsXHJcbiAgICAgICAgXCJlbGVtZW50LXBsdXMvZXMvY29tcG9uZW50cy9yb3cvc3R5bGUvY3NzXCIsXHJcbiAgICAgICAgXCJlbGVtZW50LXBsdXMvZXMvY29tcG9uZW50cy90YWcvc3R5bGUvY3NzXCIsXHJcbiAgICAgICAgXCJlbGVtZW50LXBsdXMvZXMvY29tcG9uZW50cy9kaWFsb2cvc3R5bGUvY3NzXCIsXHJcbiAgICAgICAgXCJlbGVtZW50LXBsdXMvZXMvY29tcG9uZW50cy9sb2FkaW5nL3N0eWxlL2Nzc1wiLFxyXG4gICAgICAgIFwiZWxlbWVudC1wbHVzL2VzL2NvbXBvbmVudHMvcmFkaW8vc3R5bGUvY3NzXCIsXHJcbiAgICAgICAgXCJlbGVtZW50LXBsdXMvZXMvY29tcG9uZW50cy9yYWRpby1ncm91cC9zdHlsZS9jc3NcIixcclxuICAgICAgICBcImVsZW1lbnQtcGx1cy9lcy9jb21wb25lbnRzL3BvcG92ZXIvc3R5bGUvY3NzXCIsXHJcbiAgICAgICAgXCJlbGVtZW50LXBsdXMvZXMvY29tcG9uZW50cy9zY3JvbGxiYXIvc3R5bGUvY3NzXCIsXHJcbiAgICAgICAgXCJlbGVtZW50LXBsdXMvZXMvY29tcG9uZW50cy90b29sdGlwL3N0eWxlL2Nzc1wiLFxyXG4gICAgICAgIFwiZWxlbWVudC1wbHVzL2VzL2NvbXBvbmVudHMvZHJvcGRvd24vc3R5bGUvY3NzXCIsXHJcbiAgICAgICAgXCJlbGVtZW50LXBsdXMvZXMvY29tcG9uZW50cy9kcm9wZG93bi1tZW51L3N0eWxlL2Nzc1wiLFxyXG4gICAgICAgIFwiZWxlbWVudC1wbHVzL2VzL2NvbXBvbmVudHMvZHJvcGRvd24taXRlbS9zdHlsZS9jc3NcIixcclxuICAgICAgICBcImVsZW1lbnQtcGx1cy9lcy9jb21wb25lbnRzL3N1Yi1tZW51L3N0eWxlL2Nzc1wiLFxyXG4gICAgICAgIFwiZWxlbWVudC1wbHVzL2VzL2NvbXBvbmVudHMvbWVudS1pdGVtL3N0eWxlL2Nzc1wiLFxyXG4gICAgICAgIFwiZWxlbWVudC1wbHVzL2VzL2NvbXBvbmVudHMvZGl2aWRlci9zdHlsZS9jc3NcIixcclxuICAgICAgICBcImVsZW1lbnQtcGx1cy9lcy9jb21wb25lbnRzL2NhcmQvc3R5bGUvY3NzXCIsXHJcbiAgICAgICAgXCJlbGVtZW50LXBsdXMvZXMvY29tcG9uZW50cy9saW5rL3N0eWxlL2Nzc1wiLFxyXG4gICAgICAgIFwiZWxlbWVudC1wbHVzL2VzL2NvbXBvbmVudHMvYnJlYWRjcnVtYi9zdHlsZS9jc3NcIixcclxuICAgICAgICBcImVsZW1lbnQtcGx1cy9lcy9jb21wb25lbnRzL2JyZWFkY3J1bWItaXRlbS9zdHlsZS9jc3NcIixcclxuICAgICAgICBcImVsZW1lbnQtcGx1cy9lcy9jb21wb25lbnRzL3RhYmxlL3N0eWxlL2Nzc1wiLFxyXG4gICAgICAgIFwiZWxlbWVudC1wbHVzL2VzL2NvbXBvbmVudHMvdHJlZS1zZWxlY3Qvc3R5bGUvY3NzXCIsXHJcbiAgICAgICAgXCJlbGVtZW50LXBsdXMvZXMvY29tcG9uZW50cy90YWJsZS1jb2x1bW4vc3R5bGUvY3NzXCIsXHJcbiAgICAgICAgXCJlbGVtZW50LXBsdXMvZXMvY29tcG9uZW50cy9zZWxlY3Qvc3R5bGUvY3NzXCIsXHJcbiAgICAgICAgXCJlbGVtZW50LXBsdXMvZXMvY29tcG9uZW50cy9vcHRpb24vc3R5bGUvY3NzXCIsXHJcbiAgICAgICAgXCJlbGVtZW50LXBsdXMvZXMvY29tcG9uZW50cy9wYWdpbmF0aW9uL3N0eWxlL2Nzc1wiLFxyXG4gICAgICAgIFwiZWxlbWVudC1wbHVzL2VzL2NvbXBvbmVudHMvdHJlZS9zdHlsZS9jc3NcIixcclxuICAgICAgICBcImVsZW1lbnQtcGx1cy9lcy9jb21wb25lbnRzL2FsZXJ0L3N0eWxlL2Nzc1wiLFxyXG4gICAgICAgIFwiQHZ1ZXVzZS9jb3JlXCIsXHJcblxyXG4gICAgICAgIFwicGF0aC10by1yZWdleHBcIixcclxuICAgICAgICBcImVjaGFydHNcIixcclxuICAgICAgICBcIkB3YW5nZWRpdG9yL2VkaXRvclwiLFxyXG4gICAgICAgIFwiQHdhbmdlZGl0b3IvZWRpdG9yLWZvci12dWVcIixcclxuICAgICAgICBcInZ1ZS1pMThuXCIsXHJcbiAgICAgIF0sXHJcbiAgICB9LFxyXG4gIH07XHJcbn0pO1xyXG4iXSwKICAibWFwcGluZ3MiOiAiO0FBQTBaLE9BQU8sU0FBUztBQUUxYSxTQUFnQyxTQUFTLG9CQUFvQjtBQUU3RCxPQUFPLGdCQUFnQjtBQUN2QixPQUFPLGdCQUFnQjtBQUN2QixTQUFTLDJCQUEyQjtBQUVwQyxPQUFPLFdBQVc7QUFDbEIsT0FBTyxtQkFBbUI7QUFFMUIsU0FBUyw0QkFBNEI7QUFFckMsT0FBTyxZQUFZO0FBRW5CLFNBQVMsY0FBYztBQUV2QixPQUFPLFVBQVU7QUFqQmpCLElBQU0sbUNBQW1DO0FBa0J6QyxJQUFNLFVBQVUsS0FBSyxRQUFRLGtDQUFXLEtBQUs7QUFFN0MsSUFBTyxzQkFBUSxhQUFhLENBQUMsRUFBRSxLQUFLLE1BQTZCO0FBQy9ELFFBQU0sTUFBTSxRQUFRLE1BQU0sUUFBUSxJQUFJLENBQUM7QUFDdkMsU0FBTztBQUFBLElBQ0wsU0FBUztBQUFBLE1BQ1AsT0FBTztBQUFBLFFBQ0wsS0FBSztBQUFBLE1BQ1A7QUFBQSxJQUNGO0FBQUEsSUFDQSxLQUFLO0FBQUE7QUFBQSxNQUVILHFCQUFxQjtBQUFBO0FBQUEsUUFFbkIsTUFBTTtBQUFBLFVBQ0osbUJBQW1CO0FBQUEsVUFDbkIsZ0JBQWdCO0FBQUE7QUFBQTtBQUFBLFFBR2xCO0FBQUEsTUFDRjtBQUFBLElBQ0Y7QUFBQSxJQUNBLFFBQVE7QUFBQSxNQUNOLE1BQU07QUFBQSxNQUNOLE1BQU0sT0FBTyxJQUFJLGFBQWE7QUFBQSxNQUM5QixNQUFNO0FBQUE7QUFBQSxNQUNOLE9BQU87QUFBQTtBQUFBLFFBRUwsQ0FBQyxJQUFJLGlCQUFpQixHQUFHO0FBQUEsVUFDdkIsUUFBUSxJQUFJO0FBQUE7QUFBQTtBQUFBO0FBQUEsVUFHWixjQUFjO0FBQUEsVUFDZCxTQUFTLENBQUNBLFVBQ1JBLE1BQUssUUFBUSxJQUFJLE9BQU8sTUFBTSxJQUFJLGlCQUFpQixHQUFHLEVBQUU7QUFBQTtBQUFBLFFBQzVEO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsTUFzQ0Y7QUFBQSxJQUNGO0FBQUEsSUFFQSxTQUFTO0FBQUEsTUFFUCxJQUFJO0FBQUEsTUFDSixPQUFPO0FBQUE7QUFBQSxNQUVQLENBQUM7QUFBQSxNQUNELFdBQVc7QUFBQTtBQUFBLFFBRVQsU0FBUyxDQUFDLE9BQU8sY0FBYztBQUFBO0FBQUEsUUFFL0IsVUFBVTtBQUFBLFVBQ1IsU0FBUztBQUFBO0FBQUEsVUFDVCxVQUFVO0FBQUE7QUFBQSxVQUNWLGtCQUFrQjtBQUFBO0FBQUEsUUFDcEI7QUFBQSxRQUNBLFdBQVc7QUFBQTtBQUFBLFVBRVQsb0JBQW9CO0FBQUE7QUFBQSxVQUVwQixjQUFjLENBQUMsQ0FBQztBQUFBLFFBQ2xCO0FBQUEsUUFDQSxhQUFhO0FBQUE7QUFBQSxRQUNiLEtBQUssS0FBSyxRQUFRLFNBQVMsU0FBUyxtQkFBbUI7QUFBQTtBQUFBLE1BQ3pELENBQUM7QUFBQSxNQUVELFdBQVc7QUFBQSxRQUNULFdBQVc7QUFBQTtBQUFBLFVBRVQsY0FBYztBQUFBLFlBQ1osb0JBQW9CLENBQUMsSUFBSTtBQUFBO0FBQUEsVUFDM0IsQ0FBQztBQUFBO0FBQUEsVUFFRCxvQkFBb0I7QUFBQSxRQUN0QjtBQUFBLFFBQ0EsS0FBSyxLQUFLLFFBQVEsU0FBUyxTQUFTLGlCQUFpQjtBQUFBO0FBQUEsTUFDdkQsQ0FBQztBQUFBLE1BRUQsTUFBTTtBQUFBO0FBQUEsUUFFSixhQUFhO0FBQUEsTUFDZixDQUFDO0FBQUEsTUFFRCxxQkFBcUI7QUFBQTtBQUFBLFFBRW5CLFVBQVUsQ0FBQyxLQUFLLFFBQVEsU0FBUyxjQUFjLENBQUM7QUFBQTtBQUFBLFFBRWhELFVBQVU7QUFBQSxNQUNaLENBQUM7QUFBQSxJQUNIO0FBQUEsSUFDQSxPQUFPO0FBQUEsTUFDTCxlQUFlO0FBQUEsUUFDYixVQUFVO0FBQUEsVUFDUixjQUFjO0FBQUE7QUFBQSxRQUNoQjtBQUFBLE1BQ0Y7QUFBQSxNQUNBLGVBQWU7QUFBQSxRQUNiLFNBQVM7QUFBQSxVQUNQLE9BQU87QUFBQSxZQUNMLFVBQVU7QUFBQSxjQUNSLGNBQWM7QUFBQTtBQUFBLFlBQ2hCO0FBQUEsVUFDRixDQUFDO0FBQUEsUUFDSDtBQUFBLE1BQ0Y7QUFBQSxJQUNGO0FBQUEsSUFDQSxjQUFjO0FBQUEsTUFDWixTQUFTO0FBQUEsUUFDUDtBQUFBLFFBQ0E7QUFBQSxRQUNBO0FBQUEsUUFDQTtBQUFBLFFBQ0E7QUFBQSxRQUNBO0FBQUEsUUFDQTtBQUFBLFFBQ0E7QUFBQSxRQUNBO0FBQUEsUUFDQTtBQUFBLFFBQ0E7QUFBQSxRQUNBO0FBQUEsUUFDQTtBQUFBLFFBQ0E7QUFBQSxRQUNBO0FBQUEsUUFDQTtBQUFBLFFBQ0E7QUFBQSxRQUNBO0FBQUEsUUFDQTtBQUFBLFFBQ0E7QUFBQSxRQUNBO0FBQUEsUUFDQTtBQUFBLFFBQ0E7QUFBQSxRQUNBO0FBQUEsUUFDQTtBQUFBLFFBQ0E7QUFBQSxRQUNBO0FBQUEsUUFDQTtBQUFBLFFBQ0E7QUFBQSxRQUNBO0FBQUEsUUFDQTtBQUFBLFFBQ0E7QUFBQSxRQUNBO0FBQUEsUUFDQTtBQUFBLFFBQ0E7QUFBQSxRQUNBO0FBQUEsUUFDQTtBQUFBLFFBQ0E7QUFBQSxRQUNBO0FBQUEsUUFDQTtBQUFBLFFBQ0E7QUFBQSxRQUNBO0FBQUEsUUFFQTtBQUFBLFFBQ0E7QUFBQSxRQUNBO0FBQUEsUUFDQTtBQUFBLFFBQ0E7QUFBQSxNQUNGO0FBQUEsSUFDRjtBQUFBLEVBQ0Y7QUFDRixDQUFDOyIsCiAgIm5hbWVzIjogWyJwYXRoIl0KfQo=