物流管理问题修改

README.md

@@ -0,0 +1 @@
+打包证书密码    zhgd_pda

manifest.json

@@ -102,6 +102,9 @@
         "router" : {
             "mode" : "hash",
             "base" : "./"
+        },
+        "devServer" : {
+            "https" : false
         }
     }
 }

pages/logistics/delivery.vue

@@ -24,6 +24,8 @@
           </view>
         </view>
       </uni-forms-item>
+
+      <!-- 1. 物料箱条码 (使用 oneInput) -->
       <uni-forms-item label="物料箱条码：" label-width="100px">
         <template #label>
           <view class="required-label">
@@ -35,40 +37,20 @@
             <view class="input-box">
               <input
                 type="text"
-                v-model="boxCode"
+                v-model="oneInput"
-                @confirm="handleBoxConfirm"
+                @input="oneInputBlur"
                 placeholder="物料箱条码"
                 class="uni-input-border"
                 confirm-type="done"
                 :focus="boxInputFocus"
+                :key="'box-' + boxInputFocus"
               />
             </view>
           </view>
-          <!-- <button
-            @click="handleSubmit"
-            :disabled="!startData || !endCenter"
-            class="submit-btn"
-            :class="{ 'btn-disabled': !startData || !endCenter }"
-          >
-            配送
-          </button> -->
-        </view>
-        <!-- <view v-if="boxData" class="box-info">
-          <view class="info-section">
-            <text class="info-text">
-              包含订单:
-              <text class="info-value">{{ boxData.quantity }}</text> 单
-            </text>
-            <text class="info-text">
-              对应中心:
-              <text class="info-value-center">{{ boxData.wcName }}</text>
-            </text>
         </view>
-          <button @click="detailsFn()" class="details-btn">
-            明细 <text class="arrow">›</text>
-          </button>
-        </view> -->
       </uni-forms-item>
+
+      <!-- 2. 起点站点/区域 (使用 twoInput) -->
       <uni-forms-item
         label="起点站点："
         label-width="100px"
@@ -82,18 +64,21 @@
         </template>
         <input
           type="text"
-          v-model="startCode"
+          v-model="twoInput"
-          @confirm="handleStartConfirm"
+          @input="twoInputBlur"
           placeholder="站点码"
           class="uni-input-border"
           confirm-type="done"
           :focus="startInputFocus"
+          :key="'start-' + startInputFocus"
         />
         <view v-if="startData" class="start-confirm">
           <text class="check-icon">✓</text>
           <text class="confirm-text">已确认: {{ startData.stationName }}</text>
         </view>
       </uni-forms-item>
+
+      <!-- 叫料模式下的起点选择 (保持 Picker 不变，但逻辑需适配) -->
       <uni-forms-item label="起点区域：" label-width="100px" v-else>
         <template #label>
           <view class="required-label">
@@ -135,6 +120,8 @@
           >暂无可配送物料</text
         >
       </uni-forms-item>
+
+      <!-- 3. 终点区域 (使用 therrInput 用于叫料模式的扫码) -->
       <uni-forms-item
         label="终点区域："
         label-width="150px"
@@ -176,27 +163,32 @@
             </text>
           </view>
         </picker>
-        <!-- 终点区域选择 - 无数据时显示提示 -->
         <view v-else class="empty-tip-picker">
           <text class="empty-text">暂无数据</text>
         </view>
       </uni-forms-item>
+
+      <!-- 叫料模式下的终点扫码 -->
       <uni-forms-item label="终点区域：" label-width="150px" v-else>
         <template #label>
           <view class="required-label">
             <text class="required-mark">*</text>
             <text>终点区域：</text>
           </view>
+        </template>
         <input
           type="text"
-            v-model="endStationCode"
+          v-model="therrInput"
+          @input="therrInputBlur"
           placeholder="请扫描区域码"
           class="uni-input-border"
           confirm-type="done"
+          :focus="endInputFocus"
+          :key="'end-' + endInputFocus"
         />
-        </template>
       </uni-forms-item>
     </uni-forms>
+
     <view class="footer-action">
       <button
         @click="handleSubmit"
@@ -212,38 +204,47 @@
 
 <script>
 import ifrm from "@/pages/index/ifrm";
