@bit-sun/business-component 3.1.7 → 3.1.8

package/src/components/Business/BsLayouts/Components/ChooseStore/index.tsx

@@ -1,193 +1,193 @@
-import React, { useEffect, useRef, useState, useMemo } from 'react';
-import { Select, Form, Modal, Input, Radio, List } from 'antd';
-import { getStoreByName } from './services';
-import debounce from 'lodash/debounce';
-
-const debounceTimeout = 800;
-
-const ChooseStore = (props: any) => {
-  const { employeeCode } = props;
-  const plainOptions = ['UR', '本来'];
-  const name: any = localStorage.getItem('WARE_HOUSE_NAME');
-  const code: any = localStorage.getItem('WARE_HOUSE_CODE');
-
-  const fetchRef = useRef(0);
-
-
-  const [index, setIndex] = useState(-1);
-  const [value, setValue] = useState([{ label: name, value: code }]);
-  // const [ key, setKey ] = useState(undefined);
-  const [key, setKey] = useState<'UR' | 'BL' | undefined>(undefined);
-  const [openSelect, setOpenSelect] = useState(false);
-  const [options, setOptions] = useState<any[]>([]);
-  const [rescouse, setRescouse] = useState([]);
-  const [searchValue, setSearchValue] = useState('');
-  const [store, setStore] = useState([{ label: name, value: code }]);
-
-  async function fetchUserList(storeName: any, init?: boolean) {
-    return getStoreByName({
-      orgName: storeName ? storeName : undefined,
-      platCompanyCode: init ? undefined : key,
-      'qp-employeeCode-eq': employeeCode || 'EMP231011000002',
-      'qp-orgViewCode-eq': 'business-organizational-view',
-    }).then((res) => {
-      const { data } = res;
-      if (data.code != '000000') {
-        return;
-      }
-      return data.data.map((item: any) => {
-        return {
-          label: item.orgName,
-          value: item.orgCode,
-          defaultOrg: item.defaultOrg,
-          platCompanyCode: item.platCompanyCode,
-        };
-      });
-    });
-  }
-
-  const debounceFetcher = useMemo(() => {
-    const loadOptions = (str: string) => {
-      fetchRef.current += 1;
-      const fetchId = fetchRef.current;
-      setOptions([]);
-      setRescouse([]);
-      fetchUserList(str).then((newOptions) => {
-        if (fetchId !== fetchRef.current) {
-          return;
-        }
-        setOptions(newOptions);
-        setRescouse(newOptions);
-      });
-    };
-
-    return debounce(loadOptions, debounceTimeout);
-  }, [debounceTimeout, key]);
-
-  const changeInput = async (str: string) => {
-    const res: any = await debounceFetcher(str);
-    setOptions(res);
-    setRescouse(res);
-  };
-
-  useEffect(() => {
-    (async () => {
-      const res: any = await fetchUserList(undefined, true);
-      res.map((item: any, indexNumber: number) => {
-        if (item.label === name) {
-          setIndex(indexNumber);
-        }
-        if (item.defaultOrg) {
-          if (name) {
-            return;
-          }
-          localStorage.setItem('WARE_HOUSE_NAME', item?.label);
-          localStorage.setItem('WARE_HOUSE_CODE', item?.value);
-          setValue([item]);
-        }
-      });
-      setOptions(res);
-      setRescouse(res);
-    })();
-  }, []);
-
-  return (
-    <div>
-      <Select
-        value={value}
-        style={{ width: 280, marginRight: 20 }}
-        open={false}
-        onClick={() => {
-          setOpenSelect(true);
-        }}
-      />
-
-      <Modal
-        open={openSelect}
-        onCancel={() => {
-          setOpenSelect(false);
-        }}
-        onOk={() => {
-          localStorage.setItem('WARE_HOUSE_NAME', store[0]?.label);
-          localStorage.setItem('WARE_HOUSE_CODE', store[0]?.value);
-          window.location.reload();
-        }}
-      >
-        <Form
-          style={{ height: 300, marginTop: 20 }}
-          labelCol={{ span: 3 }}
-          wrapperCol={{ span: 16 }}
-        >
-          <Form.Item label="品牌" name="brand">
-            <Radio.Group
-              options={plainOptions}
-              onChange={(item: any) => {
-                const str = item?.target?.value;
-                setKey(str === 'UR' ? 'UR' : 'BL');
-                if (str === 'UR') {
-                  const res: any = rescouse?.filter((current: any) => {
-                    return current.platCompanyCode === 'UR';
-                  });
-                  setOptions(res);
-                  setSearchValue('');
-                } else {
-                  const res: any = rescouse?.filter((current: any) => {
-                    return current.platCompanyCode === 'BL';
-                  });
-                  setOptions(res);
-                  setSearchValue('');
-                }
-              }}
-              optionType="button"
-              buttonStyle="solid"
-            />
-          </Form.Item>
-          <Form.Item
-            label="门店"
-            name="store"
-            rules={[{ required: true, message: '请选择门店' }]}
-          >
-            <Input
-              placeholder="输入门店名称"
-              value={searchValue}
-              onChange={(e) => {
-                changeInput(e.target.value);
-                setSearchValue(e.target.value);
-              }}
-            />
-            <div
-              style={{
-                height: 220,
-                overflowY: 'scroll',
-              }}
-            >
-              <List
-                dataSource={options}
-                bordered
-                renderItem={(item, indexNumber) => (
-                  <List.Item
-                    style={
-                      indexNumber === index ? {
-                        // opacity
-                        color: '#0047bb',
-                      } : {}
-                    }
-                    onClick={(current: any) => {
-                      // setValue([item]);
-                      setStore([item]);
-                      setIndex(indexNumber);
-                    }}
-                  >
-                    {item.label}
-                  </List.Item>
-                )}
-              />
-            </div>
-          </Form.Item>
-        </Form>
-      </Modal>
-    </div>
-  );
-};
-
-export default ChooseStore;
+import React, { useEffect, useRef, useState, useMemo } from 'react';
+import { Select, Form, Modal, Input, Radio, List } from 'antd';
+import { getStoreByName } from './services';
+import debounce from 'lodash/debounce';
+
+const debounceTimeout = 800;
+
+const ChooseStore = (props: any) => {
+  const { employeeCode } = props;
+  const plainOptions = ['UR', '本来'];
+  const name: any = localStorage.getItem('WARE_HOUSE_NAME');
+  const code: any = localStorage.getItem('WARE_HOUSE_CODE');
+
+  const fetchRef = useRef(0);
+
+
+  const [index, setIndex] = useState(-1);
+  const [value, setValue] = useState([{ label: name, value: code }]);
+  // const [ key, setKey ] = useState(undefined);
+  const [key, setKey] = useState<'UR' | 'BL' | undefined>(undefined);
+  const [openSelect, setOpenSelect] = useState(false);
+  const [options, setOptions] = useState<any[]>([]);
+  const [rescouse, setRescouse] = useState([]);
+  const [searchValue, setSearchValue] = useState('');
+  const [store, setStore] = useState([{ label: name, value: code }]);
+
+  async function fetchUserList(storeName: any, init?: boolean) {
+    return getStoreByName({
+      orgName: storeName ? storeName : undefined,
+      platCompanyCode: init ? undefined : key,
+      'qp-employeeCode-eq': employeeCode || 'EMP231011000002',
+      'qp-orgViewCode-eq': 'business-organizational-view',
+    }).then((res) => {
+      const { data } = res;
+      if (data.code != '000000') {
+        return;
+      }
+      return data.data.map((item: any) => {
+        return {
+          label: item.orgName,
+          value: item.orgCode,
+          defaultOrg: item.defaultOrg,
+          platCompanyCode: item.platCompanyCode,
+        };
+      });
+    });
+  }
+
+  const debounceFetcher = useMemo(() => {
+    const loadOptions = (str: string) => {
+      fetchRef.current += 1;
+      const fetchId = fetchRef.current;
+      setOptions([]);
+      setRescouse([]);
+      fetchUserList(str).then((newOptions) => {
+        if (fetchId !== fetchRef.current) {
+          return;
+        }
+        setOptions(newOptions);
+        setRescouse(newOptions);
+      });
+    };
+
+    return debounce(loadOptions, debounceTimeout);
+  }, [debounceTimeout, key]);
+
+  const changeInput = async (str: string) => {
+    const res: any = await debounceFetcher(str);
+    setOptions(res);
+    setRescouse(res);
+  };
+
+  useEffect(() => {
+    (async () => {
+      const res: any = await fetchUserList(undefined, true);
+      res.map((item: any, indexNumber: number) => {
+        if (item.label === name) {
+          setIndex(indexNumber);
+        }
+        if (item.defaultOrg) {
+          if (name) {
+            return;
+          }
+          localStorage.setItem('WARE_HOUSE_NAME', item?.label);
+          localStorage.setItem('WARE_HOUSE_CODE', item?.value);
+          setValue([item]);
+        }
+      });
+      setOptions(res);
+      setRescouse(res);
+    })();
+  }, []);
+
+  return (
+    <div>
+      <Select
+        value={value}
+        style={{ width: 280, marginRight: 20 }}
+        open={false}
+        onClick={() => {
+          setOpenSelect(true);
+        }}
+      />
+
+      <Modal
+        open={openSelect}
+        onCancel={() => {
+          setOpenSelect(false);
+        }}
+        onOk={() => {
+          localStorage.setItem('WARE_HOUSE_NAME', store[0]?.label);
+          localStorage.setItem('WARE_HOUSE_CODE', store[0]?.value);
+          window.location.reload();
+        }}
+      >
+        <Form
+          style={{ height: 300, marginTop: 20 }}
+          labelCol={{ span: 3 }}
+          wrapperCol={{ span: 16 }}
+        >
+          <Form.Item label="品牌" name="brand">
+            <Radio.Group
+              options={plainOptions}
+              onChange={(item: any) => {
+                const str = item?.target?.value;
+                setKey(str === 'UR' ? 'UR' : 'BL');
+                if (str === 'UR') {
+                  const res: any = rescouse?.filter((current: any) => {
+                    return current.platCompanyCode === 'UR';
+                  });
+                  setOptions(res);
+                  setSearchValue('');
+                } else {
+                  const res: any = rescouse?.filter((current: any) => {
+                    return current.platCompanyCode === 'BL';
+                  });
+                  setOptions(res);
+                  setSearchValue('');
+                }
+              }}
+              optionType="button"
+              buttonStyle="solid"
+            />
+          </Form.Item>
+          <Form.Item
+            label="门店"
+            name="store"
+            rules={[{ required: true, message: '请选择门店' }]}
+          >
+            <Input
+              placeholder="输入门店名称"
+              value={searchValue}
+              onChange={(e) => {
+                changeInput(e.target.value);
+                setSearchValue(e.target.value);
+              }}
+            />
+            <div
+              style={{
+                height: 220,
+                overflowY: 'scroll',
+              }}
+            >
+              <List
+                dataSource={options}
+                bordered
+                renderItem={(item, indexNumber) => (
+                  <List.Item
+                    style={
+                      indexNumber === index ? {
+                        // opacity
+                        color: '#0047bb',
+                      } : {}
+                    }
+                    onClick={(current: any) => {
+                      // setValue([item]);
+                      setStore([item]);
+                      setIndex(indexNumber);
+                    }}
+                  >
+                    {item.label}
+                  </List.Item>
+                )}
+              />
+            </div>
+          </Form.Item>
+        </Form>
+      </Modal>
+    </div>
+  );
+};
+
+export default ChooseStore;

