{ "type": "page", "body": [ { "type": "service", "className": "h-full", "body": [ { "type": "wrapper", "size": "none", "className": "flex flex-1 overflow-hidden h-full", "body": [ { "type": "wrapper", "size": "none", "className": "space-users-list-sidebar-wrapper flex-shrink-0 min-w-[260px] bg-white border-r lg:order-first lg:flex lg:flex-col ", "body": [ { "type": "input-tree", "id": "u:7fd77b7915b0", "className": "bg-none", "source": { "method": "post", "url": "${context.rootUrl}/graphql", "headers": { "Authorization": "Bearer ${context.tenantId},${context.authToken}" }, "adaptor": "const records = payload.data.options;\nconst treeRecords = [];\nconst getChildren = (currentRecord, records, childrenIds) => {\n if (currentRecord.children && typeof currentRecord.children[0] === \"object\") {\n // 考虑api配置了cache缓存的话，不会请求接口但是会重新进这个接收适配器脚本且payload.data.options返回的会是上一次计算结果，这里直接返回计算过的children\n return currentRecord.children;\n }\n if (!childrenIds) {\n return;\n }\n const children = _.filter(records, (record) => {\n return _.includes(childrenIds, record.value)\n });\n _.each(children, (item) => {\n if (item.children) {\n item.children = getChildren(item, records, item.children)\n }\n })\n return children;\n}\n\nconst getRoot = (records) => {\n for (var i = 0; i < records.length; i++) {\n records[i].noParent = 0;\n if (!!records[i].parent) {\n biaozhi = 1\n for (var j = 0; j < records.length; j++) {\n if (records[i].parent == records[j].value)\n biaozhi = 0;\n }\n if (biaozhi == 1) records[i].noParent = 1;\n } else records[i].noParent = 1;\n }\n}\ngetRoot(records);\n\n_.each(records, (record) => {\n if (record.noParent == 1) {\n treeRecords.push(Object.assign({}, record, { children: getChildren(record, records, record.children) }));\n }\n});\n\npayload.data.options = treeRecords;\nreturn payload;", "requestAdaptor": "\n ", "data": { "query": "{options:organizations(sort:\"sort_no desc\"){value:_id label:name,parent,children,is_hidden:hidden}}" }, "messages": {}, "cache": 300000 }, "onEvent": { "change": { "actions": [ { "actionType": "custom", "script": "document.querySelector('.space-users-list-custom-page').classList.toggle('space-users-list-sidebar-open');", "expression": "${isMobile}" }, { "actionType": "setValue", "componentId": "u:f6a209c8cf61", "args": { "value": { "isVisible": "${!isVisible}" } }, "expression": "${isMobile}" }, { "actionType": "setValue", "componentId": "u:f6a209c8cf61", "args": { "value": { "additionalFilters": [ "organizations_parents", "in", "${event.data.value.value | asArray}" ], "organizations": "${event.data.value.value}" } } } ] } }, "menuTpl": "
${label}
", "name": "organizations", "multiple": false, "joinValues": false, "clearValueOnHidden": false, "fieldName": "organizations", "hideRoot": true, "initiallyOpen": false, "extractValue": true, "onlyChildren": true, "treeContainerClassName": "no-border h-full", "showIcon": false, "enableNodePath": false, "autoCheckChildren": false, "searchable": true, "searchConfig": { "sticky": true, "placeholder": "请搜索部门" }, "unfoldedLevel": 2, "originPosition": "left-top", "virtualThreshold": 10000, "style": { "max-height": "100%", "background-color": "white" } } ], "id": "u:fd659f5c3657", "visibleOn": "${isVisible}", "isFixedHeight": false, "isFixedWidth": false }, { "type": "button", "className": "space-users-sidebar-overlay", "id": "u:773b1d00aab2", "visibleOn": "${isVisible && isMobile}", "body": [], "onEvent": { "click": { "actions": [ { "actionType": "custom", "script": "document.querySelector('.space-users-list-custom-page').classList.toggle('space-users-list-sidebar-open');" }, { "actionType": "wait", "args": { "time": 500 } }, { "actionType": "setValue", "componentId": "u:f6a209c8cf61", "args": { "value": { "isVisible": "${!isVisible}" } } } ] } } }, { "type": "wrapper", "size": "none", "className": "flex-1 focus:outline-none lg:order-last", "body": [ { "type": "steedos-object-listview", "objectApiName": "space_users", "id": "u:d29cef0d1007", "columnsTogglable": false, "showHeader": true, "showDisplayAs": true, "headerToolbarItems": [ { "type": "button", "label": "", "align": "left", "icon": "fa fa-bars", "className": "bg-white p-2 rounded border-gray-300 text-gray-500", "onEvent": { "click": { "actions": [ { "actionType": "setValue", "args": { "value": { "isVisible": "${!isVisible}" } }, "componentId": "u:f6a209c8cf61" }, { "actionType": "wait", "args": { "time": 50 }, "expression": "${!isMobile}" }, { "actionType": "custom", "script": "document.querySelector('.space-users-list-custom-page').classList.toggle('space-users-list-sidebar-open');" } ] } }, "id": "u:6f237cc36419", "hiddenOn": "${window:innerWidth < 768 && false}" } ], "className": "", "style": { "border": 0, "border-radius": 0 } } ], "id": "u:ca495ec221e7" } ], "id": "u:9526a450d59b", "style": { "border-width": "${displayAs == 'split'?'0px':''}", "box-shadow": "${displayAs == 'split'?'none':''}", "--tw-shadow-colored": "${displayAs == 'split'?'none':''}", "--tw-shadow": "${displayAs == 'split'?'none':''}" } } ], "data": { "isVisible": "${window:innerWidth > 768}", "isMobile": "${window:innerWidth <= 768}" }, "id": "u:f6a209c8cf61", "dsType": "api" } ], "regions": [ "body" ], "data": { "objectName": "space_users", "context": {} }, "id": "u:b7167e2fcaf0", "name": "page_space_users_list", "bodyClassName": "p-0", "asideResizor": false, "pullRefresh": { "disabled": true }, "className": { "space-users-list-custom-page h-full": true, "space-users-list-mobile": "${window:innerWidth < 768}", "space-users-list-pc space-users-list-sidebar-open": "${window:innerWidth > 768}" }, "style": {}, "dsType": "api", "themeCss": { "baseControlClassName": { "padding-and-margin:default": { "padding": "${displayAs == 'grid'?'':'0px'}" } } }, "css": { ".space-users-list-custom-page.space-users-list-mobile .space-users-list-sidebar-wrapper": { "z-index": "601", "top": "50px", "left": "0px", "bottom": "0px", "position": "fixed", "margin": "0px" }, ".space-users-list-custom-page.space-users-list-mobile .space-users-sidebar-overlay": { "z-index": "600", "position": "fixed", "bottom": "0px", "right": "0px", "left": "0px", "top": "50px" }, ".space-users-list-custom-page .space-users-list-sidebar-wrapper": { "transition": "0.5s ease transform", "will-change": "transform", "transform": "translate(-100%,0)", "-webkit-transform": "translate(-100%,0)", "-moz-transform": "translate(-100%,0)", "-ms-transform": "translate(-100%,0)", "-o-transform": "translate(-100%,0)" }, ".space-users-list-custom-page.space-users-list-sidebar-open .space-users-list-sidebar-wrapper": { "transform": "translate(0,0)", "-webkit-transform": "translate(0,0)", "-moz-transform": "translate(0,0)", "-ms-transform": "translate(0,0)", "-o-transform": "translate(0,0)" }, ".space-users-list-custom-page.space-users-list-pc .space-users-list-sidebar-wrapper": { "min-width": "0px", "width": "0px" }, ".space-users-list-custom-page.space-users-list-pc.space-users-list-sidebar-open .space-users-list-sidebar-wrapper": { "min-width": "260px" }, ".space-users-list-custom-page.space-users-list-pc .space-users-list-sidebar-wrapper .antd-Form-item": { "height": "100%" }, ".space-users-list-custom-page.space-users-list-pc .space-users-list-sidebar-wrapper .antd-TreeControl": { "display": "flex", "flex-direction": "column", "height": "100%" }, ".space-users-list-custom-page.space-users-list-pc .space-users-list-sidebar-wrapper .antd-Tree": { "flex": "1", "overflow-y": "auto", "max-height": "none !important" } } }