Zxsd

config/routes.js

@@ -48,6 +48,21 @@ export default [
       },
     ],
   },
+  {
+    path: "/insertstore",
+    name: "入库管理",
+    icon: "search",
+    routes: [
+      {
+        path: "/insertstore/instore",
+        name: "入库管理",
+        component: "./insertstore/Instore",
+      },
+      {
+        component: "./404",
+      },
+    ],
+  },
   {
     path: "/system",
     name: "系统基础管理",

package.json

@@ -46,7 +46,7 @@
     "@ant-design/icons": "^4.7.0",
     "@ant-design/pro-card": "^1.18.33",
     "@ant-design/pro-components": "^1.1.2",
-    "@ant-design/pro-descriptions": "^1.10.0",
+    "@ant-design/pro-descriptions": "^1.11.7",
     "@ant-design/pro-form": "^1.52.0",
     "@ant-design/pro-layout": "^6.32.0",
     "@ant-design/pro-table": "^2.64.1",

src/pages/craft/Materiel/Index.jsx

@@ -234,7 +234,6 @@ const Materiel = (props) => {
           name: "materieControl",
         },
       },
-
       {
         title: "保质期",
         dataIndex: "qualityGuaranteePeriod",

src/pages/insertstore/Instore/index.jsx

+import {
+    MenuUnfoldOutlined,
+    MenuFoldOutlined,
+    HomeOutlined
+} from '@ant-design/icons';
+import { Breadcrumb, Layout, Menu, Input, Tooltip, Tree } from 'antd';
+import React, { useState } from 'react';
+import styles from './index.less'
+const { Header, Content, Footer, Sider } = Layout,
+    { Search } = Input
+
+
+
+const Storesearch = () => {
+    const [collapsed, setCollapsed] = useState(false);
+    const [search, setsearch] = useState();
+    const [select, setselect] = useState({});
+
+    return (
+        <Layout
+            style={{
+                height: '100%',
+            }}
+        >
+            <Sider theme='light' collapsed={collapsed} width={260}>
+                <div style={{ padding: 12, justifyContent: "space-between", paddingBottom: collapsed ? 12 : 0, alignItems: "center", display: "flex", flexDirection: !collapsed ? "row" : "column" }} >
+                    <p className={styles.title} style={{ marginBottom: !collapsed ? 0 : 12 }}>
+                        <HomeOutlined />
+                        {!collapsed ? <span style={{ marginLeft: 6 }}>仓库库位</span> : ""}
+                    </p>
+
+                    {collapsed ? (
+                        <MenuUnfoldOutlined
+                            style={{ cursor: "pointer", fontSize: 20 }}
+                            onClick={() => {
+                                setCollapsed(!collapsed)
+                            }}
+                        />
+                    ) : (
+                        <MenuFoldOutlined
+                            style={{ cursor: "pointer", fontSize: 20 }}
+                            onClick={() => {
+                                setCollapsed(!collapsed)
+                            }}
+                        />
+                    )}
+                </div>
+                {
+                    !collapsed && <div style={{ padding: 12, paddingBottom: collapsed ? 12 : 0 }}>
+                        <Search value={search} onChange={e => setsearch(e.target.value)} style={{ marginRight: 10 }}></Search>
+                    </div>
+                }
+                {
+                    !collapsed ?
+                        <div style={{ padding: collapsed ? 0 : 12 }}>
+                            <Tree
+                                treeData={[
+                                    { title: '全部仓库', key: '0' }, // 菜单项务必填写 key
+                                    { title: '菜单项二', key: 'item-2' },
+                                    {
+                                        title: '子菜单',
+                                        key: 'submenu',
+                                        children: [{ title: '子菜单项', key: 'submenu-item-1' }],
+                                    },
+                                ]}
+                                onSelect={(selectedKeys, e) => {
+                                    setselect(selectedKeys[0] ? {
+                                        title: e.node.title,
+                                        selectedKeys: selectedKeys[0]
+                                    } : {
+
+                                    })
+                                }}
+                            />
+                        </div> :
+                        <div onDoubleClick={() => {
+                            setCollapsed(false)
+                        }} style={{ writingMode: "vertical-lr", width: "100%", textAlign: "center", height: "80vh", display: "flex", justifyContent: "center", alignItems: "center", userSelect: "none" }}>
+                            双击此处展开
+                        </div>
+                }
+
+
+
+            </Sider>
+            <Layout className={styles.sitelayout}>
+                <Content
+                    style={{
+                        margin: '0 0 6px 6px',
+                        display: "flex",
+                        flexDirection: "column"
+                    }}
+                >
+                    <Breadcrumb
+                        style={{
+                            margin: '8px 6px',
+                        }}
+                    >
+                        <Breadcrumb.Item>物料库存</Breadcrumb.Item>
+                        <Breadcrumb.Item>{select.title}</Breadcrumb.Item>
+                    </Breadcrumb>
+                    <div
+                        className={styles.sitelayoutbackground}
+                        style={{
+                            padding: 6,
+                            height: "100%",
+                            flex: 1
+                        }}
+                    >
+                        Bill is a cat.
+                    </div>
+                </Content>
+            </Layout>
+        </Layout>
+    );
+};
+
+export default Storesearch;
\ No newline at end of file

src/pages/insertstore/Instore/index.less

+.sitelayout {
+  min-height: calc(100vh - 98px) !important;
+  .sitelayoutbackground {
+    background: #fff;
+  }
+}
+
+.title{
+    margin: 0px;
+}
\ No newline at end of file

src/pages/system/Store/Index.jsx

@@ -215,6 +215,7 @@ const Store = (props) => {
         getContainer={false}
         style={{ position: "absolute" }}
       >
+        
         <StoreApp curitem={curitem}></StoreApp>
       </Drawer>
 

src/pages/system/Store/store.js

@@ -6,6 +6,7 @@ import { useRequest } from "umi";
 import defaultFields from "./fieldstore";
 import { doFetch } from "@/utils/doFetch";
 import DrawInitForm from "@/components/DrawInitForm";
+import { ProDescriptions } from '@ant-design/pro-components';
 const initState = {
     vs: false,
     fields: {},
@@ -102,7 +103,8 @@ const StoreApp = (props) => {
             {
                 "title": "描述",
                 "dataIndex": "description",
-                "key": "description"
+                "key": "description",
+                "search": false
             },
             {
                 title: "操作",
@@ -162,6 +164,31 @@ const StoreApp = (props) => {
 
     return (
         <div>
+            <ProDescriptions
+                columns={[
+                    {
+                        "title": "仓库编号",
+                        "dataIndex": "storeCode",
+                        "key": "storeCode"
+                    },
+                    {
+                        "title": "仓库名称",
+                        "dataIndex": "storeName",
+                        "key": "storeName"
+                    },
+                    {
+                        "title": "仓库类型",
+                        "dataIndex": "storeTypeName",
+                        "key": "storeTypeName",
+                    },
+                    {
+                        "title": "工厂名",
+                        "dataIndex": "factoryName",
+                        "key": "factoryName"
+                    }]}
+                dataSource={props.curitem}
+                column={4}
+            />
             <AutoTable
                 pagetitle={"库位管理"} //页面标题
                 pageextra={extrarender} //页面操作 新增or批量删除