From c2687e19669f000fa6bd08dd75ab6f4456bdafd0 Mon Sep 17 00:00:00 2001
From: yewj <yewj@123.com>
Date: Tue, 19 Nov 2024 14:24:10 +0800
Subject: [PATCH] =?UTF-8?q?=E5=85=B3=E8=81=94=E5=85=B3=E7=B3=BB=E7=95=8C?=
 =?UTF-8?q?=E9=9D=A2=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/collect/relCode/operateRelCode.vue  |    2 +-
 .../collect/relCode/operateRelCodeSpell.vue   | 1754 +++++++++--------
 2 files changed, 885 insertions(+), 871 deletions(-)

diff --git a/src/views/collect/relCode/operateRelCode.vue b/src/views/collect/relCode/operateRelCode.vue
index 294a3f7..bf7683b 100644
--- a/src/views/collect/relCode/operateRelCode.vue
+++ b/src/views/collect/relCode/operateRelCode.vue
@@ -12,7 +12,7 @@
       <el-card>
 
 
-        <el-row style="margin-top: 5px; display: flex; align-items: center;">
+        <el-row style="margin-top: 5px;margin-bottom: 12px; display: flex; align-items: center;">
           <div style="flex: 1;font-size: 24px">
             <span v-if="parentCode"><strong>{{ relFormData.packUnit }}</strong></span>
             <span v-if="parentCode" style="margin-left: 30px"><strong>{{ relFormData.packLayer }}层级</strong></span>
diff --git a/src/views/collect/relCode/operateRelCodeSpell.vue b/src/views/collect/relCode/operateRelCodeSpell.vue
index cb38206..c0248dc 100644
--- a/src/views/collect/relCode/operateRelCodeSpell.vue
+++ b/src/views/collect/relCode/operateRelCodeSpell.vue
@@ -1,950 +1,964 @@
 <template>
-    <div>
-      <el-form
-        :model="relFormData"
-        :rules="formRules"
-        ref="dataForm"
-        @submit.native.prevent
-        label-width="110px"
-      >
-        <el-card>
-            <el-row style="margin-top: 5px; display: flex; align-items: center;">
-              <div style="flex: 1;font-size: 24px">
-                <span v-if="parentCode"><strong>{{ relFormData.packUnit }}</strong></span>
-                <span v-if="parentCode" style="margin-left: 30px"><strong>{{ relFormData.packLayer }}层级</strong></span>
-                <span v-if="parentCode" style="margin-left: 30px"><strong>{{ parentCode || '暂未录入'}}</strong> <strong>  (<span style="color: #FF0000;">{{ syxjsl || 0}}</span>/<span >{{ bhxjsl || 0}}</span>)</strong></span>
-              </div>
-              <div style="margin-left: auto;">
-                <el-button size="mini" type="primary" @click.native="spellBox()" :loading="submitLoading"
-                           style="margin-right: 8px;border-radius: 5%;" :disabled="this.detailList.length == 0"
-                >拼箱
-                </el-button>
-                <el-button size="mini" type="primary" @click.native="giveUp()" :loading="submitLoading"
-                           style="margin-right: 8px;border-radius: 5%;" :disabled="!(parentCode)"
-                >清空
-                </el-button>
-                <el-button size="mini" type="primary" @click.native="submit()" :loading="submitLoading"
-                           style="margin-right: 8px;border-radius: 5%;" :disabled="this.detailList.length == 0"
-                >提交
-                </el-button>
-              </div>
-            </el-row>
-          <el-row>
-            <el-col :span="18">
-              <el-form-item prop="code" label="扫码录入:">
-                <el-input
-                  id="inputer"
-                  @focus="getInputFocus($event)"
-                  @keypress.enter.native="enterKey($event)"
-                  ref="inputRef"
-                  style="ime-mode: disabled"
-                  type="tel"
-                  :placeholder="this.parentCode ?'请点击输入框进行扫码设置或者扫码录入':'请先扫码选入产品'"
-                  v-model="scanCode"
-                ></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="6">
-              <el-button-group>
+  <div>
+    <el-form
+      :model="relFormData"
+      :rules="formRules"
+      ref="dataForm"
+      @submit.native.prevent
+      label-width="110px"
+    >
+      <el-card>
+        <el-row style="margin-top: 5px;margin-bottom: 12px; display: flex; align-items: center;">
+          <div style="flex: 1;font-size: 24px">
+            <span v-if="parentCode"><strong>{{ relFormData.packUnit }}</strong></span>
+            <span v-if="parentCode" style="margin-left: 30px"><strong>{{ relFormData.packLayer }}层级</strong></span>
+            <span v-if="parentCode"
+                  style="margin-left: 30px"><strong>{{ parentCode || '暂未录入' }}</strong> <strong>  (<span
+              style="color: #FF0000;">{{ syxjsl || 0 }}</span>/<span>{{ bhxjsl || 0 }}</span>)</strong></span>
+          </div>
+          <div style="margin-left: auto;">
+            <el-button size="mini" type="primary" @click.native="spellBox()" :loading="submitLoading"
+                       style="margin-right: 8px;border-radius: 5%;" :disabled="this.detailList.length == 0"
+            >拼箱
+            </el-button>
+            <el-button size="mini" type="primary" @click.native="giveUp()" :loading="submitLoading"
+                       style="margin-right: 8px;border-radius: 5%;" :disabled="!(parentCode)"
+            >清空
+            </el-button>
+            <el-button size="mini" type="primary" @click.native="submit()" :loading="submitLoading"
+                       style="margin-right: 8px;border-radius: 5%;" :disabled="this.detailList.length == 0"
+            >提交
+            </el-button>
+          </div>
+        </el-row>
+        <el-row>
+          <el-col :span="18">
+            <el-form-item prop="code" label="扫码录入:">
+              <el-input
+                id="inputer"
+                @focus="getInputFocus($event)"
+                @keypress.enter.native="enterKey($event)"
+                ref="inputRef"
+                style="ime-mode: disabled"
+                type="tel"
+                :placeholder="this.parentCode ?'请点击输入框进行扫码设置或者扫码录入':'请先扫码选入产品'"
+                v-model="scanCode"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-button-group>
+              <el-button
+                type="primary"
+                size="mini"
+                @click.native.stop="enterKey()"
+                style="margin-left: 15px"
+              >添加
+              </el-button>
+            </el-button-group>
+          </el-col>
+        </el-row>
+        <el-alert
+          title="扫码结果:"
+          :type="scanResultType"
+          :closable="false"
+          :description="result">
+        </el-alert>
+        <el-alert
+          v-if="warnVisible"
+          title="警告信息:"
+          type="warning"
+          :closable="true"
+          :dangerouslyUseHTMLString="true"
+          :description="warnResult">
+        </el-alert>
+        <el-alert
+          v-if="errVisible"
+          title="错误信息:"
+          type="warning"
+          :closable="true"
+          :dangerouslyUseHTMLString="true"
+          :description="errResult">
+        </el-alert>
+        <el-row style="margin-top: 15px;font-size: 20px">
+          <el-descriptions :column="4" border label-style="width:75px" style="margin-top: 15px;font-size: 20px">
+            <el-descriptions-item label="产品名称">{{ relFormData.cpmctymc }}</el-descriptions-item>
+            <el-descriptions-item label="规格型号">{{ relFormData.packageSpec }}</el-descriptions-item>
+            <el-descriptions-item label="产品编码">{{ relFormData.productCode }}</el-descriptions-item>
+            <el-descriptions-item label="包装比例">{{ relFormData.cascadeRatio }}</el-descriptions-item>
+          </el-descriptions>
+        </el-row>
+
+        <el-row style="margin-top: 10px;">
+          <el-divider></el-divider>
+        </el-row>
+
+        <el-row style="margin-top: 2px">
+          <el-col :span="12">
+            <el-form-item prop="batchNo" class="query-form-item" label="批次号:">
+              <el-input
+                v-model="relFormData.batchNo"
+                auto-complete="off"
+                style="width: 90%"
+                :disabled="this.inputDisabled"
+                clearable
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item prop="madeDate" class="query-form-item" label="生产日期:">
+              <el-date-picker
+                v-model="relFormData.madeDate"
+                type="date"
+                placeholder="日期"
+                clearable
+                value-format="yyyy-MM-dd"
+                style="width: 90%"
+                :disabled="this.inputDisabled"
+              >
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item prop="validateDate" class="query-form-item" label="失效日期:">
+              <el-date-picker
+                v-model="relFormData.validateDate"
+                type="date"
+                placeholder="日期"
+                clearable
+                value-format="yyyy-MM-dd"
+                style="width: 90%"
+                :disabled="this.inputDisabled"
+              >
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item prop="comment" class="query-form-item" label="备注:">
+              <el-input
+                v-model="relFormData.comment"
+                auto-complete="off"
+                clearable
+                style="width: 90%"
+                placeholder="请输入备注"
+                :disabled="this.inputDisabled"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-divider></el-divider>
+
+      </el-card>
+    </el-form>
+    <el-tabs type="border-card" style="margin: 15px">
+      <el-tab-pane label="关联详情">
+        <div>
+          <el-table v-loading="loading"
+                    :data="detailList"
+                    style="width: 100%;" max-height="350" height="350"
+                    border
+                    :row-style="rowStyle"
+                    ref="multipleTable">
+            <el-table-column type="index" label="序号" width="50"></el-table-column>
+            <el-table-column label="追溯码" width="250" prop="curCode" show-overflow-tooltip></el-table-column>
+            <el-table-column label="层级" width="150" prop="packLayer" show-overflow-tooltip></el-table-column>
+            <el-table-column label="父级编码" width="250" prop="parentCode" show-overflow-tooltip></el-table-column>
+            <el-table-column label="操作" width="80">
+              <template slot-scope="scope">
                 <el-button
