From 3cc2940116d12e5bcabf71b80a51b36c3e839747 Mon Sep 17 00:00:00 2001
From: anthonywj <yewenjie20@vip.qq.com>
Date: Fri, 2 Aug 2024 10:27:41 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8B=86=E9=9B=B6=E5=87=BA=E5=BA=93=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=EF=BC=8C=E9=80=80=E5=9B=9E=EF=BC=8C=E6=9F=A5=E8=AF=A2?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/inout/split/IoSplitFinishCode.vue   | 1229 +++++++++++++++++
 .../inout/{ => split}/IoSplitScanCode.vue     |  382 +++--
 2 files changed, 1458 insertions(+), 153 deletions(-)
 create mode 100644 src/views/inout/split/IoSplitFinishCode.vue
 rename src/views/inout/{ => split}/IoSplitScanCode.vue (69%)

diff --git a/src/views/inout/split/IoSplitFinishCode.vue b/src/views/inout/split/IoSplitFinishCode.vue
new file mode 100644
index 00000000..b039753b
--- /dev/null
+++ b/src/views/inout/split/IoSplitFinishCode.vue
@@ -0,0 +1,1229 @@
+<template>
+  <div>
+    <el-card class="el-card">
+      <el-form v-if="queryList && queryList.length > 0 && showSearch" :model="filterQuery" class="query-form"
+               size="mini" label-width="100px">
+        <el-row style=" display:flex;  flex-wrap: wrap; ">
+          <template v-for="(item, index) in queryList">
+            <el-form-item v-if="item.columnType == 'input' && executeEval(row,item.expression,true)"
+                          class="query-form-item"
+                          :label="item.columnDesc+`:`" :key="item.id">
+              <el-input
+                v-model="filterQuery[item.columnName]"
+                :placeholder="item.columnDesc"
+                :disabled="executeEval(null,item.disabledFuc,false)"
+                @keyup.enter.native="executeFuc($event,'5',item.clickFuc)"
+                clearable
+              ></el-input>
+            </el-form-item>
+            <el-form-item v-if="item.columnType == 'select' && executeEval(row,item.expression,true)"
+                          class="query-form-item"
+                          :label="item.columnDesc+`:`">
+              <el-select v-model="filterQuery[item.columnName]"
+                         :placeholder="item.columnDesc"
+                         :disabled="executeEval(null,item.disabledFuc,false)"
+                         clearable>
+                <el-option
+                  v-for="dict in item.lableRuleObj"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item v-if="item.columnType == 'selectServer' && executeEval(row,item.expression,true)"
+                          class="query-form-item"
+                          :label="item.columnDesc+`:`">
+              <el-select
+                v-model="filterQuery[item.columnName]"
+                :placeholder="item.columnDesc"
+                @change="executeFuc($event,'5',item.checkRules)"
+                :disabled="executeEval(null,item.disabledFuc,false)"
+                filterable
+                remote
+                :remote-method="(query) => executeFuc(query,'5',item.clickFuc)"
+                clearable>
+                <el-option
+                  v-for="item in options[item.clickFuc]"
+                  :key="item.code"
+                  :label="item.label"
+                  :value="item.code"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item v-if="item.columnType == 'datePicker' && executeEval(row,item.expression,true)"
+                          class="query-form-item"
+                          :label="item.columnDesc+`:`">
+              <el-date-picker
+                :picker-options="pickerOptions"
+                v-model="actDateRange"
+                type="daterange"
+                format="yyyy 年 MM 月 dd 日"
+                value-format="yyyy-MM-dd"
+                range-separator="至"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期"
+              ></el-date-picker>
+            </el-form-item>
+            <el-form-item v-if="item.columnType == 'date' && executeEval(row,item.expression,true)"
+                          class="query-form-item"
+                          :label="item.columnDesc+`:`">
+              <el-date-picker
+                v-model="filterQuery[item.columnName]"
+                :style="`width:${item.width+'px'}`"
+                value-format="yyyy-MM-dd"
+                :disabled="executeEval(null,item.disabledFuc,false)"
+                type="date"
+                :placeholder="item.columnDesc"
+              ></el-date-picker>
+            </el-form-item>
+          </template>
+        </el-row>
+      </el-form>
+      <div class="top-right-btn">
+        <el-button-group>
+          <el-button icon="el-icon-view" type="primary" @click="hideSearch">显示/隐藏搜索栏</el-button>
+          <el-button
+            type="primary"
+            icon="el-icon-refresh"
+            @click="onReset"
+          >重置
+          </el-button>
+          <el-button type="primary" icon="el-icon-search" @click="onSubmit"
+          >查询
+          </el-button
+          >
+        </el-button-group>
+      </div>
+      <el-divider style="margin: 15px"></el-divider>
+      <el-table v-loading="loading" :data="list" style="width: 100%" highlight-current-row
+                border :default-sort="defaultSort"
+                :row-style="{ height: '32px' }"
+                @row-click="(row) => executeFuc(row,'0',tableObj.handleChangeFuc)"
+                @sort-change="handleSortChange"
+      >
+
+        <el-table-column label="操作" width="100" fixed="right" v-if="splitType!='search'">
+          <template slot-scope="scope">
+            <el-button
+              type="text"
+              size="small"
+              @click.native.stop="editOrder(scope.row)"
+            >编辑
+            </el-button
+            >
+            <el-button
+              type="text"
+              size="small"
+              @click.native.stop="deleteDialog(scope.row)"
+            >删除
+            </el-button
+            >
+          </template>
+        </el-table-column>
+        <template v-for="(item, index) in tableHeader">
+          <el-table-column
+            v-if="item.columnType == 'id' && executeEval(row,item.expression,true)"
+            type="index" :label="item.columnDesc"></el-table-column>
+          <el-table-column
+            v-if="item.columnType == 'selection'"
+            type="selection"
+            :width="item.width"
+            :selectable="(row,number) => executeFuc(row,'3',item.clickFuc)"
+          ></el-table-column>
+
+          <el-table-column
+            v-if="item.columnType == 'radio' && executeEval(row,item.expression,true)"
+            :prop="item.columnName"
+            :label="item.columnDesc"
+            :sortable="item.sort"
+            :width="item.width"
+            :show-overflow-tooltip="item.tooltip"
+            :key="item.columnName"
+          >
+            <template slot-scope="scope">
+              <el-radio :label="scope.row.id" v-model="radioCheck"><span></span></el-radio>
+            </template>
+          </el-table-column>
+          <el-table-column
+            v-if="item.columnType == 'laber' && executeEval(row,item.expression,true)"
+            :prop="item.columnName"
+            :label="item.columnDesc"
+            :sortable="item.sort"
+            :width="item.width"
+            :show-overflow-tooltip="item.tooltip"
+            :key="item.columnName"
+          >
+            <template slot-scope="scope">
+              <span :style="{color: executeFuc(scope.row,'4',item.lableRuleObj[scope.row[item.columnName]])}">{{
+                  item.lableRuleObj[scope.row[item.columnName]]
+                }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            v-if="item.columnType == 'eltag' && executeEval(row,item.expression,true)"
+            :prop="item.columnName"
+            :label="item.columnDesc"
+            :sortable="item.sort"
+            :width="item.width"
+            :show-overflow-tooltip="item.tooltip"
+            :key="item.columnName"
+          >
+            <template slot-scope="scope">
+              <el-tag
+                :type="executeFuc(scope.row,'4',item,item.lableRuleObj?item.lableRuleObj[scope.row[item.columnName]]:scope.row[item.columnName])">
+                <span>{{
+                    item.lableRuleObj ? item.lableRuleObj[scope.row[item.columnName]] : scope.row[item.columnName]
+                  }}</span>
+              </el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column
+            v-if="item.columnType == 'button' && executeEval(row,item.expression,true)"
+            :prop="item.columnName"
+            :label="item.columnDesc"
+            :width="item.width"
+            :key="item.columnName"
+            fixed="right"
+          >
+            <template slot-scope="scope">
+              <el-button v-for="(buttonItem, buttonIndex) in item.buttonRulObj"
+                         :type="buttonItem.type"
+                         :size="buttonItem.size"
+                         :style="buttonItem.style"
+                         :key="buttonItem"
+                         v-if="executeEval(scope.row,buttonItem.hasPermi,true)"
+                         :disabled="executeEval(scope.row,buttonItem.disabledFuc,false)"
+                         @click.native.stop="executeFuc(scope.row,'1',buttonItem.clickFuc)"
+              >{{ buttonItem.name }}
+              </el-button>
+            </template>
+          </el-table-column>
+          <el-table-column
+            v-if="item.columnType == 'text' && executeEval(row,item.expression,true)"
+            :prop="item.columnName"
+            :label="item.columnDesc"
+            :sortable="item.sort"
+            :width="item.width"
+            :show-overflow-tooltip="item.tooltip"
+            :key="item.columnName"
+          >
+            <template slot-scope="scope">
+              <span :style="{color: executeFuc(scope.row,'4',item,scope.row[item.columnName])}">{{
+                  scope.row[item.columnName]
+                }}</span>
+            </template>
+          </el-table-column>
+        </template>
+      </el-table>
+      <el-dialog
+        :title="titleMap[title]"
+        :visible.sync="addOrderVisible"
+        width="85%"
+        append-to-body
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        v-if="addOrderVisible"
+        @close='closeDialog'
+      >
+        <addOrder
+          :closeDialog="closeDialog"
+          :orderQuery="idQuery"
+          :splitBusType="splitBusType"
+          :viewType="viewType"
+        ></addOrder>
+      </el-dialog>
+      <el-dialog
+        title="异常扫码单"
+        :visible.sync="errOrderVisible"
+        width="85%"
+        append-to-body
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        v-if="errOrderVisible"
+        @close='closeDialog'
+      >
+        <err-order
+        ></err-order>
+      </el-dialog>
+      <pagination
+        v-show="total>0"
+        :total="total"
+        :page.sync="filterQuery.page"
+        :limit.sync="filterQuery.limit"
+        @pagination="getList"
+      />
+    </el-card>
+
+
+    <el-tabs type="border-card" style="margin: 15px">
+      <el-tab-pane>
+        <span slot="label">单据 {{ currentRow.billNo }}-单据详情</span>
+        <el-form :inline="true" :model="bizQuery" class="query-form" size="mini">
+          <el-row style=" display:flex;  flex-wrap: wrap; ">
+            <template v-for="(item, index) in queryList2">
+              <el-form-item v-if="item.columnType == 'input' && executeEval(row,item.expression,true)"
+                            :label="item.columnDesc+`:`" :key="item.id">
+                <el-input
+                  v-model="bizQuery[item.columnName]"
+                  :placeholder="item.columnDesc"
+                  :disabled="executeEval(null,item.disabledFuc,false)"
+                  @keyup.enter.native="executeFuc($event,'5',item.clickFuc)"
+                  clearable
+                ></el-input>
+              </el-form-item>
+              <el-form-item v-if="item.columnType == 'select' && executeEval(row,item.expression,true)"
+                            :label="item.columnDesc+`:`">
+                <el-select v-model="bizQuery[item.columnName]"
+                           :placeholder="item.columnDesc"
+                           :disabled="executeEval(null,item.disabledFuc,false)"
+                           clearable>
+                  <el-option
+                    v-for="dict in item.lableRuleObj"
+                    :key="dict.value"
+                    :label="dict.label"
+                    :value="dict.value"
+                  />
+                </el-select>
+              </el-form-item>
+              <el-form-item v-if="item.columnType == 'selectServer' && executeEval(row,item.expression,true)"
+                            :label="item.columnDesc+`:`">
+                <el-select
+                  v-model="bizQuery[item.columnName]"
+                  :placeholder="item.columnDesc"
+                  @change="executeFuc($event,'5',item.checkRules)"
+                  :disabled="executeEval(null,item.disabledFuc,false)"
+                  filterable
+                  remote
+                  :remote-method="(query) => executeFuc(query,'5',item.clickFuc)"
+                  clearable>
+                  <el-option
+                    v-for="item in options[item.clickFuc]"
+                    :key="item.code"
+                    :label="item.label"
+                    :value="item.code"
+                  />
+                </el-select>
+              </el-form-item>
+              <el-form-item v-if="item.columnType == 'datePicker' && executeEval(row,item.expression,true)"
+                            :label="item.columnDesc+`:`">
+                <el-date-picker
+                  :picker-options="pickerOptions"
+                  v-model="actDateRange"
+                  type="daterange"
+                  format="yyyy 年 MM 月 dd 日"
+                  value-format="yyyy-MM-dd"
+                  range-separator="至"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期"
+                ></el-date-picker>
+              </el-form-item>
+              <el-form-item v-if="item.columnType == 'date' && executeEval(row,item.expression,true)"
+                            :label="item.columnDesc+`:`">
+                <el-date-picker
+                  v-model="bizQuery[item.columnName]"
+                  :style="`width:${item.width+'px'}`"
+                  value-format="yyyy-MM-dd"
+                  :disabled="executeEval(null,item.disabledFuc,false)"
+                  type="date"
+                  :placeholder="item.columnDesc"
+                ></el-date-picker>
+              </el-form-item>
+            </template>
+            <el-form-item>
+              <el-button-group>
+                <el-button
+                  type="primary"
+                  icon="el-icon-refresh"
+                  @click="onBizReset"
+                >重置
+                </el-button>
+                <el-button type="primary" @click="onBizSubmit"
+                           icon="el-icon-search"
+                >查询
+                </el-button>
+              </el-button-group>
+            </el-form-item>
+          </el-row>
+
+
+        </el-form>
+
+        <el-table v-loading="bizDetailLoading" :data="codeDetailList" style="width: 100%" border
+                  row-key="id"
+        >
+          <template v-for="(item, index) in tableHeader2">
+            <el-table-column
+              v-if="item.columnType == 'id' && executeEval(row,item.expression,true)"
+              type="index" :label="item.columnDesc"></el-table-column>
+            <el-table-column
+              v-if="item.columnType == 'selection'"
+              type="selection"
+              :width="item.width"
+              :selectable="(row,number) => executeFuc(row,'3',item.clickFuc)"
+            ></el-table-column>
+
+            <el-table-column
+              v-if="item.columnType == 'radio' && executeEval(row,item.expression,true)"
+              :prop="item.columnName"
+              :label="item.columnDesc"
+              :sortable="item.sort"
+              :width="item.width"
+              :show-overflow-tooltip="item.tooltip"
+              :key="item.columnName"
+            >
+              <template slot-scope="scope">
+                <el-radio :label="scope.row.id" v-model="radioCheck"><span></span></el-radio>
+              </template>
+            </el-table-column>
+            <el-table-column
+              v-if="item.columnType == 'laber' && executeEval(row,item.expression,true)"
+              :prop="item.columnName"
+              :label="item.columnDesc"
+              :sortable="item.sort"
+              :width="item.width"
+              :show-overflow-tooltip="item.tooltip"
+              :key="item.columnName"
+            >
+              <template slot-scope="scope">
+                <span :style="{color: executeFuc(scope.row,'4',item.lableRuleObj[scope.row[item.columnName]])}">{{
+                    item.lableRuleObj[scope.row[item.columnName]]
+                  }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column
+              v-if="item.columnType == 'eltag' && executeEval(row,item.expression,true)"
+              :prop="item.columnName"
+              :label="item.columnDesc"
+              :sortable="item.sort"
+              :width="item.width"
+              :show-overflow-tooltip="item.tooltip"
+              :key="item.columnName"
+            >
+              <template slot-scope="scope">
+                <el-tag
+                  :type="executeFuc(scope.row,'4',item,item.lableRuleObj?item.lableRuleObj[scope.row[item.columnName]]:scope.row[item.columnName])">
+                  <span>{{
+                      item.lableRuleObj ? item.lableRuleObj[scope.row[item.columnName]] : scope.row[item.columnName]
+                    }}</span>
+                </el-tag>
+              </template>
+            </el-table-column>
+            <el-table-column
+              v-if="item.columnType == 'button' && executeEval(row,item.expression,true)"
+              :prop="item.columnName"
+              :label="item.columnDesc"
+              :width="item.width"
+              :key="item.columnName"
+              fixed="right"
+            >
+              <template slot-scope="scope">
+                <el-button v-for="(buttonItem, buttonIndex) in item.buttonRulObj"
+                           :type="buttonItem.type"
+                           :size="buttonItem.size"
+                           :style="buttonItem.style"
+                           :key="buttonItem"
+                           v-if="executeEval(scope.row,buttonItem.hasPermi,true)"
+                           :disabled="executeEval(scope.row,buttonItem.disabledFuc,false)"
+                           @click.native.stop="executeFuc(scope.row,'1',buttonItem.clickFuc)"
+                >{{ buttonItem.name }}
+                </el-button>
+              </template>
+            </el-table-column>
+            <el-table-column
+              v-if="item.columnType == 'text' && executeEval(row,item.expression,true)"
+              :prop="item.columnName"
+              :label="item.columnDesc"
+              :sortable="item.sort"
+              :width="item.width"
+              :show-overflow-tooltip="item.tooltip"
+              :key="item.columnName"
+            >
+              <template slot-scope="scope">
+                <span :style="{color: executeFuc(scope.row,'4',item,scope.row[item.columnName])}">{{
+                    scope.row[item.columnName]
+                  }}</span>
+              </template>
+            </el-table-column>
+          </template>
+        </el-table>
+        <!--        <pagination-->
+        <!--          v-show="bizTotal>0"-->
+        <!--          :total="bizTotal"-->
+        <!--          :page.sync="bizQuery.page"-->
+        <!--          :limit.sync="bizQuery.limit"-->
+        <!--          @pagination="getBizDetailList"-->
+        <!--        />-->
+      </el-tab-pane>
+
+      <!--单据扫码明细-->
+      <el-tab-pane>
+        <span slot="label">单据 {{ currentRow.billNo }}-扫码明细</span>
+        <el-form v-if="queryList4 && queryList4.length > 0" :inline="true" :model="resultQuery" class="query-form"
+                 size="mini">
+          <!--          <el-form-item class="query-form-item" label="UDI码:">-->
+          <!--            <el-input-->
+          <!--              v-model="resultQuery.code"-->
+          <!--              placeholder="请输入UDI码"-->
+          <!--              clearable-->
+          <!--            >-->
+          <!--            </el-input>-->
+          <!--          </el-form-item>-->
+          <el-row style=" display:flex;  flex-wrap: wrap; ">
+            <template v-for="(item, index) in queryList4">
+              <el-form-item v-if="item.columnType == 'input' && executeEval(row,item.expression,true)"
+                            :label="item.columnDesc+`:`" :key="item.id">
+                <el-input
+                  v-model="resultQuery[item.columnName]"
+                  :placeholder="item.columnDesc"
+                  :disabled="executeEval(null,item.disabledFuc,false)"
+                  @keyup.enter.native="executeFuc($event,'5',item.clickFuc)"
+                  clearable
+                ></el-input>
+              </el-form-item>
+              <el-form-item v-if="item.columnType == 'select' && executeEval(row,item.expression,true)"
+                            :label="item.columnDesc+`:`">
+                <el-select v-model="resultQuery[item.columnName]"
+                           :placeholder="item.columnDesc"
+                           :disabled="executeEval(null,item.disabledFuc,false)"
+                           clearable>
+                  <el-option
+                    v-for="dict in item.lableRuleObj"
+                    :key="dict.value"
+                    :label="dict.label"
+                    :value="dict.value"
+                  />
+                </el-select>
+              </el-form-item>
+              <el-form-item v-if="item.columnType == 'selectServer' && executeEval(row,item.expression,true)"
+                            :label="item.columnDesc+`:`">
+                <el-select
+                  v-model="resultQuery[item.columnName]"
+                  :placeholder="item.columnDesc"
+                  @change="executeFuc($event,'5',item.checkRules)"
+                  :disabled="executeEval(null,item.disabledFuc,false)"
+                  filterable
+                  remote
+                  :remote-method="(query) => executeFuc(query,'5',item.clickFuc)"
+                  clearable>
+                  <el-option
+                    v-for="item in options[item.clickFuc]"
+                    :key="item.code"
+                    :label="item.label"
+                    :value="item.code"
+                  />
+                </el-select>
+              </el-form-item>
+              <el-form-item v-if="item.columnType == 'datePicker' && executeEval(row,item.expression,true)"
+                            :label="item.columnDesc+`:`">
+                <el-date-picker
+                  :picker-options="pickerOptions"
+                  v-model="actDateRange"
+                  type="daterange"
+                  format="yyyy 年 MM 月 dd 日"
+                  value-format="yyyy-MM-dd"
+                  range-separator="至"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期"
+                ></el-date-picker>
+              </el-form-item>
+              <el-form-item v-if="item.columnType == 'date' && executeEval(row,item.expression,true)"
+                            :label="item.columnDesc+`:`">
+                <el-date-picker
+                  v-model="resultQuery[item.columnName]"
+                  :style="`width:${item.width+'px'}`"
+                  value-format="yyyy-MM-dd"
+                  :disabled="executeEval(null,item.disabledFuc,false)"
+                  type="date"
+                  :placeholder="item.columnDesc"
+                ></el-date-picker>
+              </el-form-item>
+            </template>
+            <el-form-item>
+              <el-button-group>
+                <el-button
+                  type="primary"
+                  icon="el-icon-refresh"
+                  @click="onResultReset"
+                >重置
+                </el-button>
+                <el-button type="primary" @click="onResultSubmit"
+                           icon="el-icon-search"
+                >查询
+                </el-button
+                >
+              </el-button-group>
+            </el-form-item>
+          </el-row>
+
+        </el-form>
+
+        <el-table v-loading="resultDetailLoading" :data="resultDetailList" style="width: 100%" border
+                  row-key="id"
+        >
+          <template v-for="(item, index) in tableHeader4">
+            <el-table-column
+              v-if="item.columnType == 'id' && executeEval(row,item.expression,true)"
+              type="index" :label="item.columnDesc"></el-table-column>
+            <el-table-column
+              v-if="item.columnType == 'selection'"
+              type="selection"
+              :width="item.width"
+              :selectable="(row,number) => executeFuc(row,'3',item.clickFuc)"
+            ></el-table-column>
+
+            <el-table-column
+              v-if="item.columnType == 'radio' && executeEval(row,item.expression,true)"
+              :prop="item.columnName"
+              :label="item.columnDesc"
+              :sortable="item.sort"
+              :width="item.width"
+              :show-overflow-tooltip="item.tooltip"
+              :key="item.columnName"
+            >
+              <template slot-scope="scope">
+                <el-radio :label="scope.row.id" v-model="radioCheck"><span></span></el-radio>
+              </template>
+            </el-table-column>
+            <el-table-column
+              v-if="item.columnType == 'laber' && executeEval(row,item.expression,true)"
+              :prop="item.columnName"
+              :label="item.columnDesc"
+              :sortable="item.sort"
+              :width="item.width"
+              :show-overflow-tooltip="item.tooltip"
+              :key="item.columnName"
+            >
+              <template slot-scope="scope">
+                <span :style="{color: executeFuc(scope.row,'4',item.lableRuleObj[scope.row[item.columnName]])}">{{
+                    item.lableRuleObj[scope.row[item.columnName]]
+                  }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column
+              v-if="item.columnType == 'eltag' && executeEval(row,item.expression,true)"
+              :prop="item.columnName"
+              :label="item.columnDesc"
+              :sortable="item.sort"
+              :width="item.width"
+              :show-overflow-tooltip="item.tooltip"
+              :key="item.columnName"
+            >
+              <template slot-scope="scope">
+                <el-tag
+                  :type="executeFuc(scope.row,'4',item,item.lableRuleObj?item.lableRuleObj[scope.row[item.columnName]]:scope.row[item.columnName])">
+                  <span>{{
+                      item.lableRuleObj ? item.lableRuleObj[scope.row[item.columnName]] : scope.row[item.columnName]
+                    }}</span>
+                </el-tag>
+              </template>
+            </el-table-column>
+            <el-table-column
+              v-if="item.columnType == 'button' && executeEval(row,item.expression,true)"
+              :prop="item.columnName"
+              :label="item.columnDesc"
+              :width="item.width"
+              :key="item.columnName"
+              fixed="right"
+            >
+              <template slot-scope="scope">
+                <el-button v-for="(buttonItem, buttonIndex) in item.buttonRulObj"
+                           :type="buttonItem.type"
+                           :size="buttonItem.size"
+                           :style="buttonItem.style"
+                           :key="buttonItem"
+                           v-if="executeEval(scope.row,buttonItem.hasPermi,true)"
+                           :disabled="executeEval(scope.row,buttonItem.disabledFuc,false)"
+                           @click.native.stop="executeFuc(scope.row,'1',buttonItem.clickFuc)"
+                >{{ buttonItem.name }}
+                </el-button>
+              </template>
+            </el-table-column>
+            <el-table-column
+              v-if="item.columnType == 'text' && executeEval(row,item.expression,true)"
+              :prop="item.columnName"
+              :label="item.columnDesc"
+              :sortable="item.sort"
+              :width="item.width"
+              :show-overflow-tooltip="item.tooltip"
+              :key="item.columnName"
+            >
+              <template slot-scope="scope">
+                <span :style="{color: executeFuc(scope.row,'4',item,scope.row[item.columnName])}">{{
+                    scope.row[item.columnName]
+                  }}</span>
+              </template>
+            </el-table-column>
+          </template>
+        </el-table>
+        <pagination
+          v-show="resultTotal>0"
+          :total="resultTotal"
+          :page.sync="resultQuery.page"
+          :limit.sync="resultQuery.limit"
+          @pagination="getCodeList"
+        />
+      </el-tab-pane>
+    </el-tabs>
+
+  </div>
+</template>
+
+<script>
+import {
+  deleteByOrderId,
+  getOrderList, submitCodes
+} from "@/api/inout/order";
+import addOrder from "@/views/inout/DialogCreateOrder";
+import errOrder from "@/views/inout/IoCreateErrorOrder";
+import {getInvListByUserOptimize} from "@/api/system/invWarehouse";
+import {getLocalJoinByUserOptimize} from "@/api/basic/busType";
+import {selectSysParamByKey} from "@/api/param/systemParamConfig";
+import {getCorrespondence} from "@/api/basic/basicUnitMaintain";
+import {
+  getHead, executeFuc
+} from "@/utils/customConfig";
+import {convertDate} from "@/utils/date";
+import {isBlank} from "@/utils/strUtil";
+import {getBizDetailList} from "@/api/inout/orderDetailBiz";
+import {getCodeList} from "@/api/inout/code";
+
+export default {
+  name: "IoSplitScanCode",
+  data() {
+    return {
+
+      //界面配置---------------------
+      tableObj: [],
+      queryList: [],
+      tableHeader: [],
+      fromList: [],
+
+      tableObj2: [],
+      queryList2: [],
+      tableHeader2: [],
+      fromList2: [],
+
+      tableObj4: [],
+      queryList4: [],
+      tableHeader4: [],
+      fromList4: [],
+      convertDateFun: convertDate,
+      defaultSort: {prop: 'createTime', order: 'desc'},
+      options: {
+        getInvList: [],
+        getDeptList: [],
+        getBusType: [],
+      },
+      //界面配置---------------------end
+
+      total: 0,
+      radioCheck: false,
+      currentRow: {},
+      showSearch: true,
+      titleMap: {
+        add: "新增单据",
+        edit: "编辑单据",
+      },
+      title: "add",
+      filterQuery: {
+        id: "",
+        billNo: null,
+        mainAction: null,
+        action: null,
+        statusType: "scan_code",
+        page: 1,
+        limit: 10,
+        startTime: null,
+        endTime: null,
+        keyWords: null,
+        invCode: this.$store.getters.locInvCode,
+        vueType: null,
+      },
+      fromOptions: [],
+      checkStatus: {
+        1: "草稿",
+        2: "等待处理",
+        3: "等待校验",
+        4: "处理异常",
+        5: "校验成功",
+        6: "校验异常",
+        7: "已审核",
+        8: "审核拒绝",
+        9: "正在处理", 10: "待审核", 11: "待配货",
+      },
+      curIndex: "",
+      idQuery: {},
+      storageList: [],
+      invList: [],
+      list: [],
+      addOrderVisible: false,
+      errOrderVisible: false,
+      loading: false,
+      index: null,
+      formName: null,
+      errorDetail: "",
+      formMap: {
+        add: "新增",
+        edit: "编辑",
+      },
+      enableDept: false,
+      splitBusType: "SC72197936495755",
+      fromTypeMap: {
+        "1": "UDIMS平台",
+        "2": "网页新增",
+        "3": "pda即时校验",
+        "4": "pda未校验",
+        "5": "pc端扫码精灵",
+        "6": "流转自动补单",
+        "7": "UDI供应商平台",
+        "8": "平衡补录单据",
+        "10": "手动补单",
+        "11": "仓库盘点",
+        "12": "采购计划",
+        "13": "领用单据",
+        "14": "第三方系统单据",
+      },
+      deleteData: {
+        billNo: "",
+        status: 10,
+      },
+      dialogTableVisible: false,
+      formLoading: false,
+      deleteLoading: false,
+      busTypes: [],
+      actDateRange: [],
+      pickerOptions: {
+        shortcuts: [
+          {
+            text: "最近一周",
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+              picker.$emit("pick", [start, end]);
+            },
+          },
+          {
+            text: "最近一个月",
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+              picker.$emit("pick", [start, end]);
+            },
+          },
+          {
+            text: "最近三个月",
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+              picker.$emit("pick", [start, end]);
+            },
+          },
+        ],
+      },
+      viewType: 2,
+      bizQuery: {
+        productName: null,
+        orderIdFk: null,
+        page: 1,
+        limit: 10
+      },
+      bizTotal: 0,
+      bizDetailLoading: false,
+      bizDetailList: [],
+      codeQuery: {
+        orderIdFk: null,
+        page: 1,
+        limit: 10
+      },
+      codeTotal: 0,
+      codeDetailLoading: false,
+      codeDetailList: [],
+      resultQuery: {
+        orderId: null,
+        code: null,
+        page: 1,
+        limit: 10
+      },
+      resultTotal: 0,
+      resultDetailLoading: false,
+      resultDetailList: [],
+      stockChangeVisible: false,
+      curRow: null,
+      //out:预出库扫码;return:预出库退回;search:预出库单查询
+      splitType: null,
+    };
+  },
+  components: {
+    addOrder, errOrder
+  },
+  methods: {
+    onReset() {
+      this.filterQuery = {
+        ...this.filterQuery,
+        id: "",
+        billNo: null,
+        mainAction: null,
+        action: null,
+        statusType: null,
+        page: 1,
+        limit: 10,
+        startTime: null,
+        endTime: null,
+        invCode: this.$store.getters.locInvCode,
+      };
+      this.actDateRange = [];
+      this.getList();
+    },
+    onSubmit() {
+      if (this.actDateRange !== null) {
+        this.filterQuery.startTime = this.actDateRange[0];
+        this.filterQuery.endTime = this.actDateRange[1];
+      } else {
+        this.filterQuery.startTime = null;
+        this.filterQuery.endTime = null;
+      }
+      this.filterQuery.page = 1;
+      this.getList();
+    },
+    hideSearch() {
+      this.showSearch = !this.showSearch;
+    },
+    getBusType(_this) {
+      let query = {
+        code: this.filterQuery.invCode,
+        enabled: true,
+      };
+      getLocalJoinByUserOptimize(query)
+        .then((response) => {
+          _this.options.getBusType = response.data || [];
+          _this.getList();
+        })
+        .catch(() => {
+        });
+    },
+    addOrders() {
+      this.idQuery = {};
+      this.title = "add";
+      this.addOrderVisible = true;
+    },
+
+    editOrder(row) {
+      this.idQuery = row;
+      this.title = "edit";
+      this.addOrderVisible = true;
+    },
+
+    closeDialog() {
+      this.addOrderVisible = false;
+      this.addHosOrderVisible = false;
+      this.getList();
+    },
+
+    handleSortChange(column, prop, order) {
+      if (column.order === 'descending') {
+        this.filterQuery.sort = 'desc'
+      } else {
+        this.filterQuery.sort = 'asc'
+      }
+      this.filterQuery.orderBy = column.prop;
+      this.getList();
+    },
+    //获取订单列表
+    getList() {
+      this.loading = true;
+      getOrderList(this.filterQuery)
+        .then((response) => {
+          this.loading = false;
+          if (response.code === 20000) {
+            this.list = response.data.list || [];
+            this.total = response.data.total || 0;
+          } else {
+            this.$message.error(response.message);
+          }
+        })
+        .catch((error) => {
+          this.$message.error(error.message)
+          this.loading = false;
+          this.list = [];
+          this.total = 0;
+        });
+    },
+    deleteOrders(data) {
+      this.loading = true;
+      this.deleteData.billNo = data;
+      deleteByOrderId(this.deleteData)
+        .then((response) => {
+
+          if (response.code == 20000) {
+            this.getList();
+            this.$message({
+              type: "success",
+              message: "删除成功！",
+            });
+          } else if (response.code == 520) {
+            this.$message.error("新增扫码单据列表已不存在该扫码单据！");
+            this.getList();
+          } else {
+            this.$message.error(response.message);
+            this.getList();
+          }
+
+        })
+        .catch(() => {
+        });
+    },
+    deleteDialog(row) {
+      this.$confirm("此操作将永久删除该订单, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.deleteOrders(row.billNo);
+        })
+        .catch(() => {
+        });
+    },
+
+
+    onUpload(data) {
+      this.loading = true;
+      var idQuery = {
+        billNo: "",
+      };
+      idQuery.billNo = data;
+      submitCodes(idQuery)
+        .then((response) => {
+          this.loading = false;
+          if (response.code === 20000) {
+            this.$message.success("提交成功");
+            this.getList();
+          } else {
+            this.$message.error(response.message);
+          }
+          this.loading = false;
+        });
+    },
+    getInvList(_this) {
+      getInvListByUserOptimize()
+        .then((response) => {
+          _this.options.getInvList = response.data || [];
+          _this.getList();
+        })
+        .catch(() => {
+        });
+    },
+    invChange(_this) {
+      _this.filterQuery.action = null;
+      _this.getBusType(_this);
+    },
+
+    findMethod(query) {
+      this.fromOptions = [];
+      let cQuery = {
+        key: query,
+        corpType: 2,
+        page: 1,
+        limit: 10,
+      };
+      getCorrespondence(cQuery)
+        .then((response) => {
+          this.loading = false;
+          this.fromOptions = response.data.list || [];
+        })
+        .catch(() => {
+          this.loading = false;
+          this.fromOptions = [];
+        });
+    },
+    statusFilterType(status) {
+      const statusMap = {
+        2: "warning",
+        1: "warning",
+        4: "danger",
+        3: "success",
+      };
+      return statusMap[status];
+    },
+
+    errOrderDialog() {
+      this.errOrderVisible = true;
+    },
+    executeFuc(row, type, clickFuc, value) {
+      return executeFuc(this, row, type, clickFuc, value);
+    },
+    executeEval(row, expression, defaultRet) {
+      if (expression) {
+        return eval(expression);
+      }
+      return defaultRet;
+    },
+    handleSelectionChange(_this, val) {
+      _this.currentRow = val;
+      _this.getOrderDetails();
+    },
+    getOrderDetails() {
+      this.bizQuery.page = 1;
+      this.codeQuery.page = 1;
+      this.resultQuery.page = 1;
+      this.getBizDetailList();
+      this.getCodeList();
+    },
+    onBizReset() {
+      this.bizQuery = {
+        productName: null,
+        orderIdFk: null,
+        page: 1,
+        limit: 10
+      };
+
+      if (!isBlank(this.currentRow.billNo)) {
+        this.getBizDetailList();
+      }
+    },
+    onBizSubmit() {
+      this.bizQuery.page = 1;
+      this.getBizDetailList();
+    },
+    getBizDetailList() {
+      if (isBlank(this.currentRow.billNo)) {
+        this.$message.error("请先选择需要查询的单据！")
+        return;
+      }
+      this.bizDetailLoading = true;
+      this.bizQuery.page = null;
+      this.bizQuery.limit = null;
+      this.bizQuery.orderIdFk = this.currentRow.billNo;
+      getBizDetailList(this.bizQuery).then((res) => {
+        this.bizDetailLoading = false;
+        if (res.code === 20000) {
+          this.codeDetailList = res.data.list || [];
+          this.bizTotal = res.data.total || 0;
+        } else {
+          this.$message.error(res.message);
+          this.codeDetailList = [];
+          this.bizTotal = 0;
+        }
+      }).catch((error) => {
+        this.bizDetailLoading = false;
+        this.$message.error(error.message);
+        this.bizDetailList = [];
+        this.bizTotal = 0;
+      })
+    },
+    onCodeReset() {
+      this.codeQuery = {
+        orderIdFk: null,
+        page: 1,
+        limit: 10
+      };
+      this.getCodeList();
+    },
+    onCodeSubmit() {
+      this.codeQuery.page = 1;
+      this.getCodeList();
+    },
+    getCodeList() {
+      if (isBlank(this.currentRow.billNo)) {
+        this.$message.error("请先选择需要查询的单据！")
+        return;
+      }
+
+      this.resultQuery.orderId = this.currentRow.billNo;
+      this.resultDetailLoading = true;
+      getCodeList(this.resultQuery).then((res) => {
+        this.resultDetailLoading = false;
+        if (res.code === 20000) {
+          this.resultDetailList = res.data.list || [];
+          this.resultTotal = res.data.total || 0;
+        } else {
+          this.$message.error(res.message);
+          this.resultDetailList = [];
+          this.resultTotal = 0;
+        }
+      }).catch((error) => {
+        this.resultDetailLoading = false;
+        this.$message.error(error.message);
+        this.resultDetailList = [];
+        this.resultTotal = 0;
+      });
+    },
+
+  },
+  mounted() {
+    document.body.ondrop = function (event) {
+      event.preventDefault();
+      event.stopPropagation();
+    };
+  },
+  created() {
+    this.getInvList(this);
+    this.getBusType(this);
+
+    this.splitType = this.$route.query.splitType;
+    if (this.splitType == "search") {
+      this.filterQuery.vueType = "splitOrder";
+      this.filterQuery.statusType = 'split_finish';
+    } else if (this.splitType == "out") {
+      this.filterQuery.action = 'SC72197936495755';
+      this.filterQuery.statusType = 'scan_code';
+    } else if (this.splitType == "return") {
+      this.filterQuery.action = 'SC72249388338364';
+      this.filterQuery.statusType = 'scan_code';
+    }
+
+    getHead("IoSplitOrderSearch", "1").then((re) => {
+      // 处理返回的数据
+      this.tableObj = re.data;
+      this.tableHeader = re.data.tableList;
+      this.queryList = re.data.queryList;
+      this.fromList = re.data.fromList;
+      this.getList();
+    });
+
+    getHead("IoSplitOrderSearch-djxq", "1").then((re) => {
+      // 处理返回的数据
+      this.tableObj2 = re.data;
+      this.tableHeader2 = re.data.tableList;
+      this.queryList2 = re.data.queryList;
+      this.fromList2 = re.data.fromList;
+    });
+    getHead("IoSplitOrderSearch-smxq", "1").then((re) => {
+      // 处理返回的数据
+      this.tableObj4 = re.data;
+      this.tableHeader4 = re.data.tableList;
+      this.queryList4 = re.data.queryList;
+      this.fromList4 = re.data.fromList;
+    });
+
+
+    selectSysParamByKey({paramKey: "muti_inv_mode"}).then((res) => {
+      if (res.code === 20000) {
+        if (res.data.paramValue === "0") {
+          this.enableDept = true;
+        }
+      }
+    })
+
+  },
+};
+</script>
+
+<style scoped>
+.query-form {
+  display: flex;
+  flex-wrap: wrap;
+  width: 100%;
+}
+
+.query-form-item {
+  margin-right: 5px;
+  margin-bottom: 6px;
+}
+
+</style>
+
diff --git a/src/views/inout/IoSplitScanCode.vue b/src/views/inout/split/IoSplitScanCode.vue
similarity index 69%
rename from src/views/inout/IoSplitScanCode.vue
rename to src/views/inout/split/IoSplitScanCode.vue
index 431e2455..0f835b3b 100644
--- a/src/views/inout/IoSplitScanCode.vue
+++ b/src/views/inout/split/IoSplitScanCode.vue
@@ -3,126 +3,6 @@
     <el-card class="el-card">
       <el-form v-if="queryList && queryList.length > 0 && showSearch" :model="filterQuery" class="query-form"
                size="mini" label-width="100px">
