loasder

src/components/TreeRender/index.jsx

@@ -19,13 +19,20 @@ function TreeRender({ url, deleteurl, saveurl, onselected }) {
         visible: false
     });
     const { data, loading, refresh } = useRequest(() => {
-        return doFetch({ url, params: { title:  search } })
-    },{
-        refreshDeps:[search]
+        return doFetch({ url, params: { title: search } })
+    }, {
+        refreshDeps: [search]
     });
     const ref1 = useRef(), ref2 = useRef();
     const treeData = useMemo(() => {
-        return data?.data?.dataList ?? []
+        let res = data?.data?.dataList ?? [];
+        return [
+            {
+                title: "全部",
+                key: "0",
+                children: res
+            }
+        ]
     }, [data]);
 
     const loop = data => data.map(item => {
@@ -50,24 +57,29 @@ function TreeRender({ url, deleteurl, saveurl, onselected }) {
         const actiontitle = (
             <div style={{ display: "flex", alignItems: "center" }}>
                 {title}
-                <Divider type='vertical' style={{ margin: "0 6px" }}></Divider>
-                <Tooltip title="编辑" onClick={(e) => {
-                    e.stopPropagation();
-                    setsavetitle(null)
-                    if (getPrem("enElectricityMeterType_save", "ifs")) {
-                        setModal({
-                            visible: true,
-                            closable: true,
-                            title: "修改节点名称",
-                            okText: "修改",
-                            cancelText: "取消",
-                            placeholder: item.title,
-                            key: item.key
-                        })
-                    }
-                }}>
-                    <FormOutlined style={{ color: "#1890ff" }} />
-                </Tooltip>
+                {
+                    item.key != "0" && <Divider type='vertical' style={{ margin: "0 6px" }}></Divider>
+                }
+                {
+                    item.key != "0" && <Tooltip title="编辑" onClick={(e) => {
+                        e.stopPropagation();
+                        setsavetitle(null)
+                        if (getPrem("enElectricityMeterType_save", "ifs")) {
+                            setModal({
+                                visible: true,
+                                closable: true,
+                                title: "修改节点名称",
+                                okText: "修改",
+                                cancelText: "取消",
+                                placeholder: item.title,
+                                key: item.key
+                            })
+                        }
+                    }}>
+                        <FormOutlined style={{ color: "#1890ff" }} />
+                    </Tooltip>
+                }
+
                 <Divider type='vertical' style={{ margin: "0 6px" }}></Divider>
                 <Tooltip title="新增">
                     <PlusSquareOutlined
@@ -94,7 +106,7 @@ function TreeRender({ url, deleteurl, saveurl, onselected }) {
                     <Divider type='vertical' style={{ margin: "0 6px" }}></Divider>
                 }
                 {
-                    (!item.children || item.children.length == 0) &&
+                    (!item.children || item.children.length == 0) && (item.key != "0") &&
                     <Popconfirm
                         placement='bottom'
                         title="是否删除该节点？"
@@ -216,7 +228,7 @@ function TreeRender({ url, deleteurl, saveurl, onselected }) {
                         </div>
                 }
             </Modal>
-            <Search value={search} style={{ margin: '16px 0 8px 0' }} placeholder="搜索" onChange={(e)=>{
+            <Search value={search} style={{ margin: '16px 0 8px 0' }} placeholder="搜索" onChange={(e) => {
                 setsearch(e.target.value)
             }} />