-                  type="primary"
-                  size="mini"
-                  @click.native.stop="enterKey()"
-                  style="margin-left: 15px"
-                >添加
+                  type="text"
+                  size="small"
+                  @click.native.stop="deleteDetail(scope.row)"
+                >删除
                 </el-button>
-              </el-button-group>
-            </el-col>
-          </el-row>
-          <el-alert
-            title="扫码结果:"
-            :type="scanResultType"
-            :closable="false"
-            :description="result">
-          </el-alert>
-          <el-alert
-            v-if="warnVisible"
-            title="警告信息:"
-            type="warning"
-            :closable="true"
-            :dangerouslyUseHTMLString="true"
-            :description="warnResult">
-          </el-alert>
-          <el-alert
-            v-if="errVisible"
-            title="错误信息:"
-            type="warning"
-            :closable="true"
-            :dangerouslyUseHTMLString="true"
-            :description="errResult">
-          </el-alert>
-            <el-row style="margin-top: 15px;font-size: 20px">
-              <el-descriptions :column="4" border label-style="width:75px"  style="margin-top: 15px;font-size: 20px">
-                <el-descriptions-item label="产品名称">{{ relFormData.cpmctymc }}</el-descriptions-item>
-                <el-descriptions-item label="规格型号">{{ relFormData.packageSpec }}</el-descriptions-item>
-                <el-descriptions-item label="产品编码">{{ relFormData.productCode }}</el-descriptions-item>
-                <el-descriptions-item label="包装比例">{{ relFormData.cascadeRatio }}</el-descriptions-item>
-              </el-descriptions>
-            </el-row>
-
-            <el-row style="margin-top: 10px;">
-              <el-divider></el-divider>
-            </el-row>
-
-            <el-row style="margin-top: 2px">
-              <el-col :span="12">
-                <el-form-item prop="batchNo"  class="query-form-item" label="批次号:">
-                  <el-input
-                    v-model="relFormData.batchNo"
-                    auto-complete="off"
-                    style="width: 90%"
-                    :disabled="this.inputDisabled"
-                    clearable
-                  ></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item prop="madeDate"  class="query-form-item" label="生产日期:">
-                  <el-date-picker
-                    v-model="relFormData.madeDate"
-                    type="date"
-                    placeholder="日期"
-                    clearable
-                    value-format="yyyy-MM-dd"
-                    style="width: 90%"
-                    :disabled="this.inputDisabled"
-                  >
-                  </el-date-picker>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item prop="validateDate" class="query-form-item"  label="失效日期:">
-                  <el-date-picker
-                    v-model="relFormData.validateDate"
-                    type="date"
-                    placeholder="日期"
-                    clearable
-                    value-format="yyyy-MM-dd"
-                    style="width: 90%"
-                    :disabled="this.inputDisabled"
-                  >
-                  </el-date-picker>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item prop="comment" class="query-form-item" label="备注:">
-                  <el-input
-                    v-model="relFormData.comment"
-                    auto-complete="off"
-                    clearable
-                    style="width: 90%"
-                    placeholder="请输入备注"
-                    :disabled="this.inputDisabled"
-                  ></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          <el-divider></el-divider>
-
-        </el-card>
-      </el-form>
-      <el-tabs type="border-card" style="margin: 15px">
-        <el-tab-pane label="关联详情">
-          <div>
-              <el-table v-loading="loading"
-              :data="detailList"
-              style="width: 100%;" max-height="350" height="350"
-              border
-              :row-style="rowStyle"
-              ref="multipleTable">
-                <el-table-column type="index" label="序号" width="50"></el-table-column>
-                <el-table-column label="追溯码" width="250" prop="curCode" show-overflow-tooltip></el-table-column>
-                <el-table-column label="层级" width="150" prop="packLayer" show-overflow-tooltip></el-table-column>
-                <el-table-column label="父级编码" width="250" prop="parentCode" show-overflow-tooltip></el-table-column>
-                <el-table-column label="操作"  width="80">
-                  <template slot-scope="scope">
-                    <el-button
-                      type="text"
-                      size="small"
-                      @click.native.stop="deleteDetail(scope.row)"
-                    >删除
-                    </el-button>
-                  </template>
-                </el-table-column>
-              </el-table>
-            </div>
-        </el-tab-pane>
-      </el-tabs>
-
-      <el-dialog
-        :title="title"
-        :visible.sync="popDialogVisible"
-        :close-on-click-modal="false"
-        :close-on-press-escape="false"
-        width="90%"
-        v-if="popDialogVisible"
-        @close='popCloseDialog'
-      >
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+      </el-tab-pane>
+    </el-tabs>
+
+    <el-dialog
+      :title="title"
+      :visible.sync="popDialogVisible"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      width="90%"
+      v-if="popDialogVisible"
+      @close='popCloseDialog'
+    >
       <sonRelCode