-        <!--        <el-row>-->
-        <!--          <el-col :span="8">-->
-        <!--            <el-form-item class="query-form-item" label="单号:">-->
-        <!--              <el-input v-model="filterQuery.billNo" placeholder="单号"-->
-        <!--                        style="width: 90%"-->
-        <!--                        clearable="true"></el-input>-->
-        <!--            </el-form-item>-->
-        <!--          </el-col>-->
-        <!--          <el-col :span="8">-->
-        <!--            <el-form-item class="query-form-item" label="出入库类型:">-->
-        <!--              <el-select v-model="filterQuery.mainAction" placeholder="请选择出入库类型" style="width: 90%">-->
-        <!--                <el-option label="全部" value=""></el-option>-->
-        <!--                <el-option label="入库" value="WareHouseIn"></el-option>-->
-        <!--                <el-option label="出库" value="WareHouseOut"></el-option>-->
-        <!--              </el-select>-->
-        <!--            </el-form-item>-->
-        <!--          </el-col>-->
-
-        <!--          <el-col :span="8">-->
-        <!--            <el-form-item class="query-form-item" label="单据类型:">-->
-        <!--              <el-select v-model="filterQuery.action" placeholder="请选择单据类型"-->
-        <!--                         style="width: 90%"-->
-        <!--                         clearable>-->
-        <!--                <el-option-->
-        <!--                  v-for="item in busTypes"-->
-        <!--                  :key="item.name"-->
-        <!--                  :label="item.name"-->
-        <!--                  :value="item.action">-->
-        <!--                  <span style="float: left">{{ item.name }}</span>-->
-        <!--                </el-option>-->
-        <!--              </el-select>-->
-        <!--            </el-form-item>-->
-        <!--          </el-col>-->
-
-        <!--          &lt;!&ndash;          <el-col :span="8">&ndash;&gt;-->
-        <!--          &lt;!&ndash;            <el-form-item class="query-form-item" label="采购仓库:">&ndash;&gt;-->
-        <!--          &lt;!&ndash;              <el-select v-model="filterQuery.deptCode" placeholder="请选择采购仓库" clearable="true"&ndash;&gt;-->
-        <!--          &lt;!&ndash;                         style="width: 90%"&ndash;&gt;-->
-        <!--          &lt;!&ndash;              >&ndash;&gt;-->
-        <!--          &lt;!&ndash;                <el-option&ndash;&gt;-->
-        <!--          &lt;!&ndash;                  v-for="item in deptList"&ndash;&gt;-->
-        <!--          &lt;!&ndash;                  :key="item.name"&ndash;&gt;-->
-        <!--          &lt;!&ndash;                  :label="item.name"&ndash;&gt;-->
-        <!--          &lt;!&ndash;                  :value="item.code">&ndash;&gt;-->
-        <!--          &lt;!&ndash;                  <span style="float: left">{{ item.name }}</span>&ndash;&gt;-->
-        <!--          &lt;!&ndash;                </el-option>&ndash;&gt;-->
-        <!--          &lt;!&ndash;              </el-select>&ndash;&gt;-->
-        <!--          &lt;!&ndash;            </el-form-item>&ndash;&gt;-->
-        <!--          &lt;!&ndash;          </el-col>&ndash;&gt;-->
-
-        <!--        </el-row>-->
-        <!--        <el-row>-->
-        <!--          <el-col :span="8">-->
-        <!--            <el-form-item class="query-form-item" label="收货仓库:">-->
-        <!--              <el-select v-model="filterQuery.invCode" placeholder="请选择收货仓库" clearable="true"-->
-        <!--                         style="width: 90%"-->
-        <!--                         @change="invChange"-->
-        <!--              >-->
-        <!--                <el-option-->
-        <!--                  v-for="item in invList"-->
-        <!--                  :key="item.name"-->
-        <!--                  :label="item.name"-->
-        <!--                  :value="item.code">-->
-        <!--                  <span style="float: left">{{ item.name }}</span>-->
-        <!--                </el-option>-->
-        <!--              </el-select>-->
-        <!--            </el-form-item>-->
-        <!--          </el-col>-->
-
-
-        <!--          <el-col :span="8">-->
-        <!--&lt;!&ndash;            <el-form-item label="往来单位:">&ndash;&gt;-->
-        <!--&lt;!&ndash;              <el-select&ndash;&gt;-->
-        <!--&lt;!&ndash;                v-model="filterQuery.keyWords"&ndash;&gt;-->
-        <!--&lt;!&ndash;                style="width: 90%"&ndash;&gt;-->
-        <!--&lt;!&ndash;                filterable&ndash;&gt;-->
-        <!--&lt;!&ndash;                remote&ndash;&gt;-->
-        <!--&lt;!&ndash;                clearable="true"&ndash;&gt;-->
-        <!--&lt;!&ndash;                reserve-keyword&ndash;&gt;-->
-        <!--&lt;!&ndash;                placeholder="请选择往来单位"&ndash;&gt;-->
-        <!--&lt;!&ndash;                :remote-method="findMethod"&ndash;&gt;-->
-        <!--&lt;!&ndash;                :loading="loading"&ndash;&gt;-->
-        <!--&lt;!&ndash;              >&ndash;&gt;-->
-        <!--&lt;!&ndash;                <el-option&ndash;&gt;-->
-        <!--&lt;!&ndash;                  v-for="item in fromOptions"&ndash;&gt;-->
-        <!--&lt;!&ndash;                  :key="item.name"&ndash;&gt;-->
-        <!--&lt;!&ndash;                  :label="item.name"&ndash;&gt;-->
-        <!--&lt;!&ndash;                  :value="item.erpId"&ndash;&gt;-->
-        <!--&lt;!&ndash;                >&ndash;&gt;-->
-        <!--&lt;!&ndash;                  <span style="float: left">{{ item.name }}</span>&ndash;&gt;-->
-        <!--&lt;!&ndash;                </el-option>&ndash;&gt;-->
-        <!--&lt;!&ndash;              </el-select>&ndash;&gt;-->
-        <!--&lt;!&ndash;            </el-form-item>&ndash;&gt;-->
-        <!--            <el-form-item class="query-form-item" label="往来单位:">-->
-        <!--              <el-input v-model="filterQuery.keyWords" placeholder="请选择往来单位"-->
-        <!--                        style="width: 90%"-->
-        <!--                        clearable="true"></el-input>-->
-        <!--            </el-form-item>-->
-        <!--          </el-col>-->
-
-
-        <!--          <el-col :span="8">-->
-        <!--            <el-form-item class="query-form-item" label="创建时间:">-->
-        <!--              <el-date-picker-->
-        <!--                :picker-options="pickerOptions"-->
-        <!--                v-model="actDateRange"-->
-        <!--                type="daterange"-->
-        <!--                format="yyyy 年 MM 月 dd 日"-->
-        <!--                value-format="yyyy-MM-dd"-->
-        <!--                range-separator="至"-->
-        <!--                start-placeholder="开始日期"-->
-        <!--                end-placeholder="结束日期"-->
-        <!--                style="width: 90%"-->
-        <!--              >-->
-        <!--              </el-date-picker>-->
-        <!--            </el-form-item>-->
-        <!--          </el-col>-->
-
-
-        <!--        </el-row>-->
         <el-row style=" display:flex;  flex-wrap: wrap; ">
           <template v-for="(item, index) in queryList">
             <el-form-item v-if="item.columnType == 'input' && executeEval(row,item.expression,true)"