package/src/components/Business/BsLayouts/Components/ChooseStore/services.ts

@@ -1,10 +1,10 @@
-import request from '@/utils/request';
-
-// -- 查询店铺 -- 
-export async function getStoreByName(params: any) {
-  return request({
-    url: '/store-house/orgViewNode/listNoPage',
-    method: 'GET',
-    params: { ...params },
-  })
-}
+import request from '@/utils/request';
+
+// -- 查询店铺 -- 
+export async function getStoreByName(params: any) {
+  return request({
+    url: '/store-house/orgViewNode/listNoPage',
+    method: 'GET',
+    params: { ...params },
+  })
+}

package/src/components/Business/BsLayouts/Components/CustomerMenu/MenuSetting/index.less

@@ -1,90 +1,90 @@
-.setting_content>div {
-  width: 50%;
-  box-sizing: border-box;
-  // float: left;
-  margin: 0 10px;
-}
-
-.setting_content {
-  display: flex;
-}
-
-
-.tree_title {
-  height: 50px;
-}
-
-.tree_content {
-  height: 400px;
-  overflow: auto;
-  border: 1px solid #d9d9d9;
-  padding: 5px;
-}
-
-.setting_content::after {
-  clear: both;
-  display: block;
-  content: '';
-}
-
-.choosed_label_color {
-  color: #f50;
-}
-
-.left_tree_content {
-  .ant-tree .ant-tree-node-content-wrapper {
-    flex-grow: 1;
-    .ant-tree-title {
-      width: 100%;
-    }
-  }
-  .ant-tree .ant-tree-treenode {
-    width: 100%;
-  }
-}
-
-.right_tree_content, .left_tree_content {
-  .ant-tree .ant-tree-node-content-wrapper {
-    display: flex;
-    margin-left: -3px;
-  }
-  .ant-tree-checkbox {
-      top: auto;
-      top: initial;
-      // margin: 4px 3px 0 0 !important;
-  }
-}
-
-.node_title_content:hover {
-  .right_arrow {
-    display: block !important;
-  }
-}
-
-.right_arrow {
-  float: right;
-  display: none;
-  color: #999999;
-  margin-right: 10px;
-}
-
-
-
-.right_tree_content {
-  .ant-tree-title {
-    width: 100%;
-    display: inline-block;
-    padding-right: 10px;
-  }
-  .ant-dropdown-trigger {
-    color: gray !important;
-  }
-  .tree_node_title {
-    font-size: 20px;
-    color: #d9d9d9;
-    float: right;
-    span {
-      margin-right: 5px;
-    }
-  }
-}
+.setting_content>div {
+  width: 50%;
+  box-sizing: border-box;
+  // float: left;
+  margin: 0 10px;
+}
+
+.setting_content {
+  display: flex;
+}
+
+
+.tree_title {
+  height: 50px;
+}
+
+.tree_content {
+  height: 400px;
+  overflow: auto;
+  border: 1px solid #d9d9d9;
+  padding: 5px;
+}
+
+.setting_content::after {
+  clear: both;
+  display: block;
+  content: '';
+}
+
+.choosed_label_color {
+  color: #f50;
+}
+
+.left_tree_content {
+  .ant-tree .ant-tree-node-content-wrapper {
+    flex-grow: 1;
+    .ant-tree-title {
+      width: 100%;
+    }
+  }
+  .ant-tree .ant-tree-treenode {
+    width: 100%;
+  }
+}
+
+.right_tree_content, .left_tree_content {
+  .ant-tree .ant-tree-node-content-wrapper {
+    display: flex;
+    margin-left: -3px;
+  }
+  .ant-tree-checkbox {
+      top: auto;
+      top: initial;
+      // margin: 4px 3px 0 0 !important;
+  }
+}
+
+.node_title_content:hover {
+  .right_arrow {
+    display: block !important;
+  }
+}
+
+.right_arrow {
+  float: right;
+  display: none;
+  color: #999999;
+  margin-right: 10px;
+}
+
+
+
+.right_tree_content {
+  .ant-tree-title {
+    width: 100%;
+    display: inline-block;
+    padding-right: 10px;
+  }
+  .ant-dropdown-trigger {
+    color: gray !important;
+  }
+  .tree_node_title {
+    font-size: 20px;
+    color: #d9d9d9;
+    float: right;
+    span {
+      margin-right: 5px;
+    }
+  }
+}