+import inputBlur from '@/mixin/inputBlur.js'; // 引入 mixin
 
 export default {
+  mixins: [inputBlur], // 注册 mixin
   components: {
     ifrm,
   },
   data() {
     return {
-      boxCode: "",
+      // 移除 boxCode, startCode, endStationCode，改用 mixin 的 oneInput, twoInput, therrInput
-      startCode: "",
+      
       boxData: null,
       startData: null,
       showDetails: false,
+      
+      // 焦点控制变量
       boxInputFocus: true,
       startInputFocus: false,
+      endInputFocus: false, // 新增：终点输入框焦点
+
       mockBoxes: {},
       workCenters: [],
-      yieldOrderList: [], //订单明细
+      yieldOrderList: [], 
       scanMode: "bind",
       hasData: false,
-      workCenters: [], // 作业中心列表
+      
-      endAreas: [], // 终点区域列表
+      workCenters: [], 
-      endCenter: "", // 选中的作业中心
+      endAreas: [], 
-      endArea: "", // 选中的终点区域
+      endCenter: "", 
-      endCenterIndex: 0, // 作业中心选中索引
+      endArea: "", 
-      endAreaIndex: 0, // 终点区域选中索引
+      endCenterIndex: 0, 
-      startAreas: [], // 起点区域列表
+      endAreaIndex: 0, 
-      startStations: [], // 起点站点列表
+      
-      startArea: "蓝色周转盒放置区", // 选中的起点区域
+      startAreas: [], 
-      startStation: "", // 选中的起点站点
+      startStations: [], 
-      startAreaIndex: 0, // 起点区域选中索引
+      startArea: "蓝色周转盒放置区", 
-      startStationIndex: 0, // 起点站点选中索引
+      startStation: "", 
-      endStationCode: "", //叫料终点
+      startAreaIndex: 0, 
+      startStationIndex: 0, 
+      
+      // endStationCode 移除，改用 therrInput
     };
   },
   computed: {
@@ -252,25 +253,10 @@ export default {
         return !this.startData || !this.endCenter;
       }
       if (this.scanMode == "unbind") {
-        return !this.endStationCode || !this.startStation;
+        // 叫料模式：需要起点站点和终点扫码值
+        return !this.startStation || !this.therrInput;
       }
-      // // 必须填写物料箱条码和终点作业中心
+      return true;
-      // if (!this.endCenterIndex) {
-      //   return false;
-      // }
-
-      // // 根据模式校验起点
-      // if (this.scanMode == "bind") {
-      //   console.log(4444444, !this.startData);
-      //   // 送料模式：需要 startData
-      //   return !this.startData;
-      // } else if (this.scanMode == "unbind") {
-      //   console.log(3333333333, !this.startStationIndex);
-      //   // 叫料模式：需要 startStation
-      //   return !this.startStationIndex;
-      // }
-
-      // return false;
     },
   },
   mounted() {
@@ -280,17 +266,82 @@ export default {
     this.$refs.ifrm.topMenuClick(btn);
   },
   methods: {
+    // 【核心】实现 mixin 回调：处理物料箱扫码
+    oneInputData(val) {
+      if (!val) return;
+      const code = val.trim();
+      this.handleBoxConfirmLogic(code);
+    },
+
+    // 【核心】实现 mixin 回调：处理起点站点扫码
+    twoInputData(val) {
+      if (!val) return;
+      const code = val.trim();
+      this.handleStartConfirmLogic(code);
+    },
+
+    // 【核心】实现 mixin 回调：处理终点区域扫码 (叫料模式)
+    therrInputData(val) {
+      if (!val) return;
+      // 这里可以直接赋值给一个临时变量，或者在提交时直接使用 therrInput
+      // 为了保持逻辑一致，我们可以在这里做简单的校验或提示
+      console.log("终点区域扫码结果:", val);
+    },
+
+    // 原 handleBoxConfirm 逻辑
+    handleBoxConfirmLogic(code) {
+      if (!code) return;
+      this.$u.api
+        .getQuantityLocation({ boxBarcode: code })
+        .then((res) => {
+          this.boxData = res.data;
+          uni.showToast({ title: '物料箱识别成功', icon: 'none' });
+          
+          // 焦点跳转
+          this.boxInputFocus = false;
+          if (this.scanMode === 'bind') {
+            this.startInputFocus = true;
+          } else {
+            // 叫料模式下，扫完箱子可能需要选起点，这里可以根据需求调整
+            // 假设叫料模式扫完箱子后，焦点保持在箱子或跳到起点Picker(无法自动聚焦picker，故保持当前或提示)
+             this.boxInputFocus = true; 
+          }
+        })
+        .catch(err => {
+          uni.showToast({ title: err || '查询失败', icon: 'none' });
+          this.clearOneInput();
+          this.boxInputFocus = false;
+          this.$nextTick(() => { this.boxInputFocus = true; });
+        });
+    },
+
+    // 原 handleStartConfirm 逻辑
+    handleStartConfirmLogic(code) {
+      if (!code) return;
+      this.$u.api
+        .getStationName({ stationCode: code })
+        .then((res) => {
+          this.startData = res.data;
+          uni.showToast({ title: '起点站点确认', icon: 'none' });
+          
+          // 焦点跳转：送料模式下，扫完起点，可能需要选终点(Picker无法聚焦)，故失焦
+          this.startInputFocus = false;
+        })
+        .catch(err => {
+           uni.showToast({ title: err || '站点查询失败', icon: 'none' });
+           this.clearTwoInput();
+           this.startInputFocus = false;
+           this.$nextTick(() => { this.startInputFocus = true; });
+        });
+    },
+
     // 起点区域选择变化
     handleStartAreaChange(e) {
       const index = e.detail.value;
       this.startArea = this.startAreas[index].name;
       this.startAreaIndex = index;
-
-      // 清空起点站点
       this.startStation = "";
       this.startStationIndex = 0;
-
-      // 获取对应站点列表（从 stationCodeList 读取）
       this.getStartStationsList(this.startAreas[index].id);
     },
 
@@ -303,46 +354,35 @@ export default {
 
     // 获取起点区域列表
     getStartAreasList() {
-      uni.showLoading({
+      uni.showLoading({ title: "加载中...", mask: true });
-        title: "加载中...",
-        mask: true,
-      });
-
       this.$u.api
         .getStationRegion()
         .then((res) => {
           uni.hideLoading();
           const list = res.data || [];
-
           this.startAreas = list.map((area) => ({
             id: area.stationRegion,
             name: area.stationRegion,
             stationCodeList: area.stationCodeList || [],
           }));
 
-          // 查找"镀前周转盒放置区"
           const targetRegion = this.startAreas.find(
             (item) => item.name == "蓝色周转盒放置区"
           );
 
           if (targetRegion) {
-            // 默认选中该区域
             const targetIndex = this.startAreas.findIndex(
               (item) => item.id === targetRegion.id
             );
-
             if (targetIndex !== -1) {
               this.startArea = targetRegion.name;
               this.startAreaIndex = targetRegion.id;
-
-              // 获取对应站点列表并默认选中第一个
               const stationCodeList = targetRegion.stationCodeList || [];
               if (stationCodeList && stationCodeList.length > 0) {
                 this.startStations = stationCodeList.map((code) => ({
                   id: code,
                   name: code,
                 }));
-                // 站点列表默认选中第一个数据
                 this.startStation = stationCodeList[0];
                 this.startStationIndex = 0;
               }
@@ -350,36 +390,26 @@ export default {
           } else {
             this.startArea = "蓝色周转盒放置区";
             this.startAreaIndex = "蓝色周转盒放置区";
-            this.startStation = null
+            this.startStation = null;
           }
         })
         .catch((err) => {
           uni.hideLoading();
-          uni.showToast({
+          uni.showToast({ title: "加载区域列表失败", icon: "none" });
-            title: "加载区域列表失败",
-            icon: "none",
-          });
         });
     },
 
-    // 获取起点站点列表（根据区域 ID）
     getStartStationsList(areaId) {
       if (!areaId) {
         this.startStations = [];
         return;
       }
-
-      // 从 startAreas 中找到对应区域，获取 stationCodeList
       const area = this.startAreas.find((item) => item.id === areaId);
-
       if (area && area.stationCodeList && area.stationCodeList.length > 0) {
-        // 将 stationCodeList 转换为 picker 需要的格式
         this.startStations = area.stationCodeList.map((code, index) => ({
           id: code,
           name: code,
         }));
-
-        // 默认选中第一个站点
         if (this.startStations.length > 0) {
           this.startStation = this.startStations[0].name;
           this.startStationIndex = 0;
@@ -390,28 +420,21 @@ export default {
         this.startStationIndex = 0;
       }
     },
-    // 作业中心选择变化
+
     handleEndChange(e) {
       const index = e.detail.value;
       const selectedWorkCenter = this.workCenters[index];
-
       this.endCenter = selectedWorkCenter.name;
       this.endCenterIndex = selectedWorkCenter.id;
-
-      // 清空终点区域
       this.endArea = "";
       this.endAreaIndex = 0;
 
-      // 从作业中心获取 stationRegionList 作为区域列表
       if (
         selectedWorkCenter.stationRegionList &&
         selectedWorkCenter.stationRegionList.length > 0
       ) {
-        // 判断 stationRegionList 是对象数组还是字符串数组
         const firstItem = selectedWorkCenter.stationRegionList[0];
-
         if (typeof firstItem === "object") {
-          // 对象数组
           this.endAreas = selectedWorkCenter.stationRegionList.map(
             (region) => ({
               id: region.id,
@@ -419,7 +442,6 @@ export default {
             })
           );
         } else {
-          // 字符串数组
           this.endAreas = selectedWorkCenter.stationRegionList.map(
             (region, idx) => ({
               id: idx,
@@ -427,8 +449,6 @@ export default {
             })
           );
         }
-
-        // 默认选中第一个区域
         if (this.endAreas.length > 0) {
           this.endArea = this.endAreas[0].name;
           this.endAreaIndex = this.endAreas[0].id;
@@ -438,27 +458,25 @@ export default {
       }
     },
 
-    // 终点区域选择变化
     handleAreaChange(e) {
       const index = e.detail.value;
       this.endArea = this.endAreas[index].name;
       this.endAreaIndex = index;
     },
+
     handleModeChange(mode) {
       this.scanMode = mode;
       this.hasData = false;
 
-      // 清空物料箱数据
+      // 使用 mixin 的清空方法
-      this.boxCode = "";
+      this.clearInput(); 
-      this.boxData = null;
-      this.boxInputFocus = true;
 
-      // 清空送料模式数据
+      this.boxData = null;
-      this.startCode = "";
       this.startData = null;
+      this.boxInputFocus = true;
       this.startInputFocus = false;
+      this.endInputFocus = false;
 
-      // 清空叫料模式数据
       this.startArea = "";
       this.startStation = "";
       this.startAreaIndex = 0;
@@ -466,14 +484,12 @@ export default {
       this.startAreas = [];
       this.startStations = [];
 
-      // 清空终点数据
       this.endCenter = "";
       this.endArea = "";
       this.endCenterIndex = 0;
       this.endAreaIndex = 0;
       this.endAreas = [];
 
-      // 叫料模式时加载起点区域列表
       if (mode === "unbind") {
         this.getStartAreasList();
       }
@@ -482,43 +498,18 @@ export default {
         icon: "none",
       });
     },
-    // 获取订单明细
+
     detailsFn() {
       this.showDetails = true;
       this.$u.api
-        .boxbarcodeDetails({ boxBarcode: this.boxData.boxBarcode,isDetail:false })
+        .boxbarcodeDetails({ boxBarcode: this.boxData.boxBarcode, isDetail: false })
         .then((res) => {
           this.yieldOrderList = res.data.yieldOrderList;
         });
     },
-    handleBoxConfirm() {
-      const code = this.boxCode.trim();
-      if (!code) return;
-      this.$u.api
-        .getQuantityLocation({ boxBarcode: this.boxCode })
-        .then((res) => {
-          this.boxData = res.data;
-          this.boxInputFocus = false;
-          this.startInputFocus = true;
-        });
-    },
-
-    handleStartConfirm() {
-      const code = this.startCode.trim();
-      if (!code) return;
-      this.$u.api
-        .getStationName({ stationCode: this.startCode })
-        .then((res) => {
-          console.log("起点站点", res.data);
-          this.startData = res.data;
-          this.startInputFocus = false;
-        });
-    },
 
-    // 获取作业中心列表
     getWorkCenterList() {
       this.$u.api.getWorkCenter().then((res) => {
-        console.log(res.data);
         this.workCenters = res.data.map((c) => ({
           id: c.id,
           name: c.wcName,
@@ -528,61 +519,66 @@ export default {
     },
 
     handleSubmit() {
-      uni.showLoading({
+      uni.showLoading({ title: "提交中..." });
-        title: "提交中...",
+      
-      });
-      let startStationCode = "";
       let query_ = {
-        boxBarcode: this.boxBarcode || "", //箱条码
+        boxBarcode: this.oneInput || (this.boxData ? this.boxData.boxBarcode : ""), 
-        // startStationCode: startStationCode, //开始站点
-        // endWcId: this.endCenterIndex, //终点作业中心
-        // endStationCode: this.endStationCode, //终点区域
-        // stationRegion: this.endArea,
       };
 
       if (this.scanMode === "bind") {
-        // 送料模式：从 startData 获取
+        if (!this.startData) {
+           uni.hideLoading();
+           uni.showToast({ title: '请扫描起点站点', icon: 'none' });
+           return;
+        }
         query_.startStationCode = this.startData.stationCode;
         query_.endWcId = this.endCenterIndex;
         query_.stationRegion = this.endArea;
       } else if (this.scanMode === "unbind") {
-        // 叫料模式：从选中的站点获取
+        if (!this.startStation) {
-        query_.startStationCode = this.startStation;
+           uni.hideLoading();
-        query_.endStationCode = this.endStationCode;
+           uni.showToast({ title: '请选择起点站点', icon: 'none' });
+           return;
         }
-      if (this.scanMode == "unbind" && this.endStationCode == "") {
+        if (!this.therrInput) {
-        uni.showToast({
+           uni.hideLoading();
-          title: `请选择终点区域!`,
+           uni.showToast({ title: '请扫描终点区域', icon: 'none' });
-          icon: "none",
-        });
            return;
         }
+        query_.startStationCode = this.startStation;
+        query_.endStationCode = this.therrInput; // 使用 mixin 变量
+      }
 
       this.$u.api
         .boxBindingTesk(query_)
         .then((res) => {
           uni.showToast({
-            title: `成功配送至 ${this.endCenter}!`,
+            title: `成功配送!`,
             icon: "none",
           });
           uni.hideLoading();
 
-          this.boxCode = "";
+          // 提交成功后清空并重置焦点
+          this.clearInput();
           this.boxData = null;
-          this.startCode = "";
           this.startData = null;
           this.endCenter = "";
+          this.endArea = "";
+          
           this.boxInputFocus = true;
           this.startInputFocus = false;
+          this.endInputFocus = false;
         })
         .catch((err) => {
           uni.hideLoading();
+          uni.showToast({ title: err || '提交失败', icon: 'none' });
         });
     },
   },
 };
 </script>
 
+
 <style scoped>
 .page-container {
   display: flex;

pages/logistics/intoStock.vue

@@ -1,39 +1,45 @@
 <template>
   <ifrm>
     <uni-forms ref="wrForm" class="formBox" label-position="top">
+      <!-- 1. 物料箱条码 (使用 oneInput) -->
       <uni-forms-item label="物料箱条码：" label-width="100px">
         <view class="bottom-input-row">
           <view class="weight-input-wrapper">
             <view class="input-box">
               <input
                 type="text"
-                v-model="boxCode"
+                v-model="oneInput"
-                @confirm="handleBoxConfirm"
+                @input="oneInputBlur"
                 placeholder="物料箱条码"
                 class="uni-input-border"
                 confirm-type="done"
                 :focus="boxInputFocus"
+                :key="'box-' + boxInputFocus"
               />
             </view>
           </view>
         </view>
-       
       </uni-forms-item>
+
+      <!-- 2. 起点站点 (使用 twoInput) -->
       <uni-forms-item label="起点站点：" label-width="100px">
         <input
           type="text"
-          v-model="startCode"
+          v-model="twoInput"
-          @confirm="handleStartConfirm"
+          @input="twoInputBlur"
           placeholder="站点码"
           class="uni-input-border"
           confirm-type="done"
           :focus="startInputFocus"
+          :key="'start-' + startInputFocus"
         />
         <view v-if="startData" class="start-confirm">
           <text class="check-icon">✓</text>
           <text class="confirm-text">已确认: {{ startData.stationName }}</text>
         </view>
       </uni-forms-item>
+
+      <!-- 3. 终点区域 (保持 Picker 不变) -->
       <uni-forms-item label="终点区域：" label-width="150px">
         <picker
           mode="selector"
@@ -58,39 +64,87 @@
     </view>
   </ifrm>
 </template>
+
 <script>
 import ifrm from "@/pages/index/ifrm";
+import inputBlur from '@/mixin/inputBlur.js'; // 引入 mixin
+
 export default {
+  mixins: [inputBlur], // 注册 mixin
   components: {
     ifrm,
   },
   data() {
     return {
-      boxCode: "",
+      // 移除 boxCode, startCode，改用 mixin 的 oneInput, twoInput
-      boxInputFocus:true,
+      
-      startCode: "", //起点站点
+      boxInputFocus: true,
-      startInputFocus: true, //起点站点输入框聚焦
+      startInputFocus: false,
+      
       startData: null,
-      workCenters: [], //作业中心
+      workCenters: [], 
       endCenterIndex: null,
-      endCenter: "", //
+      endCenter: "",
     };
   },
   mounted() {
     this.getWorkCenterList();
   },
   methods: {
-    handleBoxConfirm() {
+    // 【核心】实现 mixin 回调：处理物料箱扫码
-      const code = this.boxCode.trim();
+    oneInputData(val) {
+      if (!val) return;
+      const code = val.trim();
+      this.handleBoxConfirmLogic(code);
+    },
+
+    // 【核心】实现 mixin 回调：处理起点站点扫码
+    twoInputData(val) {
+      if (!val) return;
+      const code = val.trim();
+      this.handleStartConfirmLogic(code);
+    },
+
+    // 原 handleBoxConfirm 逻辑抽取
+    handleBoxConfirmLogic(code) {
       if (!code) return;
-      // this.$u.api
+      
-      //   .getQuantityLocation({ boxBarcode: this.boxCode })
+      // 这里可以保留 API 调用，如果不需要校验可以直接跳转焦点
-      //   .then((res) => {
+      // this.$u.api.getQuantityLocation({ boxBarcode: code }).then((res) => { ... });
-      //     this.boxData = res.data;
+      
+      uni.showToast({ title: '物料箱已扫描', icon: 'none' });
+      
+      // 焦点跳转：跳到起点站点
       this.boxInputFocus = false;
       this.startInputFocus = true;
-      //   });
     },
+
+    // 原 handleStartConfirm 逻辑抽取
+    handleStartConfirmLogic(code) {
+      if (!code) return;
+      
+      this.$u.api
+        .getStationName({ stationCode: code })
+        .then((res) => {
+          console.log("起点站点", res.data);
+          this.startData = res.data;
+          uni.showToast({ title: '起点确认成功', icon: 'none' });
+          
+          // 焦点处理：起点确认后，通常不需要再聚焦输入框，或者可以跳回物料箱准备下一次任务
+          this.startInputFocus = false;
+          // 如果想连续作业，可以跳回物料箱：
+          // this.clearTwoInput();
+          // this.startInputFocus = false;
+          // this.boxInputFocus = true;
+        })
+        .catch(err => {
+           uni.showToast({ title: err || '站点查询失败', icon: 'none' });
+           this.clearTwoInput();
+           this.startInputFocus = false;
+           this.$nextTick(() => { this.startInputFocus = true; });
+        });
+    },
+
     // 获取作业中心列表
     getWorkCenterList() {
       this.$u.api.getWorkCenter().then((res) => {
@@ -105,35 +159,22 @@ export default {
           (item) => item.name && item.name.includes("输送线终点")
         );
         if (defaultItemIndex !== -1) {
-          this.endCenterIndex = this.workCenters[defaultItemIndex].id; // 设置 Picker 索引
+          this.endCenterIndex = this.workCenters[defaultItemIndex].id; 
           this.endCenter = this.workCenters[defaultItemIndex].name;
         }
       });
     },
+
     handleEndChange(e) {
       const index = e.detail.value;
       const selectedWorkCenter = this.workCenters[index];
-
       this.endCenter = selectedWorkCenter.name;
       this.endCenterIndex = selectedWorkCenter.id;
-
-      // 清空终点区域
-      this.endArea = "";
-      this.endAreaIndex = 0;
-    },
-    handleStartConfirm() {
-      const code = this.startCode.trim();
-      if (!code) return;
-      this.$u.api
-        .getStationName({ stationCode: this.startCode })
-        .then((res) => {
-          console.log("起点站点", res.data);
-          this.startData = res.data;
-          this.startInputFocus = false;
-        });
     },
+
     handleSubmit() {
-      if (this.startCode == "") {
+      // 使用 mixin 变量 oneInput 和 twoInput 进行校验
+      if (!this.twoInput) {
         uni.showToast({
           title: `请扫描起点区域!`,
           icon: "none",
@@ -147,14 +188,17 @@ export default {
         });
         return;
       }
+      
       uni.showLoading({
         title: "提交中...",
       });
+      
       let query = {
-         boxBarcode: this.boxCode || "", //箱条码
+         boxBarcode: this.oneInput || "", // 使用 mixin 变量
          endWcId: this.endCenterIndex,
-        startStationCode: this.startCode,
+         startStationCode: this.twoInput, // 使用 mixin 变量
       };
+      
       this.$u.api
         .boxBindingTesk(query)
         .then((res) => {
@@ -164,17 +208,21 @@ export default {
           });
           uni.hideLoading();
 
-          this.startCode = "";
+          // 提交成功后清空所有输入并重置焦点
-          this.boxCode = ""
+          this.clearInput(); // 调用 mixin 的清空方法
           this.startData = null;
-          this.startInputFocus = true;
+          this.boxInputFocus = true;
+          this.startInputFocus = false;
         })
         .catch((err) => {
           uni.hideLoading();
-           this.startCode = "";
+          uni.showToast({ title: err || '提交失败', icon: 'none' });
-           this.boxCode = ""
+          
+          // 失败时也清空并重置焦点，方便重试
+          this.clearInput();
           this.startData = null;
-          this.startInputFocus = true;
+          this.boxInputFocus = true;
+          this.startInputFocus = false;
         });
     },
   },

pages/logistics/packaging.vue

@@ -19,6 +19,8 @@
           </view>
         </view>
       </uni-forms-item>
+      
+      <!-- 物料箱条码输入 -->
       <uni-forms-item label="物料箱条码：" label-width="100px">
         <template #label>
           <view class="custom-label">
@@ -35,22 +37,21 @@
         <view class="bottom-input-row">
           <view class="weight-input-wrapper">
             <view class="input-box">
+              <!-- 修改点 1: 使用 mixin 的 oneInput 和 oneInputBlur -->
               <input
                 type="text"
-                v-model="boxCode"
+                v-model="oneInput"
-                @confirm="handleBoxConfirm"
+                @input="oneInputBlur"
                 placeholder="物料箱条码"
                 class="uni-input-border"
-                confirm-type="done"
                 :focus="boxInputFocus"
                 :key="'box-' + boxInputFocus"
               />
-              <view v-if="boxCode" class="clear-icon" @click="clearBoxInput"
+              <view v-if="oneInput" class="clear-icon" @click="clearBoxInput">清空</view>
-                >清空</view
-              >
             </view>
           </view>
         </view>
+        
         <view v-if="activeBox" class="box-stats">
           <view class="stats-left">
             <text class="stats-label">当前物料箱</text>
@@ -66,33 +67,32 @@
                 }}</text
               >
             </view>
-            <!-- <view class="stats-item">
-              <text class="stats-label">总重量</text>
-              <text class="stats-value-weight">{{ totalWeight }} g</text>
-            </view> -->
           </view>
         </view>
       </uni-forms-item>
+
+      <!-- 流程卡输入 -->
       <uni-forms-item
         :label="
           scanMode === 'bind' ? `扫描流程卡(装箱)：` : `扫描流程卡(解绑)：`
         "
         label-width="200px"
       >
+        <!-- 修改点 2: 使用 mixin 的 twoInput 和 twoInputBlur -->
         <input
           type="text"
-          v-model="cardCode"
+          v-model="twoInput"
-          @confirm="handleCardConfirm"
+          @input="twoInputBlur"
           :disabled="!activeBox"
           placeholder="流程卡号"
           class="uni-input-border"
           :class="{ 'input-disabled': !activeBox }"
-          confirm-type="done"
           :focus="cardInputFocus"
           :key="'card-' + cardInputFocus"
         />
       </uni-forms-item>
     </uni-forms>
+
     <scroll-view class="orders-scroll" scroll-y>
       <view class="orders-header">
         <view class="orders-left">
@@ -122,10 +122,6 @@
           class="order-card"
           :class="{ 'order-latest': index === 0 }"
         >
-          <!-- <view v-if="index === 0" class="latest-badge">最新</view> -->
-          <!-- <view class="delete-btn" @tap="handleDeleteOrder(order, index)">
-            <text class="delete-icon">✕</text>
-          </view> -->
           <view class="order-header">
             <text class="order-no">{{ order.woOrder }}流程卡号</text>
             <text class="order-no">{{ order.cardNo }}</text>
@@ -148,7 +144,10 @@
 
 <script>
 import ifrm from "@/pages/index/ifrm";
+import inputBlur from '@/mixin/inputBlur.js';
+
 export default {
+  mixins: [inputBlur], // 引入 mixin
   components: {
     ifrm,
   },
@@ -157,13 +156,13 @@ export default {
   },
   data() {
     return {
+      // 注意：oneInput, twoInput, oldOneInput 等已由 mixin 提供，无需在此重复定义
       list: ["绑定", "解绑"],
       current: 1,
       boxInfo: {
         yieldOrderList: [],
       },
-      boxCode: "",
+      // 移除 boxCode 和 cardCode，改用 mixin 的 oneInput/twoInput
-      cardCode: "",
       activeBox: null,
       orders: [],
       boxInputFocus: true,
@@ -188,125 +187,80 @@ export default {
       }
       return this.boxInfo.yieldOrderList.reduce((sum, o) => {
         const weight = Number(o.actualWeighing) || 0;
-        // 只计算大于等于 0 的重量
         return weight >= 0 ? sum + weight : sum;
       }, 0);
     },
   },
   methods: {
+    // 清空物料箱输入
     clearBoxInput() {
-      this.boxCode = "";
+      this.clearOneInput(); // 调用 mixin 的清空方法
-      // 先失焦再聚焦，或者通过改变 key 强制重渲染 input 以触发 focus
       this.boxInputFocus = false;
       this.$nextTick(() => {
         this.boxInputFocus = true;
       });
     },
-    handleOneClickUnbind() {
-      if (!this.activeBox) {
-        uni.showToast({
-          title: "请先扫描物料箱",
-          icon: "none",
-        });
-        return;
-      }
-      uni.showModal({
-        title: "确认解绑",
-        content: `确定要解绑物料箱 ${this.activeBox} 中的所有流程卡吗？`,
-        success: (res) => {
-          if (res.confirm) {
-            this.$u.api
-              .boxUnbind({ boxBarcode: this.activeBox })
-              .then(() => {
-                this.boxInfo.yieldOrderList = [];
-                this.activeBox = null;
-                this.boxCode = "";
-                uni.showToast({
-                  title: "解绑成功",
-                  icon: "success",
-                });
-                this.boxInputFocus = true;
-                this.cardInputFocus = false;
-              })
-              .catch((err) => {
-                uni.showToast({
-                  title: err || "解绑失败",
-                  icon: "error",
-                });
-              });
-          }
-        },
-      });
-    },
-    handleModeChange(mode) {
-      this.scanMode = mode;
-      this.hasData = false;
-      // 清空页面数据
-      this.boxInfo = {
-        yieldOrderList: [],
-      };
-      this.boxCode = "";
-      this.cardCode = "";
-      this.activeBox = null;
-      this.orders = [];
-      this.boxInputFocus = true;
-      this.cardInputFocus = false;
 
-      uni.showToast({
+    // 【核心修改】实现 mixin 要求的回调方法：处理物料箱扫码结果
-        title: `已切换到${mode === "bind" ? "绑定" : "解绑"}模式`,
+    oneInputData(val) {
-        icon: "none",
+      // val 是 mixin 截取后的新扫码内容
-      });
+      if (!val) return;
-    },
+      
-    handleDeleteOrder(order, index) {
+      const code = val.trim();
-      uni.showModal({
+      this.handleBoxConfirmLogic(code);
-        title: "确认删除",
-        content: `确定要删除流程卡 ${order.cardNo} 吗？`,
-        success: (res) => {
-          if (res.confirm) {
-            this.boxInfo.yieldOrderList.splice(index, 1);
-            uni.showToast({
-              title: "删除成功",
-              icon: "success",
-            });
-          }
-        },
-      });
     },
-    // 扫描物料箱条码
+
-    handleBoxConfirm() {
+    // 原 handleBoxConfirm 的逻辑抽取
-      const code = this.boxCode.trim();
+    handleBoxConfirmLogic(code) {
       if (!code) return;
+      
       this.$u.api
-        .boxbarcodeDetails({ boxBarcode: this.boxCode, isDetail: false })
+        .boxbarcodeDetails({ boxBarcode: code, isDetail: false })
         .then((res) => {
           this.boxInfo = res.data;
           if (this.boxInfo.yieldOrderList == null) {
             this.boxInfo.yieldOrderList = [];
           }
-        });
           this.activeBox = code;
-      // 加载已有数据,如果没有则为空箱
+          
           uni.showToast({
             title: `物料箱 ${code} 已就绪`,
             icon: "none",
           });
-      this.boxCode = "";
+          
+          // 扫码成功后，自动切换到流程卡输入框
           this.boxInputFocus = false;
           this.cardInputFocus = true;
+        })
+        .catch(err => {
+           uni.showToast({ title: err || '查询失败', icon: 'none' });
+           // 失败时保持焦点在物料箱，方便重扫
+           this.oneInput = ''; 
+           this.oldOneInput = '';
+           this.boxInputFocus = false;
+           this.$nextTick(() => { this.boxInputFocus = true; });
+        });
+    },
+
+    // 【核心修改】实现 mixin 要求的回调方法：处理流程卡扫码结果
+    twoInputData(val) {
+      // val 是 mixin 截取后的新扫码内容
+      if (!val) return;
+      
+      const code = val.trim();
+      this.handleCardConfirmLogic(code);
     },
 
-    handleCardConfirm() {
+    // 原 handleCardConfirm 的逻辑抽取
-      const code = this.cardCode;
+    handleCardConfirmLogic(code) {
-      if (this.cardCode) {
       if (!this.activeBox) {
         uni.showToast({
           title: "请先扫描物料箱条码",
           icon: "none",
         });
-          this.boxInputFocus = false;
+        // 跳回物料箱
-          this.$nextTick(() => {
+        this.cardInputFocus = false;
         this.boxInputFocus = true;
-          });
         return;
       }
 
@@ -316,35 +270,24 @@ export default {
       });
 
       this.$u.api
-          .queryCardNo({ cardNo: this.cardCode })
+        .queryCardNo({ cardNo: code })
         .then((res) => {
           uni.hideLoading();
 
-            // 根据扫描模式执行不同逻辑
           if (this.scanMode === "bind") {
             // === 绑定模式 ===
-              // 检查是否已在箱中
             if (
               this.boxInfo.yieldOrderList.some(
-                  (o) => o.cardNo === this.cardCode
+                (o) => o.cardNo === code
               )
             ) {
               uni.showToast({
-                  title: `订单 ${this.cardCode} 已在该箱中!`,
+                title: `订单 ${code} 已在该箱中!`,
                 icon: "none",
               });
-                this.cardCode = "";
+            } else {
-                this.cardInputFocus = false;
+              // 先添加到列表用于重量计算
-                this.$nextTick(() => {
-                  this.cardInputFocus = true;
-                });
-                return;
-              }
-
-              // 先将新数据添加到列表
               this.boxInfo.yieldOrderList.push(res.data);
-
-              // 计算当前总重量（只计算>=0 的重量）
               const currentWeight = this.boxInfo.yieldOrderList.reduce(
                 (sum, o) => {
                   const weight = Number(o.actualWeighing) || 0;
@@ -358,21 +301,18 @@ export default {
                   title: `请注意箱子已超重！！！！！`,
                   icon: "none",
                 });
-                // 超重时移除刚添加的数据
                 this.boxInfo.yieldOrderList.pop();
               } else {
-                // 自动调用绑定接口
                 this.$u.api
                   .boxBinding({
                     boxBarcode: this.activeBox,
-                    orderIdList: [this.cardCode],
+                    orderIdList: [code],
                   })
-                  .then((bindRes) => {
+                  .then(() => {
                     uni.showToast({
                       title: `流程卡 ${code} 装箱绑定成功`,
                       icon: "none",
                     });
-                    // 刷新箱内明细
                     this.refreshBoxInfo();
                   })
                   .catch((bindErr) => {
@@ -380,44 +320,32 @@ export default {
                       title: bindErr || "绑定失败",
                       icon: "error",
                     });
-                    // 绑定失败时移除刚添加的数据
                     this.boxInfo.yieldOrderList.pop();
                   });
               }
+            }
           } else if (this.scanMode === "unbind") {
             // === 解绑模式 ===
-              // 检查是否在箱中
             const orderIndex = this.boxInfo.yieldOrderList.findIndex(
-                (o) => o.cardNo === this.cardCode
+              (o) => o.cardNo === code
             );
 
             if (orderIndex === -1) {
               uni.showToast({
-                  title: `订单 ${this.cardCode} 不在该箱中!`,
+                title: `订单 ${code} 不在该箱中!`,
                 icon: "none",
               });
-                this.cardCode = "";
+            } else {
-                this.cardInputFocus = false;
-                this.$nextTick(() => {
-                  this.cardInputFocus = true;
-                });
-                return;
-              }
-
-              // 调用解绑接口（单个解绑）
               this.$u.api
                 .boxUnbind({
-                  // boxBarcode: this.activeBox,
+                  orderIdList: [code],
-                  orderIdList: [this.cardCode],
                 })
-                .then((unbindRes) => {
+                .then(() => {
                   uni.showToast({
                     title: `流程卡 ${code} 解绑成功`,
                     icon: "none",
                   });
-                  // 从列表中移除
                   this.boxInfo.yieldOrderList.splice(orderIndex, 1);
-                  // 刷新箱内明细
                   this.refreshBoxInfo();
                 })
                 .catch((unbindErr) => {
@@ -427,8 +355,11 @@ export default {
                   });
                 });
             }
+          }
           
-            this.cardCode = "";
+          // 无论成功失败，清空输入框并保持焦点在流程卡，以便连续扫码
+          this.twoInput = '';
+          this.oldTwoInput = '';
           this.cardInputFocus = false;
           this.$nextTick(() => {
             this.cardInputFocus = true;
@@ -440,49 +371,82 @@ export default {
             title: err,
             icon: "error",
           });
-            this.cardCode = "";
+          this.twoInput = '';
+          this.oldTwoInput = '';
           this.cardInputFocus = false;
           this.$nextTick(() => {
             this.cardInputFocus = true;
           });
         });
-      }
     },
-    // 刷新箱内明细
+
-    refreshBoxInfo() {
+    handleOneClickUnbind() {
+      if (!this.activeBox) {
+        uni.showToast({
+          title: "请先扫描物料箱",
+          icon: "none",
+        });
+        return;
+      }
+      uni.showModal({
+        title: "确认解绑",
+        content: `确定要解绑物料箱 ${this.activeBox} 中的所有流程卡吗？`,
+        success: (res) => {
+          if (res.confirm) {
             this.$u.api
-        .boxbarcodeDetails({ boxBarcode: this.activeBox, isDetail: false })
+              .boxUnbind({ boxBarcode: this.activeBox })
-        .then((res) => {
+              .then(() => {
-          this.boxInfo = res.data;
-          if (this.boxInfo.yieldOrderList == null) {
                 this.boxInfo.yieldOrderList = [];
+                this.activeBox = null;
+                this.clearOneInput(); // 使用 mixin 清空
+                uni.showToast({
+                  title: "解绑成功",
+                  icon: "success",
+                });
+                this.boxInputFocus = true;
+                this.cardInputFocus = false;
+              })
+              .catch((err) => {
+                uni.showToast({
+                  title: err || "解绑失败",
+                  icon: "error",
+                });
+              });
           }
+        },
       });
     },
 
-    handleResetBox() {
+    handleModeChange(mode) {
+      this.scanMode = mode;
+      this.hasData = false;
+      this.boxInfo = {
+        yieldOrderList: [],
+      };
+      this.clearInput(); // 使用 mixin 的 clearInput 清空所有
       this.activeBox = null;
-      this.boxCode = "";
       this.orders = [];
       this.boxInputFocus = true;
       this.cardInputFocus = false;
-    },
+
-    // 装箱确认
-    handleSubmit() {
-      this.$u.api
-        .boxBinding({
-          boxBarcode: this.activeBox, //箱条码
-          orderIdList: this.boxInfo.yieldOrderList.map((o) => o.cardNo),
-        })
-        .then((res) => {
       uni.showToast({
-            title: `装箱成功`,
+        title: `已切换到${mode === "bind" ? "绑定" : "解绑"}模式`,
         icon: "none",
       });
-          this.cardCode = "";
+    },
+
+    refreshBoxInfo() {
+      this.$u.api
+        .boxbarcodeDetails({ boxBarcode: this.activeBox, isDetail: false })
+        .then((res) => {
+          this.boxInfo = res.data;
+          if (this.boxInfo.yieldOrderList == null) {
             this.boxInfo.yieldOrderList = [];
+          }
         });
     },
+    
+    // 原有的 handleBoxConfirm 和 handleCardConfirm 已被拆分逻辑替代，可删除或保留作为备用
   },
 };
 </script>

pages/logistics/weighing.vue

@@ -3,33 +3,18 @@
     <u-sticky offset-top="0">
       <uni-forms ref="wrForm" class="formBox">
         <uni-forms-item>
-          <input
+          <input class="uni-input-border" v-model="processCardNo" placeholder="请扫描流程卡号"
-            class="uni-input-border"
+            placeholder-class="input-placeholder" :focus="processFocus" @input="handleCardNoConfirm" />
-            v-model="processCardNo"
-            placeholder="请扫描流程卡号"
-            placeholder-class="input-placeholder"
-            @confirm="handleCardNoConfirm"
-          />
         </uni-forms-item>
         <uni-forms-item>
           <view class="bottom-input-row">
             <view class="weight-input-wrapper">
               <view class="input-box">
-                <input
+                <input class="input-field" v-model="weight" type="digit" placeholder="重量 (克)"
-                  class="input-field"
+                  placeholder-class="input-placeholder" />
-                  v-model="weight"
-                  type="digit"
-                  placeholder="重量 (克)"
-                  placeholder-class="input-placeholder"
-                />
               </view>
             </view>
-            <button
+            <button class="submit-btn" :class="{ disabled: !canSubmit }" :disabled="!canSubmit" @tap="handleSubmit">
-              class="submit-btn"
-              :class="{ disabled: !canSubmit }"
-              :disabled="!canSubmit"
-              @tap="handleSubmit"
-            >
               提交
             </button>
           </view>
@@ -84,8 +69,11 @@ export default {
   data() {
     return {
       processCardNo: "",
+      oldProcessCardNo: '',
+      processFocus:true,
       weight: "",
       tableObj: {},
+      time: null,
       orderInfo: {
         orderNo: "",
         materialCode: "",
@@ -109,13 +97,40 @@ export default {
     this.$refs.ifrm.topMenuClick(btn);
   },
   methods: {
-    handleCardNoConfirm() {
+    clearInput(){
-      if (this.processCardNo) {
+      this.oldProcessCardNo = ''
-        // 自动聚焦到重量输入框（可选）
+      this.processCardNo = ''
-        this.$u.api.queryCardNo({cardNo:this.processCardNo}).then((res) => {
+
+    },
+    handleCardNoConfirm(e) {
+      clearTimeout(this.time)
+
+      if (e.detail.value.length == 0) {
+        this.oldProcessCardNo = ''
+        this.processCardNo = e.detail.value
+      }
+      if (e.detail.value.length < this.oldProcessCardNo.length) {
+        this.processCardNo = e.detail.value
+        this.oldProcessCardNo = this.processCardNo
+        return
+      }
+      this.time = setTimeout(() => {
+        if (this.processCardNo.length >= 1) {
+          uni.showLoading({
+            title: '请稍候...'
+          })
+          this.processCardNo = e.detail.value.slice(this.oldProcessCardNo.length)
+          this.oldProcessCardNo = this.processCardNo
+          this.$u.api.queryCardNo({ cardNo: this.processCardNo }).then((res) => {
             this.tableObj = res.data;
-        });
+            this.clearInput()
+            uni.hideLoading()
+          }).catch(err=>{
+            uni.hideLoading()
+            this.clearInput()
+          })
         }
+      }, 1500);
     },
     // 处理提交
     handleSubmit() {
@@ -241,5 +256,4 @@ export default {
 .submit-btn.disabled {
   opacity: 0.5;
 }
-
 </style>