@@ -136,7 +16,8 @@
                 clearable
               ></el-input>
             </el-form-item>
-            <el-form-item v-if="item.columnType == 'select' && executeEval(row,item.expression,true)"   class="query-form-item"
+            <el-form-item v-if="item.columnType == 'select' && executeEval(row,item.expression,true)"
+                          class="query-form-item"
                           :label="item.columnDesc+`:`">
               <el-select v-model="filterQuery[item.columnName]"
                          :placeholder="item.columnDesc"
@@ -150,7 +31,8 @@
                 />
               </el-select>
             </el-form-item>
-            <el-form-item v-if="item.columnType == 'selectServer' && executeEval(row,item.expression,true)"   class="query-form-item"
+            <el-form-item v-if="item.columnType == 'selectServer' && executeEval(row,item.expression,true)"
+                          class="query-form-item"
                           :label="item.columnDesc+`:`">
               <el-select
                 v-model="filterQuery[item.columnName]"
@@ -169,7 +51,8 @@
                 />
               </el-select>
             </el-form-item>
-            <el-form-item v-if="item.columnType == 'datePicker' && executeEval(row,item.expression,true)"   class="query-form-item"
+            <el-form-item v-if="item.columnType == 'datePicker' && executeEval(row,item.expression,true)"
+                          class="query-form-item"
                           :label="item.columnDesc+`:`">
               <el-date-picker
                 :picker-options="pickerOptions"