-          :closeDialog="this.popCloseDialog"
-          :opeParentCode="this.popParentCode"
-          :opeRelFormData ="this.popRelFormData"
+        :closeDialog="this.popCloseDialog"
+        :opeParentCode="this.popParentCode"
+        :opeRelFormData="this.popRelFormData"
       ></sonRelCode>
     </el-dialog>
-    </div>
-  </template>
-
-  <script>
-  import {enterCodeWeb} from "@/api/inout/order";
-  import {addRelCodeSpellBox,scanCodeRelCode,deleteDetail,deleteAllDetail} from "@/api/collect/relCode";
-  import sonRelCode from './sonRelCodeSpell.vue';
-  import A from "@/plugins/KeyScaner";
-  export default {
-    name: "operateRelCode",
-    props: {
-      orderQuery: {
-        type: Object,
-        required: true,
-        default: null
-      },
-      closeCodeDialog: {
-        type: Function,
-        required: true,
-      },
+  </div>
+</template>
+
+<script>
+import {enterCodeWeb} from "@/api/inout/order";
+import {addRelCodeSpellBox, scanCodeRelCode, deleteDetail, deleteAllDetail} from "@/api/collect/relCode";
+import sonRelCode from './sonRelCodeSpell.vue';
+import A from "@/plugins/KeyScaner";
+
+export default {
+  name: "operateRelCode",
+  props: {
+    orderQuery: {
+      type: Object,
+      required: true,
+      default: null
     },
-    watch: {
-      resetKey(newVal, oldVal) {
-        this.$refs.inputRef.focus();
-      }
+    closeCodeDialog: {
+      type: Function,
+      required: true,
     },
-    data() {
-      return {
-        inputDisabled: false,
-        //扫码相关
-        codeFormData: {
-          code: "",
-          batchNo: null,
-          produceDate: null,
-          expireDate: null,
-          serialNo: null,
-          relId: null,
-        },
-        relFormData: {
-          productCode: null,
-          subTypeNo: null,
-          cascadeRatio: null,
-          packageSpec: null,
-          comment: null,
-          batchNo: null,
-          madeDate: null,
-          validateDate: null,
-          workShop: null,
-          lineName: null,
-          lineManager: null,
-          packUnit: null,
-          bhxjsl: null,
-          packLayer: null,
-          detailList:[]
-        },
-        detailList: [],
-        checkPreInArray: [],
-        errView: 0,
-        actionEnable: false,
-        formRules: {
-          batchNo: [
-            {required: true, message: " ", trigger: "blur"},
-          ],
-          madeDate: [
-            {required: true, message: " ", trigger: "blur"},
-          ],
-          validateDate: [
-            {required: true, message: " ", trigger: "blur"},
-          ],
-        },
-        isScan: true,
-        scanText: "扫码录入：",
-        corpOrderIdDisabled: false,
-        isSupVesion: false,
-        loading: false,
-        index: null,
-        formVisible: false,
-        deleteLoading: false,
-        orderNo: null,
-        fromStorageOptions: [],
-        curRow: null,
-        dialogTableVisible: false,
-        selectRlVisible: false,
-        selectSpaceVisible: false,
-        sitcomScan: false,
-        sictomText: "",
-        originCode: "",
-        checkSuccess: false,
-        codeDetail: null,
-        fromDeptOptions: [],
-        submitLoading: false,
-        scanCode: "",
-        isSuccess: false,
-        result: "",
-        scanResultType: "success",
-        splitType: null,
-        warnResult: "",
-        errResult: "",
-        warnVisible: false,
-        errVisible: false,
-        parentCode:null,
-        bhxjsl:0,
-        syxjsl:0,
+  },
+  watch: {
+    resetKey(newVal, oldVal) {
+      this.$refs.inputRef.focus();
+    }
+  },
+  data() {
+    return {
+      inputDisabled: false,
+      //扫码相关
+      codeFormData: {
+        code: "",
+        batchNo: null,
+        produceDate: null,
+        expireDate: null,
+        serialNo: null,
+        relId: null,
+      },
+      relFormData: {
+        productCode: null,
+        subTypeNo: null,
+        cascadeRatio: null,
+        packageSpec: null,
+        comment: null,
+        batchNo: null,
+        madeDate: null,
+        validateDate: null,
+        workShop: null,
+        lineName: null,
+        lineManager: null,
+        packUnit: null,
+        bhxjsl: null,
         packLayer: null,
-        popDialogVisible:false,
-        title:null,
-        popParentCode:null,
-        popRelFormData:{
-          productCode: null,
-          subTypeNo: null,
-          cascadeRatio: null,
-          packageSpec: null,
-          comment: null,
-          batchNo: null,
-          madeDate: null,
-          validateDate: null,
-          workShop: null,
-          lineName: null,
-          lineManager: null,
-          packUnit: null,
-          bhxjsl: null,
-          detailList:[]
-        },
-        relFormDatas:[],
-        detailListSpell: [],
-        popLevel:1,
-      };
+        detailList: []
+      },
+      detailList: [],
+      checkPreInArray: [],
+      errView: 0,
+      actionEnable: false,
+      formRules: {
+        batchNo: [
+          {required: true, message: " ", trigger: "blur"},
+        ],
+        madeDate: [
+          {required: true, message: " ", trigger: "blur"},
+        ],
+        validateDate: [
+          {required: true, message: " ", trigger: "blur"},
+        ],
+      },
+      isScan: true,
+      scanText: "扫码录入：",
+      corpOrderIdDisabled: false,
+      isSupVesion: false,
+      loading: false,
+      index: null,
+      formVisible: false,
+      deleteLoading: false,
+      orderNo: null,
+      fromStorageOptions: [],
+      curRow: null,
+      dialogTableVisible: false,
+      selectRlVisible: false,
+      selectSpaceVisible: false,
+      sitcomScan: false,
+      sictomText: "",
+      originCode: "",
+      checkSuccess: false,
+      codeDetail: null,
+      fromDeptOptions: [],
+      submitLoading: false,
+      scanCode: "",
+      isSuccess: false,
+      result: "",
+      scanResultType: "success",
+      splitType: null,
+      warnResult: "",
+      errResult: "",
+      warnVisible: false,
+      errVisible: false,
+      parentCode: null,
+      bhxjsl: 0,
+      syxjsl: 0,
+      packLayer: null,
+      popDialogVisible: false,
+      title: null,
+      popParentCode: null,
+      popRelFormData: {
+        productCode: null,
+        subTypeNo: null,
+        cascadeRatio: null,
+        packageSpec: null,
+        comment: null,
+        batchNo: null,
+        madeDate: null,
+        validateDate: null,
+        workShop: null,
+        lineName: null,
+        lineManager: null,
+        packUnit: null,
+        bhxjsl: null,
+        detailList: []
+      },
+      relFormDatas: [],
+      detailListSpell: [],
+      popLevel: 1,
+    };
+  },
+  components: {
+    sonRelCode
+  },
+  methods: {
+    deleteDetail(row) {
+      this.$confirm('确定删除该层级码？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        //删除缓存数据
+        let curCode = row.curCode
+        this.detailList = this.detailList.filter(row => row.curCode !== curCode)
+        this.detailListSpell = this.detailListSpell.filter(row => row.curCode !== curCode)
+        this.syxjsl = this.syxjsl - 1
+
+        if (row.packLayer > 1) {
+          this.loading = true
+          //去后端触发删除当前码的关系
+          deleteDetail({curCode: curCode}).then((response) => {
+            this.loading = false
+            if (response.code === 20000) {
+              this.$message.success('删除成功！')
+            } else {
+              this.$message.error(response.message)
+            }
+          }).catch(() => {
+            this.loading = false
+          })
+        } else {
+          this.$message.success('删除成功！')
+
+        }
+        this.splitChange()
+      })
+        .catch(() => {
+        })
     },
-    components: {
-      sonRelCode
+    splitChange() {
+      this.$refs.inputRef.focus();
     },
-    methods: {
-      deleteDetail(row) {
-        this.$confirm('确定删除该层级码？', '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }).then(() => {
-          //删除缓存数据
-          let curCode = row.curCode
-          this.detailList = this.detailList.filter(row => row.curCode !== curCode)
-          this.detailListSpell = this.detailListSpell.filter(row => row.curCode !== curCode)
-          this.syxjsl = this.syxjsl - 1
-
-          if (row.packLayer > 1) {
-            this.loading = true
-            //去后端触发删除当前码的关系
-            deleteDetail({ curCode: curCode }).then((response) => {
-              this.loading = false
-              if (response.code === 20000) {
-                this.$message.success('删除成功！')
-              } else {
-                this.$message.error(response.message)
-              }
-            }).catch(() => {
-              this.loading = false
-            })
-          } else {
-            this.$message.success('删除成功！')
+    popCloseDialog() {
+      this.popDialogVisible = false;
 
-          }
-          this.splitChange()
+
+      if (this.bhxjsl === this.syxjsl) {
+        this.$confirm("该层级已录入完成, 是否关闭?", "提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
         })
-          .catch(() => {
+          .then(() => {
+            this.relFormData.detailList = this.detailList
+            this.submit()
           })
-      },
-      splitChange() {
+          .catch(() => {
+          });
+      } else {
         this.$refs.inputRef.focus();
-      },
-      popCloseDialog() {
-        this.popDialogVisible = false;
-
+      }
 
-        if( this.bhxjsl === this.syxjsl){
-          this.$confirm("该层级已录入完成, 是否关闭?", "提示", {
-            confirmButtonText: "确定",
-            cancelButtonText: "取消",
-            type: "warning",
-          })
-            .then(() => {
-              this.relFormData.detailList = this.detailList
-              this.submit()
-            })
-            .catch(() => {
-            });
-        }else {
-          this.$refs.inputRef.focus();
+    },
+    //添加条码
+    addCode() {
+      if (this.parentCode != null) {
+        //控制三期
+        if (this.relFormData.batchNo == null) {
+          this.$message.warning("请输入批次号！");
+          return;
         }
-
-      },
-      //添加条码
-      addCode() {
-        if (this.parentCode != null) {
-          //控制三期
-          if (this.relFormData.batchNo == null) {
-            this.$message.warning("请输入批次号！");
-            return;
-          }
-          if (this.relFormData.madeDate == null) {
-            this.$message.warning("请选择生产日期！");
-            return;
-          }
-          if (this.relFormData.validateDate == null) {
-            this.$message.warning("请选择失效日期！");
-            return;
-          }
+        if (this.relFormData.madeDate == null) {
+          this.$message.warning("请选择生产日期！");
+          return;
+        }
+        if (this.relFormData.validateDate == null) {
+          this.$message.warning("请选择失效日期！");
+          return;
         }
+      }
 
-        let tQuery = Object.assign(this.codeFormData);
-        tQuery.curCode = this.codeFormData.code;
-        tQuery.parentCode = this.parentCode;
-        scanCodeRelCode(tQuery).then((response) => {
-          if (response.code === 20000) {
-            this.$refs.inputRef.focus();
-            this.$refs.inputRef.select();
-            this.isSuccess = true;
-            let data = response.data;
-            if(data !== null){
-              //1.确定是否为最大层级
-              if (this.parentCode == null){
-                if (data.packLayer == 1) {
-                  this.$message.warning("该层级为最小包装层级无需进行码关联操作！");
-                  if (this.closeCodeDialog != null){
-                    this.closeCodeDialog()
-                  }
-                  return;
+      let tQuery = Object.assign(this.codeFormData);
+      tQuery.curCode = this.codeFormData.code;
+      tQuery.parentCode = this.parentCode;
+      scanCodeRelCode(tQuery).then((response) => {
+        if (response.code === 20000) {
+          this.$refs.inputRef.focus();
+          this.$refs.inputRef.select();
+          this.isSuccess = true;
+          let data = response.data;
+          if (data !== null) {
+            //1.确定是否为最大层级
+            if (this.parentCode == null) {
+              if (data.packLayer == 1) {
+                this.$message.warning("该层级为最小包装层级无需进行码关联操作！");
+                if (this.closeCodeDialog != null) {
+                  this.closeCodeDialog()
                 }
-                this.relFormData.cpmctymc = data.cpmctymc;
-                this.relFormData.productCode = data.productCode;
-                this.relFormData.subTypeNo = data.subTypeNo;
-                this.relFormData.cascadeRatio = data.cascadeRatio;
-                this.relFormData.bhxjsl = data.bhxjsl;
-                this.relFormData.packageSpec = data.packageSpec;
-                this.relFormData.packLayer = data.packLayer;
-                this.relFormData.packUnit = data.packUnit;
-                this.relFormData.workShop = data.workShop;
-                this.relFormData.lineName = data.lineName;
-                this.relFormData.lineManager = data.lineManager;
-
-                this.parentCode = data.curCode;
-                this.bhxjsl = data.bhxjsl;
-                this.detailList = [];
-              }else {
-                if(this.detailList.some(item => item.curCode === data.curCode)) {
-                  //码重复提示
-                  this.$message.warning("录入码重复！");
+                return;
+              }
+              this.relFormData.cpmctymc = data.cpmctymc;
+              this.relFormData.productCode = data.productCode;
+              this.relFormData.subTypeNo = data.subTypeNo;
+              this.relFormData.cascadeRatio = data.cascadeRatio;
+              this.relFormData.bhxjsl = data.bhxjsl;
+              this.relFormData.packageSpec = data.packageSpec;
+              this.relFormData.packLayer = data.packLayer;
+              this.relFormData.packUnit = data.packUnit;
+              this.relFormData.workShop = data.workShop;
+              this.relFormData.lineName = data.lineName;
+              this.relFormData.lineManager = data.lineManager;
+
+              this.parentCode = data.curCode;
+              this.bhxjsl = data.bhxjsl;
+              this.detailList = [];
+            } else {
+              if (this.detailList.some(item => item.curCode === data.curCode)) {
+                //码重复提示
+                this.$message.warning("录入码重复！");
+                return;
+              } else {
+                if (this.bhxjsl === this.syxjsl) {
+                  //满了自动保存
+                  this.$message.warning("包含下级码已录满！");
                   return;
-                } else {
-                  if(this.bhxjsl === this.syxjsl){
-                    //满了自动保存
-                    this.$message.warning("包含下级码已录满！");
-                    return;
-                  }
                 }
-                //判断是否是下级
-                if(data.packLayer == this.relFormData.packLayer) {
-                  //非当前编码的子层级码 是否进行替换操作
-                  this.$confirm("非当前编码的子层级码,是否进行替换操作?", "提示", {
-                    confirmButtonText: "确定",
-                    cancelButtonText: "取消",
-                    type: "warning",
-                  }).then(() => {
-                    this.relFormData.cpmctymc = data.cpmctymc;
-                    this.relFormData.productCode = data.productCode;
-                    this.relFormData.subTypeNo = data.subTypeNo;
-                    this.relFormData.cascadeRatio = data.cascadeRatio;
-                    this.relFormData.bhxjsl = data.bhxjsl;
-                    this.relFormData.packageSpec = data.packageSpec;
-                    this.relFormData.packLayer = data.packLayer;
-                    this.relFormData.packUnit = data.packUnit;
-                    this.relFormData.workShop = data.workShop;
-                    this.relFormData.lineName = data.lineName;
-                    this.relFormData.lineManager = data.lineManager;
-
-                    this.parentCode = data.curCode;
-                    this.bhxjsl = data.bhxjsl;
-                    this.detailList = [];
+              }
+              //判断是否是下级
+              if (data.packLayer == this.relFormData.packLayer) {
+                //非当前编码的子层级码 是否进行替换操作
+                this.$confirm("非当前编码的子层级码,是否进行替换操作?", "提示", {
+                  confirmButtonText: "确定",
+                  cancelButtonText: "取消",
+                  type: "warning",
+                }).then(() => {
+                  this.relFormData.cpmctymc = data.cpmctymc;
+                  this.relFormData.productCode = data.productCode;
+                  this.relFormData.subTypeNo = data.subTypeNo;
+                  this.relFormData.cascadeRatio = data.cascadeRatio;
+                  this.relFormData.bhxjsl = data.bhxjsl;
+                  this.relFormData.packageSpec = data.packageSpec;
+                  this.relFormData.packLayer = data.packLayer;
+                  this.relFormData.packUnit = data.packUnit;
+                  this.relFormData.workShop = data.workShop;
+                  this.relFormData.lineName = data.lineName;
+                  this.relFormData.lineManager = data.lineManager;
+
+                  this.parentCode = data.curCode;
+                  this.bhxjsl = data.bhxjsl;
+                  this.detailList = [];
+                })
+                  .catch(() => {
+                    return;
+                  });
+              } else if (data.packLayer == (this.relFormData.packLayer - 1)) {
+                //下级码
+                this.detailList.push(data);
+                this.detailListSpell.push(data);
+                this.inputDisabled = true
+                this.syxjsl = this.detailList.length;
+
+                //判断是否还有下级码 如果有进行弹窗 关联
+                if (data.packLayer > 1 && data.bhxjsl > 0) {
+                  this.popRelFormData.cpmctymc = data.cpmctymc;
+                  this.popRelFormData.productCode = data.productCode;
+                  this.popRelFormData.subTypeNo = data.subTypeNo;
+                  this.popRelFormData.cascadeRatio = data.cascadeRatio;
+                  this.popRelFormData.bhxjsl = data.bhxjsl;
+                  this.popRelFormData.packageSpec = data.packageSpec;
+                  this.popRelFormData.packLayer = data.packLayer;
+                  this.popRelFormData.packUnit = data.packUnit;
+                  this.popRelFormData.workShop = data.workShop;
+                  this.popRelFormData.lineName = data.lineName;
+                  this.popRelFormData.lineManager = data.lineManager;
+
+                  this.popRelFormData.comment = this.relFormData.comment;
+                  this.popRelFormData.batchNo = this.relFormData.batchNo;
+                  this.popRelFormData.madeDate = this.relFormData.madeDate;
+                  this.popRelFormData.validateDate = this.relFormData.validateDate;
+
+                  this.popDialogVisible = true;
+                  this.title = "手工关联:" + data.curCode;
+                  this.popParentCode = data.curCode;
+                } else {
+                  if (this.bhxjsl === this.syxjsl) {
+                    this.$confirm("该层级已录入完成, 是否关闭?", "提示", {
+                      confirmButtonText: "确定",
+                      cancelButtonText: "取消",
+                      type: "warning",
                     })
-                    .catch(() => {
-                      return;
-                    });
-                }else if(data.packLayer == (this.relFormData.packLayer-1) ) {
-                  //下级码
-                  this.detailList.push(data);
-                  this.detailListSpell.push(data);
-                  this.inputDisabled = true
-                  this.syxjsl = this.detailList.length;
-
-                  //判断是否还有下级码 如果有进行弹窗 关联
-                  if (data.packLayer > 1 && data.bhxjsl > 0){
-                    this.popRelFormData.cpmctymc = data.cpmctymc;
-                    this.popRelFormData.productCode = data.productCode;
-                    this.popRelFormData.subTypeNo = data.subTypeNo;
-                    this.popRelFormData.cascadeRatio = data.cascadeRatio;
-                    this.popRelFormData.bhxjsl = data.bhxjsl;
-                    this.popRelFormData.packageSpec = data.packageSpec;
-                    this.popRelFormData.packLayer = data.packLayer;
-                    this.popRelFormData.packUnit = data.packUnit;
-                    this.popRelFormData.workShop = data.workShop;
-                    this.popRelFormData.lineName = data.lineName;
-                    this.popRelFormData.lineManager = data.lineManager;
-
-                    this.popRelFormData.comment = this.relFormData.comment;
-                    this.popRelFormData.batchNo = this.relFormData.batchNo;
-                    this.popRelFormData.madeDate = this.relFormData.madeDate;
-                    this.popRelFormData.validateDate = this.relFormData.validateDate;
-
-                    this.popDialogVisible = true;
-                    this.title = "手工关联:" + data.curCode;
-                    this.popParentCode = data.curCode;
-                  }else {
-                    if( this.bhxjsl === this.syxjsl){
-                      this.$confirm("该层级已录入完成, 是否关闭?", "提示", {
-                        confirmButtonText: "确定",
-                        cancelButtonText: "取消",
-                        type: "warning",
+                      .then(() => {
+                        this.relFormData.detailList = this.detailList
+                        this.submit()
                       })
-                        .then(() => {
-                          this.relFormData.detailList = this.detailList
-                          this.submit()
-                        })
-                        .catch(() => {
-                        });
-                    }
+                      .catch(() => {
+                      });
                   }
                 }
               }
-              }
-          }else{
-            this.$message.error(response.message);
+            }
           }
+        } else {
+          this.$message.error(response.message);
+        }
+        this.loading = false;
+      })
+        .catch(() => {
           this.loading = false;
+        });
+    },
+
+    refreshCodesPanel() {
+      this.warnVisible = false;
+      this.errVisible = false;
+    },
+    giveUp() {
+      this.$confirm("确定清空当前操作的数据?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.loading = true;
+          deleteAllDetail(this.detailList).then((response) => {
+            this.loading = false;
+            if (response.code === 20000) {
+              this.$message.success("清空成功！");
+            } else {
+              this.$message.error(response.message);
+            }
+          })
+            .catch(() => {
+              this.loading = false;
+            });
+          this.relFormData = {
+            productCode: null,
+            subTypeNo: null,
+            cascadeRatio: null,
+            packageSpec: null,
+            comment: null,
+            batchNo: null,
+            madeDate: null,
+            validateDate: null,
+            workShop: null,
+            lineName: null,
+            lineManager: null,
+            packUnit: null,
+            bhxjsl: null,
+            detailList: []
+          }
+          this.detailList = []
+          this.detailListSpell = []
+          this.parentCode = null
+          this.bhxjsl = 0
+          this.syxjsl = 0
+          this.packLayer = null
         })
         .catch(() => {
-          this.loading = false;
         });
-      },
 
-      refreshCodesPanel() {
-        this.warnVisible = false;
-        this.errVisible = false;
-      },
-      giveUp() {
-        this.$confirm("确定清空当前操作的数据?", "提示", {
+
+    },
+    spellBox() {
+      this.$confirm("拼箱后，需重新录入批次信息，请确认是否进行拼箱?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          const temp = JSON.parse(JSON.stringify(this.relFormData));
+          temp.detailList = []
+          this.detailListSpell.forEach(item => {
+            item.flag = 2
+            temp.detailList.push(item)
+          });
+          this.relFormDatas.push(temp)
+          this.detailListSpell = []
+          this.relFormData.detailList = []
+          this.relFormData.batchNo = null
+          this.relFormData.madeDate = null
+          this.relFormData.validateDate = null
+          // console.log("拼凑箱子详情",this.relFormDatas)
+          this.inputDisabled = false
+        })
+        .catch(() => {
+        });
+
+
+    },
+    submit(val) {
+      if (this.detailList == null || this.detailList.length == 0) {
+        this.$message.warning("请先录入关联码！");
+        return;
+      }
+      if (this.relFormData.batchNo == null) {
+        this.$message.warning("请输入批次号！");
+        return;
+      }
+      if (this.relFormData.madeDate == null) {
+        this.$message.warning("请选择生产日期！");
+        return;
+      }
+      if (this.relFormData.validateDate == null) {
+        this.$message.warning("请选择失效日期！");
+        return;
+      }
+
+      //增加数量是否完全判断
+      if (this.bhxjsl != this.syxjsl) {
+        this.$confirm("该层级已录入数量与应录入数量不符, 是否继续提交?", "提示", {
           confirmButtonText: "确定",
           cancelButtonText: "取消",
           type: "warning",
         })
           .then(() => {
             this.loading = true;
-            deleteAllDetail(this.detailList).then((response) => {
+
+            const temp = JSON.parse(JSON.stringify(this.relFormData));
+            temp.detailList = []
+            this.detailListSpell.forEach(item => {
+              item.flag = 2
+              temp.detailList.push(item)
+            });
+            this.relFormDatas.push(temp)
+
+            addRelCodeSpellBox(this.relFormDatas).then((response) => {
               this.loading = false;
               if (response.code === 20000) {
-                this.$message.success("清空成功！");
+                this.$message.success("保存成功！");
+                this.clearRel();
               } else {
                 this.$message.error(response.message);
               }
             })
               .catch(() => {
                 this.loading = false;
+                this.clearRel();
               });
-            this.relFormData = {
-              productCode: null,
-              subTypeNo: null,
-              cascadeRatio: null,
-              packageSpec: null,
-              comment: null,
-              batchNo: null,
-              madeDate: null,
-              validateDate: null,
-              workShop: null,
-              lineName: null,
-              lineManager: null,
-              packUnit: null,
-              bhxjsl: null,
-              detailList: []
-            }
-            this.detailList = []
-            this.detailListSpell = []
-            this.parentCode = null
-            this.bhxjsl = 0
-            this.syxjsl = 0
-            this.packLayer = null
           })
           .catch(() => {
           });
+      } else {
+        this.loading = true;
 
-
-      },
-      spellBox() {
         const temp = JSON.parse(JSON.stringify(this.relFormData));
         temp.detailList = []
-        this.detailListSpell.forEach( item =>{
+        this.detailListSpell.forEach(item => {
           item.flag = 2
           temp.detailList.push(item)
         });
         this.relFormDatas.push(temp)
-        this.detailListSpell = []
-        this.relFormData.detailList = []
-        this.relFormData.batchNo = null
-        this.relFormData.madeDate = null
-        this.relFormData.validateDate = null
-        // console.log("拼凑箱子详情",this.relFormDatas)
-        this.inputDisabled = false
-      },
-      submit(val) {
-        if(this.detailList == null || this.detailList.length == 0){
-          this.$message.warning("请先录入关联码！");
-          return;
-        }
-        if (this.relFormData.batchNo == null) {
-          this.$message.warning("请输入批次号！");
-          return;
-        }
-        if (this.relFormData.madeDate == null) {
-          this.$message.warning("请选择生产日期！");
-          return;
-        }
-        if (this.relFormData.validateDate == null) {
-          this.$message.warning("请选择失效日期！");
-          return;
-        }
-
-        //增加数量是否完全判断
-        if( this.bhxjsl != this.syxjsl){
-          this.$confirm("该层级已录入数量与应录入数量不符, 是否继续提交?", "提示", {
-            confirmButtonText: "确定",
-            cancelButtonText: "取消",
-            type: "warning",
-          })
-            .then(() => {
-              this.loading = true;
-
-              const temp = JSON.parse(JSON.stringify(this.relFormData));
-              temp.detailList = []
-              this.detailListSpell.forEach( item =>{
-                item.flag = 2
-                temp.detailList.push(item)
-              });
-              this.relFormDatas.push(temp)
-
-              addRelCodeSpellBox(this.relFormDatas).then((response) => {
-                this.loading = false;
-                if (response.code === 20000) {
-                  this.$message.success("保存成功！");
-                  this.clearRel();
-                } else {
-                  this.$message.error(response.message);
-                }
-              })
-                .catch(() => {
-                  this.loading = false;
-                  this.clearRel();
-                });
-            })
-            .catch(() => {
-            });
-        }else {
-          this.loading = true;
-
-          const temp = JSON.parse(JSON.stringify(this.relFormData));
-          temp.detailList = []
-          this.detailListSpell.forEach( item =>{
-            item.flag = 2
-            temp.detailList.push(item)
-          });
-          this.relFormDatas.push(temp)
-
-          addRelCodeSpellBox(this.relFormDatas).then((response) => {
-            this.loading = false;
-            if (response.code === 20000) {
-              this.$message.success("保存成功！");
-              this.clearRel();
-            } else {
-              this.$message.error(response.message);
-            }
-          }).catch(() => {
-            this.loading = false;
-            this.clearRel();
-          });
-        }
-
 
-      },
-      // 刷新表单
-      resetForm() {
-        if (this.$refs["dataForm"]) {
-          // 清空验证信息表单
-          this.$refs["dataForm"].clearValidate();
-          // 刷新表单
-          this.$refs["dataForm"].resetFields();
-        }
-      },
-      enterKey(event) {
-        this.warnResult = "";
-        this.errResult = "";
-        this.result = "";
-        this.warnVisible = false;
-        this.errVisible = false;
-
-        this.checkSuccess = true;
-        this.codeFormData.code = this.scanCode.trim();
-        let tQuery = {
-          originCode: this.originCode,
-          code: this.codeFormData.code.trim(),
-        };
-        enterCodeWeb(tQuery).then((response) => {
+        addRelCodeSpellBox(this.relFormDatas).then((response) => {
+          this.loading = false;
           if (response.code === 20000) {
-            this.$refs.inputRef.focus();
-            this.$refs.inputRef.select();
-            this.isSuccess = true;
-            this.printCodeResult(response.data)
-            this.codeFormData.code = response.data.code;
-            this.scanCode = ""
-            this.addCode();
+            this.$message.success("保存成功！");
+            this.clearRel();
           } else {
-            if (response.code == 502) {
-              this.checkSuccess = false;
-              this.isSuccess = false;
-              this.scanCode = ""
-              this.printCodeResult(response.data)
-              this.codeFormData.code = response.data.code;
-              this.originCode = this.codeFormData.code;
-            } else if (response.code == 501) {
-              this.checkSuccess = false;
-              this.scanCode = ""
-              this.$message.error(response.message);
-            } else if (response.code == 503) {
-              this.checkSuccess = false;
-              this.isSuccess = false;
-              this.scanCode = ""
-              this.printCodeResult(response.data)
-              this.codeFormData.code = response.data.code;
-              this.$confirm(response.message, "提示", {
-                type: "warning",
-              })
-                .then(() => {
-                  this.codeFormData.code = response.data.code;
-                  this.addCode();
-                })
-                .catch(() => {
-                  this.codeFormData.code = response.data.code;
-                });
-            } else if (response.code == 508) {
-              this.scanCode = ""
-              this.originCode = "";
-              this.codeFormData.code = "01" + response.data.nameCode;
-              this.originCode = this.codeFormData.code;
-            } else {
-              this.$alert(response.message, "提示", {
-                confirmButtonText: "确定",
-                type: "warning",
-                closeOnClickModal: true,
-                callback: (action) => {
-                  this.$refs.inputRef.focus();
-                  this.$refs.inputRef.select();
-                },
-              });
-            }
+            this.$message.error(response.message);
           }
+        }).catch(() => {
           this.loading = false;
+          this.clearRel();
         });
+      }
 
-      },
-      printCodeResult(data, isSuccess) {
-        const resultParts = ["扫码解析结果：" + data.code];
-
-        if (data.udi) {
-          resultParts.push("层级标识: " + data.udi);
-        }
-        if (data.batchNo) {
-          resultParts.push("批次号: " + data.batchNo);
-        }
-        if (data.produceDate) {
-          resultParts.push("生产日期: " + data.produceDate);
-        }
-        if (data.expireDate) {
-          resultParts.push("失效日期: " + data.expireDate);
-        }
-        if (data.serialNo) {
-          resultParts.push("序列号: " + data.serialNo);
-        }
-        this.result = resultParts.join(" , ");
-      },
-      getInputFocus(event) {
-        event.currentTarget.select();
-      },
 
-      clearRel() {
-        this.relFormData = {
-          productCode: null,
-          subTypeNo: null,
-          cascadeRatio: null,
-          packageSpec: null,
-          comment: null,
-          batchNo: null,
-          madeDate: null,
-          validateDate: null,
-          workShop: null,
-          lineName: null,
-          lineManager: null,
-          packUnit: null,
-          cpmctymc:null,
-        }
-        this.scanCode = "";
-        this.result = "";
-        this.detailList = [];
-        this.detailListSpell = []
-        this.bhxjsl = 0;
-        this.syxjsl = 0;
-        this.parentCode = null;
-        this.inputDisabled = false
-        this.refreshCodesPanel()
-        if (this.closeCodeDialog != null){
-          this.closeCodeDialog()
-        }
-      },
-      init(){
-        if(this.orderQuery != null){
-          this.scanCode = this.orderQuery.code
-          // this.scanCode = "82015700010101701314"
-          this.enterKey();
-        }
+    },
+    // 刷新表单
+    resetForm() {
+      if (this.$refs["dataForm"]) {
+        // 清空验证信息表单
+        this.$refs["dataForm"].clearValidate();
+        // 刷新表单
+        this.$refs["dataForm"].resetFields();
       }
     },
-    filters: {},
-    mounted() {
-      document.body.ondrop = function (event) {
-        event.preventDefault();
-        event.stopPropagation();
+    enterKey(event) {
+      this.warnResult = "";
+      this.errResult = "";
+      this.result = "";
+      this.warnVisible = false;
+      this.errVisible = false;
+
+      this.checkSuccess = true;
+      this.codeFormData.code = this.scanCode.trim();
+      let tQuery = {
+        originCode: this.originCode,
+        code: this.codeFormData.code.trim(),
       };
-      var that = this;
-      var inputer = document.getElementById("inputer");
-      window.sc = new A.KeyScaner(inputer); //传入要监听的DOM节点
-      sc.onInput = function (text) {
-        if (text.includes("delete")) {
-          that.codeFormData.code = "";
-          that.sictomText = "";
-          that.originCode = "";
-          return;
-        }
-        if (that.sitcomScan) {
-          let tempTxt = text;
-          let str = tempTxt.replace(/[\r]/g, "");
-          that.sictomText = that.sictomText + str;
-          that.codeFormData.code = that.sictomText;
+      enterCodeWeb(tQuery).then((response) => {
+        if (response.code === 20000) {
+          this.$refs.inputRef.focus();
+          this.$refs.inputRef.select();
+          this.isSuccess = true;
+          this.printCodeResult(response.data)
+          this.codeFormData.code = response.data.code;
+          this.scanCode = ""
+          this.addCode();
         } else {
-          that.codeFormData.code = text;
+          if (response.code == 502) {
+            this.checkSuccess = false;
+            this.isSuccess = false;
+            this.scanCode = ""
+            this.printCodeResult(response.data)
+            this.codeFormData.code = response.data.code;
+            this.originCode = this.codeFormData.code;
+          } else if (response.code == 501) {
+            this.checkSuccess = false;
+            this.scanCode = ""
+            this.$message.error(response.message);
+          } else if (response.code == 503) {
+            this.checkSuccess = false;
+            this.isSuccess = false;
+            this.scanCode = ""
+            this.printCodeResult(response.data)
+            this.codeFormData.code = response.data.code;
+            this.$confirm(response.message, "提示", {
+              type: "warning",
+            })
+              .then(() => {
+                this.codeFormData.code = response.data.code;
+                this.addCode();
+              })
+              .catch(() => {
+                this.codeFormData.code = response.data.code;
+              });
+          } else if (response.code == 508) {
+            this.scanCode = ""
+            this.originCode = "";
+            this.codeFormData.code = "01" + response.data.nameCode;
+            this.originCode = this.codeFormData.code;
+          } else {
+            this.$alert(response.message, "提示", {
+              confirmButtonText: "确定",
+              type: "warning",
+              closeOnClickModal: true,
+              callback: (action) => {
+                this.$refs.inputRef.focus();
+                this.$refs.inputRef.select();
+              },
+            });
+          }
         }
-      };
-      inputer.focus();
-      this.$refs.inputRef.focus();
+        this.loading = false;
+      });
+
     },
-    beforeDestroy() {
+    printCodeResult(data, isSuccess) {
+      const resultParts = ["扫码解析结果：" + data.code];
 
+      if (data.udi) {
+        resultParts.push("层级标识: " + data.udi);
+      }
+      if (data.batchNo) {
+        resultParts.push("批次号: " + data.batchNo);
+      }
+      if (data.produceDate) {
+        resultParts.push("生产日期: " + data.produceDate);
+      }
+      if (data.expireDate) {
+        resultParts.push("失效日期: " + data.expireDate);
+      }
+      if (data.serialNo) {
+        resultParts.push("序列号: " + data.serialNo);
+      }
+      this.result = resultParts.join(" , ");
     },
-    created() {
-      this.init();
+    getInputFocus(event) {
+      event.currentTarget.select();
     },
-  };
-  </script>
-
-
-  <style scoped>
-  .scroll-alert {
-    width: 100%; /* 或者你需要的宽度 */
-    overflow: hidden;
-    white-space: nowrap;
-    box-sizing: border-box;
-    /*border: 1px solid #f56c6c; !* 类似于 Element UI 警告框的边框 *!*/
-    background-color: rgba(255, 235, 59, 0.1); /* 类似于 Element UI 警告框的背景色 */
-    padding: 10px;
-    position: relative;
-  }
-
-  .scroll-text {
-    display: inline-block;
-    padding-left: 100%; /* 初始位置在容器右侧 */
-    animation: scroll 10s linear infinite; /* 滚动动画 */
-  }
 
-  @keyframes scroll {
-    from {
-      transform: translateX(0);
-    }
-    to {
-      transform: translateX(-100%);
+    clearRel() {
+      this.relFormData = {
+        productCode: null,
+        subTypeNo: null,
+        cascadeRatio: null,
+        packageSpec: null,
+        comment: null,
+        batchNo: null,
+        madeDate: null,
+        validateDate: null,
+        workShop: null,
+        lineName: null,
+        lineManager: null,
+        packUnit: null,
+        cpmctymc: null,
+      }
+      this.scanCode = "";
+      this.result = "";
+      this.detailList = [];
+      this.detailListSpell = []
+      this.bhxjsl = 0;
+      this.syxjsl = 0;
+      this.parentCode = null;
+      this.inputDisabled = false
+      this.refreshCodesPanel()
+      if (this.closeCodeDialog != null) {
+        this.closeCodeDialog()
+      }
+    },
+    init() {
+      if (this.orderQuery != null) {
+        this.scanCode = this.orderQuery.code
+        // this.scanCode = "82015700010101701314"
+        this.enterKey();
+      }
     }
+  },
+  filters: {},
+  mounted() {
+    document.body.ondrop = function (event) {
+      event.preventDefault();
+      event.stopPropagation();
+    };
+    var that = this;
+    var inputer = document.getElementById("inputer");
+    window.sc = new A.KeyScaner(inputer); //传入要监听的DOM节点
+    sc.onInput = function (text) {
+      if (text.includes("delete")) {
+        that.codeFormData.code = "";
+        that.sictomText = "";
+        that.originCode = "";
+        return;
+      }
+      if (that.sitcomScan) {
+        let tempTxt = text;
+        let str = tempTxt.replace(/[\r]/g, "");
+        that.sictomText = that.sictomText + str;
+        that.codeFormData.code = that.sictomText;
+      } else {
+        that.codeFormData.code = text;
+      }
+    };
+    inputer.focus();
+    this.$refs.inputRef.focus();
+  },
+  beforeDestroy() {
+
+  },
+  created() {
+    this.init();
+  },
+};
+</script>
+
+
+<style scoped>
+.scroll-alert {
+  width: 100%; /* 或者你需要的宽度 */
+  overflow: hidden;
+  white-space: nowrap;
+  box-sizing: border-box;
+  /*border: 1px solid #f56c6c; !* 类似于 Element UI 警告框的边框 *!*/
+  background-color: rgba(255, 235, 59, 0.1); /* 类似于 Element UI 警告框的背景色 */
+  padding: 10px;
+  position: relative;
+}
+
+.scroll-text {
+  display: inline-block;
+  padding-left: 100%; /* 初始位置在容器右侧 */
+  animation: scroll 10s linear infinite; /* 滚动动画 */
+}
+
+@keyframes scroll {
+  from {
+    transform: translateX(0);
   }
-
-  .query-form-item {
-    margin-right: 5px;
-    margin-bottom: 6px;
-  }
-
-  #inputer {
-    width: 100%;
-    min-height: 30px;
-    background-color: white;
-    border: #d0d0d0;
-    border-style: solid;
-    border-width: 0.1px;
-    color: #4a4a4a;
-  }
-
-  #inputer:focus {
-    width: 100%;
-    min-height: 30px;
-    background-color: white;
-    border: #0080ff;
-    border-style: solid;
-    border-width: 0.1px;
-    color: #4a4a4a;
-  }
-
-  .ime-disabled {
-    ime-mode: disabled;
-  }
-
-  .result-display {
-    border: 2px solid #ccc; /* 默认外框颜色 */
-    border-radius: 10px;
-    margin-top: 5px;
-    margin-left: 15px;
-    margin-right: 25px;
-    padding-left: 25px;
-    /* 不设置背景颜色 */
-  }
-
-  .result-success {
-    border-color: #4CAF50; /* 成功时外框颜色 */
-  }
-
-  .result-failure {
-    border-color: #0080ff; /* 失败时外框颜色 */
-  }
-
-  .result-text {
-    height: 18px;
-    /* 你可以在这里设置默认的文本颜色或其他样式 */
-  }
-
-  .result-text-success {
-    color: #4CAF50; /* 成功时文本颜色 */
-    font-size: 14px;
-  }
-
-  .result-text-failure {
-    color: #0080ff; /* 失败时文本颜色 */
-    font-size: 14px;
-  }
-
-  .mar-left {
-    margin-left: 20px;
+  to {
+    transform: translateX(-100%);
   }
-  </style>
+}
+
+.query-form-item {
+  margin-right: 5px;
+  margin-bottom: 6px;
+}
+
+#inputer {
+  width: 100%;
+  min-height: 30px;
+  background-color: white;
+  border: #d0d0d0;
+  border-style: solid;
+  border-width: 0.1px;
+  color: #4a4a4a;
+}
+
+#inputer:focus {
+  width: 100%;
+  min-height: 30px;
+  background-color: white;
+  border: #0080ff;
+  border-style: solid;
+  border-width: 0.1px;
+  color: #4a4a4a;
+}
+
+.ime-disabled {
+  ime-mode: disabled;
+}
+
+.result-display {
+  border: 2px solid #ccc; /* 默认外框颜色 */
+  border-radius: 10px;
+  margin-top: 5px;
+  margin-left: 15px;
+  margin-right: 25px;
+  padding-left: 25px;
+  /* 不设置背景颜色 */
+}
+
+.result-success {
+  border-color: #4CAF50; /* 成功时外框颜色 */
+}
+
+.result-failure {
+  border-color: #0080ff; /* 失败时外框颜色 */
+}
+
+.result-text {
+  height: 18px;
+  /* 你可以在这里设置默认的文本颜色或其他样式 */
+}
+
+.result-text-success {
+  color: #4CAF50; /* 成功时文本颜色 */
+  font-size: 14px;
+}
+
+.result-text-failure {
+  color: #0080ff; /* 失败时文本颜色 */
+  font-size: 14px;
+}
+
+.mar-left {
+  margin-left: 20px;
+}
+</style>