package/src/components/Business/BsLayouts/Components/CustomerMenu/MenuSetting/index.tsx

@@ -1,38 +1,38 @@
-import React, {
-  useState,
-  forwardRef,
-  useImperativeHandle
-} from "react";
-import './index.less';
-import LeftTree from "./leftTree";
-import RightTree from "./rightTree";
- 
-const MenuSetting = forwardRef(({actionRef, originRoutes, itemPath}: any, ref) => {
-
-  const [customerMenuData, setCustomerMenuData] = useState(
-    JSON.parse( localStorage.getItem(`customerMenu_${itemPath}_front`) || '[]')
-  );
-
-  useImperativeHandle(ref, () => ({
-    saveMenuData: () => {
-      localStorage.setItem(`customerMenu_${itemPath}_front`, JSON.stringify(customerMenuData));
-      actionRef.current?.reload();
-    },
-  }));
-
-  return (
-    <div className={'setting_content'}>
-      <LeftTree
-        originRoutes={originRoutes}
-        customerMenuData={customerMenuData}
-        setCustomerMenuData={setCustomerMenuData}
-      />
-      <RightTree 
-        customerMenuData={customerMenuData}
-        setCustomerMenuData={setCustomerMenuData}
-      />
-    </div>
-  )
-})
-
+import React, {
+  useState,
+  forwardRef,
+  useImperativeHandle
+} from "react";
+import './index.less';
+import LeftTree from "./leftTree";
+import RightTree from "./rightTree";
+ 
+const MenuSetting = forwardRef(({actionRef, originRoutes, itemPath}: any, ref) => {
+
+  const [customerMenuData, setCustomerMenuData] = useState(
+    JSON.parse( localStorage.getItem(`customerMenu_${itemPath}_front`) || '[]')
+  );
+
+  useImperativeHandle(ref, () => ({
+    saveMenuData: () => {
+      localStorage.setItem(`customerMenu_${itemPath}_front`, JSON.stringify(customerMenuData));
+      actionRef.current?.reload();
+    },
+  }));
+
+  return (
+    <div className={'setting_content'}>
+      <LeftTree
+        originRoutes={originRoutes}
+        customerMenuData={customerMenuData}
+        setCustomerMenuData={setCustomerMenuData}
+      />
+      <RightTree 
+        customerMenuData={customerMenuData}
+        setCustomerMenuData={setCustomerMenuData}
+      />
+    </div>
+  )
+})
+
 export default MenuSetting;