@@ -182,7 +65,8 @@
                 end-placeholder="结束日期"
               ></el-date-picker>
             </el-form-item>
-            <el-form-item v-if="item.columnType == 'date' && executeEval(row,item.expression,true)"   class="query-form-item"
+            <el-form-item v-if="item.columnType == 'date' && executeEval(row,item.expression,true)"
+                          class="query-form-item"
                           :label="item.columnDesc+`:`">
               <el-date-picker
                 v-model="filterQuery[item.columnName]"
@@ -216,8 +100,29 @@
       <el-divider style="margin: 15px"></el-divider>
       <el-table v-loading="loading" :data="list" style="width: 100%" highlight-current-row
                 border :default-sort="defaultSort"
+                :row-style="{ height: '32px' }"
+                @row-click="(row) => executeFuc(row,'0',tableObj.handleChangeFuc)"
                 @sort-change="handleSortChange"
       >
+
+        <el-table-column label="操作" width="100" fixed="right" v-if="splitType!='search'">
+          <template slot-scope="scope">
+            <el-button
+              type="text"
+              size="small"
+              @click.native.stop="editOrder(scope.row)"
+            >编辑
+            </el-button
+            >
+            <el-button
+              type="text"
+              size="small"
+              @click.native.stop="deleteDialog(scope.row)"
+            >删除
+            </el-button
+            >
+          </template>
+        </el-table-column>
         <template v-for="(item, index) in tableHeader">
           <el-table-column
             v-if="item.columnType == 'id' && executeEval(row,item.expression,true)"
