左侧扫码

chenxt
1 parent c67b791d
Showing 2 changed files with 140 additions and 8 deletions
src/mes/common/commonOperationBarComponent/index.js
src/mes/indexMes/index.js
@@ -908,6 +908,7 @@ const useCommonOperationBarComponentEvent = props =&gt; {
 };
  
 const CommonOperationBarComponent = basProps => {
+  const [value, setValue] = useState("");
   if (basProps.belongsToForm && basProps.costomFormOperationBar)
     return basProps.costomFormOperationBar;
  
@@ -1005,6 +1006,7 @@ const CommonOperationBarComponent = basProps =&gt; {
   const { app, form, sModelsId, searchValue } = props;
  
   let showTypeProps = {};
+  // let leftShowTypeProps = {}
   if (commonUtils.isNotEmptyObject(searchField)) {
     if (sModelsId === "12710101117203990977610") {
       const { gdsconfigformslave } = config;
@@ -1050,9 +1052,12 @@ const CommonOperationBarComponent = basProps =&gt; {
   }
  
   let searchProductProps = {};
+
   const searchProductConfig = gdsconfigformslave.filter(
     item => item.sName === "sSearchProductName"
   );
+  const letfSearchField = btnLeftConfig.find(x => x.sControlName.includes('ScanLoadMaterial') && x.sButtonParam)
+
   if (commonUtils.isNotEmptyArr(searchProductConfig)) {
     searchProductConfig[0].placeholder = searchProductConfig[0].showName;
     searchProductProps = {
@@ -1194,7 +1199,7 @@ const CommonOperationBarComponent = basProps =&gt; {
   }
  
   const btnSearch = commonFunc.showLocalMessage(props, 'BtnSearch', '查询');
-  const letfSearchField = btnLeftConfig.find(x => x.sControlName.includes('ScanLoadMaterial') && x.sButtonParam)
+
   let leftShowTypeProps = {
     app,
     record: {},
@@ -1203,7 +1208,7 @@ const CommonOperationBarComponent = basProps =&gt; {
     form,
     formId: sModelsId,
     getFloatNum: props.getFloatNum,
-    onChange: props.onSearchValueChange,
+
     showConfig: {
       ...letfSearchField,
       placeholder: '请输入'
@@ -1221,9 +1226,116 @@ const CommonOperationBarComponent = basProps =&gt; {
     getDateFormat: props.getDateFormat,
     bNoMesBlue: true,
     record: props.slaveData?.[0],
-    onDropDownBlur: props.onDropDownBlur
+    onDropDownBlur: props.onDropDownBlur,
   }
   const isShow = props.sModelType?.includes('/indexPage/commonList') && props.sModelsId?.includes("172117190122117670007462620")
+  const scanEventTime = useRef(-1);
+  const userInfo = commonUtils.getAppData("userinfo")
+  // 执行扫码枪指令
+  const handleScanCodeInstructs = (value, bCostom) => {
+    scanEventTime.current = -1;
+    // this.handleBtnClick()
+    props.onProcedureCall({
+      btnConfig: letfSearchField,
+      sValue: {
+        sproName: value,
+        inMap: userInfo?.sMachineGuid
+      },
+      onSuccess: () => {
+        props.onRefresh && props.onRefresh();
+        // setValue('')
+      },
+      onConfirm: () => { },
+      onError: () => { }
+    });
+  };
+  // 判断是否扫码枪输入
+  const isScannerInput = event => {
+    const thresholdMs = 50; // 扫码枪输入间隔时间阈值（毫秒）
+    const lastInputTime = event.timeStamp;
+
+    if (!event.repeat) {
+      if (!("lastInputTime" in window)) {
+        window.lastInputTime = lastInputTime;
+        scanEventTime.current = 0;
+        return false;
+      }
+
+      const timeDiff = lastInputTime - window.lastInputTime;
+      window.lastInputTime = lastInputTime;
+
+      if (timeDiff <= thresholdMs) {
+        scanEventTime.current += 1;
+        return true;
+      }
+    }
+
+    scanEventTime.current = 0;
+    return false;
+  };
+  const timer = useRef(null);
+  // const timerNew = useRef(null);
+  useEffect(
+    () => {
+      if (value === "") return;
+
+      // 10s后清空数据
+      clearTimeout(timer.current);
+      timer.current = setTimeout(() => {
+        setValue("");
+      }, 10000);
+    },
+    [value]
+  );
+
+  const scannedData = useRef("");
+  const scannedDataTimer = useRef(null);
+
+  useEffect(() => {
+    const keypressEvent = event => {
+      if (
+        ["textarea", "input"].includes(
+          document.activeElement.tagName.toLowerCase()
+        )
+      )
+        return;
+
+      if (document.activeElement.tagName.toLowerCase() === "button") {
+        document.querySelectorAll("button").forEach(btn => {
+          btn.blur();
+        });
+      }
+
+      // 获取按键的字符值
+      const keyValue = event.key;
+
+      // 检查是否为可打印字符
+      if (keyValue.length === 1) {
+        // 添加到已扫描的数据字符串
+        scannedData.current += keyValue;
+      } else if (event.key === "Enter") {
+        // 如果扫码枪以回车键结束，则处理已扫描的数据
+        setValue(scannedData.current);
+        handleScanCodeInstructs(scannedData.current, false);
+
+        // 清空已扫描的数据
+        scannedData.current = "";
+      }
+
+      clearTimeout(scannedDataTimer.current);
+      scannedDataTimer.current = setTimeout(() => {
+        scannedData.current = "";
+      }, 200);
+    };
+
+    // 监听 keypress 事件
+    document.body.addEventListener("keypress", keypressEvent);
+
+    return () => {
+      // 在组件卸载时移除事件监听
+      document.body.removeEventListener("keypress", keypressEvent);
+    };
+  }, []);
   return (
     <div className={styles.commonOperationBar}>
       <div className="leftBar">
@@ -1268,10 +1380,30 @@ const CommonOperationBarComponent = basProps =&gt; {
               );
             } else if (isShow) {
               return <div className="changeClassName">
-                <ShowType {...leftShowTypeProps} />
-                {/* <Button type="primary" size="large" onClick={handleBtnSearch}>
-                  {btnSearch}
-                </Button> */}
+                <Input
+                  placeholder="请输入"
+                  value={value}
+                  onChange={event => {
+                    if (value && scanEventTime.current === -1) {
+                      setValue(event.target.value[event.target.value.length - 1]);
+                      isScannerInput(event);
+                    } else {
+                      isScannerInput(event);
+                      setValue(event.target.value);
+                    }
+                  }}
+                  onPressEnter={() => {
+                    handleScanCodeInstructs(value, scanEventTime.current < 5);
+                  }}
+                  suffix={
+                    <ScanOutlined
+                      style={{
+                        fontSize: 30,
+                        color: "rgba(0,0,0,0.3)"
+                      }}
+                    />
+                  }
+                />
               </div>
             }
             return (
@@ -684,7 +684,7 @@ const SiderComponent = () =&gt; {
     }
   ];
   let menuLists = []
-  managementData.forEach(item=>{
+  managementData && managementData?.forEach(item=>{
     const i = menuList.findIndex(x=>x.title === item.sMenuName)
     if (i !==  -1){
       menuLists.push(menuList[i])