@@ -358,9 +263,9 @@
 import {
   deleteByOrderId,
   getOrderList, submitCodes
-} from "../../api/inout/order";
-import addOrder from "./DialogCreateOrder";
-import errOrder from "./IoCreateErrorOrder";
+} from "@/api/inout/order";
+import addOrder from "@/views/inout/DialogCreateOrder";
+import errOrder from "@/views/inout/IoCreateErrorOrder";
 import {getInvListByUser, getInvListByUserOptimize} from "@/api/system/invWarehouse";
 import {getLocalJoinByUser, getLocalJoinByUserOptimize} from "@/api/basic/busType";
 import {selectSysParamByKey} from "@/api/param/systemParamConfig";
@@ -368,20 +273,49 @@ import {getCorrespondence} from "@/api/basic/basicUnitMaintain";
 import {
   getHead, executeFuc
 } from "@/utils/customConfig";
-import {getDeptListByUserOptimize} from "@/api/auth/authDept";
+import {convertDate} from "@/utils/date";
+import {isBlank} from "@/utils/strUtil";
+import {getBizDetailList} from "@/api/inout/orderDetailBiz";
+import {getCodeList} from "@/api/inout/code";
 
 export default {
-  name: "IoCreateScanOrder",
+  name: "IoSplitScanCode",
   data() {
     return {
+
+      //界面配置---------------------
+      tableObj: [],
+      queryList: [],
+      tableHeader: [],
+      fromList: [],
+
+      tableObj2: [],
+      queryList2: [],
+      tableHeader2: [],
+      fromList2: [],
+
+      tableObj4: [],
+      queryList4: [],
+      tableHeader4: [],
+      fromList4: [],
+      convertDateFun: convertDate,
       defaultSort: {prop: 'createTime', order: 'desc'},
+      options: {
+        getInvList: [],
+        getDeptList: [],
+        getBusType: [],
+      },
+      //界面配置---------------------end
+
+      total: 0,
+      radioCheck: false,
+      currentRow: {},
       showSearch: true,
       titleMap: {
         add: "新增单据",
         edit: "编辑单据",
       },
       title: "add",
-
       filterQuery: {
         id: "",
         billNo: null,
@@ -394,6 +328,7 @@ export default {
         endTime: null,
         keyWords: null,
         invCode: this.$store.getters.locInvCode,
+        vueType: null,
       },
       fromOptions: [],
       checkStatus: {
@@ -414,15 +349,6 @@ export default {
       list: [],
       addOrderVisible: false,
       errOrderVisible: false,
-      total: 0,
-      tableHeader: [],
-      queryList: [],
-      fromList: [],
-      options: {
-        getInvList: [],
-        getDeptList: [],
-        getBusType: [],
-      },
       loading: false,
       index: null,
       formName: null,
@@ -432,7 +358,7 @@ export default {
         edit: "编辑",
       },
       enableDept: false,
-      splitBusType:"SC72197936495755",
+      splitBusType: "SC72197936495755",
       fromTypeMap: {
         "1": "UDIMS平台",
         "2": "网页新增",
@@ -489,20 +415,50 @@ export default {
         ],
       },
       viewType: 2,
+      bizQuery: {
+        productName: null,
+        orderIdFk: null,
+        page: 1,
+        limit: 10
+      },
+      bizTotal: 0,
+      bizDetailLoading: false,
+      bizDetailList: [],
+      codeQuery: {
+        orderIdFk: null,
+        page: 1,
+        limit: 10
+      },
+      codeTotal: 0,
+      codeDetailLoading: false,
+      codeDetailList: [],
+      resultQuery: {
+        orderId: null,
+        code: null,
+        page: 1,
+        limit: 10
+      },
+      resultTotal: 0,
+      resultDetailLoading: false,
+      resultDetailList: [],
+      stockChangeVisible: false,
+      curRow: null,
+      //out:预出库扫码;return:预出库退回;search:预出库单查询
+      splitType: null,
     };
   },
-
   components: {
     addOrder, errOrder
   },
   methods: {
     onReset() {
       this.filterQuery = {
+        ...this.filterQuery,
         id: "",
         billNo: null,
         mainAction: null,
         action: null,
-        statusType: "scan_code",
+        statusType: null,
         page: 1,
         limit: 10,
         startTime: null,
@@ -545,10 +501,10 @@ export default {
       this.addOrderVisible = true;
     },
 
-    editOrder(_this, row) {
-      _this.idQuery = row;
-      _this.title = "edit";
-      _this.addOrderVisible = true;
+    editOrder(row) {
+      this.idQuery = row;
+      this.title = "edit";
+      this.addOrderVisible = true;
     },
 
     closeDialog() {
@@ -566,8 +522,6 @@ export default {
       this.filterQuery.orderBy = column.prop;
       this.getList();
     },
-
-
     //获取订单列表
     getList() {
       this.loading = true;
@@ -612,14 +566,14 @@ export default {
         .catch(() => {
         });
     },
-    deleteDialog(_this, rowId) {
-      _this.$confirm("此操作将永久删除该订单, 是否继续?", "提示", {
+    deleteDialog(row) {
+      this.$confirm("此操作将永久删除该订单, 是否继续?", "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
         type: "warning",
       })
         .then(() => {
-          _this.deleteOrders(rowId.billNo);
+          this.deleteOrders(row.billNo);
         })
         .catch(() => {
         });
@@ -697,7 +651,98 @@ export default {
         return eval(expression);
       }
       return defaultRet;
-    }
+    },
+    handleSelectionChange(_this, val) {
+      _this.currentRow = val;
+      _this.getOrderDetails();
+    },
+    getOrderDetails() {
+      this.bizQuery.page = 1;
+      this.codeQuery.page = 1;
+      this.resultQuery.page = 1;
+      this.getBizDetailList();
+      this.getCodeList();
+    },
+    onBizReset() {
+      this.bizQuery = {
+        productName: null,
+        orderIdFk: null,
+        page: 1,
+        limit: 10
+      };
+
+      if (!isBlank(this.currentRow.billNo)) {
+        this.getBizDetailList();
+      }
+    },
+    onBizSubmit() {
+      this.bizQuery.page = 1;
+      this.getBizDetailList();
+    },
+    getBizDetailList() {
+      if (isBlank(this.currentRow.billNo)) {
+        this.$message.error("请先选择需要查询的单据！")
+        return;
+      }
+      this.bizDetailLoading = true;
+      this.bizQuery.page = null;
+      this.bizQuery.limit = null;
+      this.bizQuery.orderIdFk = this.currentRow.billNo;
+      getBizDetailList(this.bizQuery).then((res) => {
+        this.bizDetailLoading = false;
+        if (res.code === 20000) {
+          this.codeDetailList = res.data.list || [];
+          this.bizTotal = res.data.total || 0;
+        } else {
+          this.$message.error(res.message);
+          this.codeDetailList = [];
+          this.bizTotal = 0;
+        }
+      }).catch((error) => {
+        this.bizDetailLoading = false;
+        this.$message.error(error.message);
+        this.bizDetailList = [];
+        this.bizTotal = 0;
+      })
+    },
+    onCodeReset() {
+      this.codeQuery = {
+        orderIdFk: null,
+        page: 1,
+        limit: 10
+      };
+      this.getCodeList();
+    },
+    onCodeSubmit() {
+      this.codeQuery.page = 1;
+      this.getCodeList();
+    },
+    getCodeList() {
+      if (isBlank(this.currentRow.billNo)) {
+        this.$message.error("请先选择需要查询的单据！")
+        return;
+      }
+
+      this.resultQuery.orderId = this.currentRow.billNo;
+      this.resultDetailLoading = true;
+      getCodeList(this.resultQuery).then((res) => {
+        this.resultDetailLoading = false;
+        if (res.code === 20000) {
+          this.resultDetailList = res.data.list || [];
+          this.resultTotal = res.data.total || 0;
+        } else {
+          this.$message.error(res.message);
+          this.resultDetailList = [];
+          this.resultTotal = 0;
+        }
+      }).catch((error) => {
+        this.resultDetailLoading = false;
+        this.$message.error(error.message);
+        this.resultDetailList = [];
+        this.resultTotal = 0;
+      });
+    },
+
   },
   mounted() {
     document.body.ondrop = function (event) {
@@ -708,7 +753,20 @@ export default {
   created() {
     this.getInvList(this);
     this.getBusType(this);
-    getHead("IoSplitCodeOrder", "1").then((re) => {
+
+    this.splitType = this.$route.query.splitType;
+    if (this.splitType == "search") {
+      this.filterQuery.vueType = "splitOrder";
+      this.filterQuery.statusType = 'split_finish';
+    } else if (this.splitType == "out") {
+      this.filterQuery.action = 'SC72197936495755';
+      this.filterQuery.statusType = 'scan_code';
+    } else if (this.splitType == "return") {
+      this.filterQuery.action = 'SC72249388338364';
+      this.filterQuery.statusType = 'scan_code';
+    }
+
+    getHead("IoSplitOrderSearch", "1").then((re) => {
       // 处理返回的数据
       this.tableObj = re.data;
       this.tableHeader = re.data.tableList;
@@ -716,6 +774,23 @@ export default {
       this.fromList = re.data.fromList;
       this.getList();
     });
+
+    getHead("IoSplitOrderSearch-djxq", "1").then((re) => {
+      // 处理返回的数据
+      this.tableObj2 = re.data;
+      this.tableHeader2 = re.data.tableList;
+      this.queryList2 = re.data.queryList;
+      this.fromList2 = re.data.fromList;
+    });
+    getHead("IoSplitOrderSearch-smxq", "1").then((re) => {
+      // 处理返回的数据
+      this.tableObj4 = re.data;
+      this.tableHeader4 = re.data.tableList;
+      this.queryList4 = re.data.queryList;
+      this.fromList4 = re.data.fromList;
+    });
+
+
     selectSysParamByKey({paramKey: "muti_inv_mode"}).then((res) => {
       if (res.code === 20000) {
         if (res.data.paramValue === "0") {
@@ -734,6 +809,7 @@ export default {
   flex-wrap: wrap;
   width: 100%;
 }
+
 .query-form-item {
   margin-right: 5px;
   margin-bottom: 6px;