From 17e1ee22b7a82665db66a6987ae89f1336a14193 Mon Sep 17 00:00:00 2001
From: wangwei <1610949092@qq.com>
Date: Fri, 30 Aug 2024 17:21:21 +0800
Subject: [PATCH] =?UTF-8?q?8/30=20=E6=8D=9F=E8=80=97=E5=87=BA=E5=BA=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../collect/{IoDestroyLog.js => IoDestroy.js} |  10 +
 src/api/collect/collectOrder.js               |  12 +-
 src/views/collect/IoCreateOrder.vue           |  14 +-
 src/views/collect/IoDestroyLog.vue            |  13 +-
 src/views/collect/IoDestroyOrder.vue          | 928 +++++++-----------
 src/views/collect/IoDestroyOrder1.vue         | 648 ++++++++++++
 src/views/collect/IoSplitFifoCodePanel.vue    |  29 +-
 src/views/collect/PanelDestroyCodeDetail.vue  | 430 ++++++++
 src/views/collect/destroyOutDialog.vue        | 141 +++
 9 files changed, 1644 insertions(+), 581 deletions(-)
 rename src/api/collect/{IoDestroyLog.js => IoDestroy.js} (76%)
 create mode 100644 src/views/collect/IoDestroyOrder1.vue
 create mode 100644 src/views/collect/PanelDestroyCodeDetail.vue
 create mode 100644 src/views/collect/destroyOutDialog.vue

diff --git a/src/api/collect/IoDestroyLog.js b/src/api/collect/IoDestroy.js
similarity index 76%
rename from src/api/collect/IoDestroyLog.js
rename to src/api/collect/IoDestroy.js
index fe7863e6..c4626b2b 100644
--- a/src/api/collect/IoDestroyLog.js
+++ b/src/api/collect/IoDestroy.js
@@ -24,3 +24,13 @@ export function getCodeList(query) {
     params: query
   });
 }
+
+
+
+export function destroyOut(query) {
+  return axios({
+    url: "/udiwms/collect/fifo/desOrder/destroyOut",
+    method: "post",
+    data: query
+  });
+}
diff --git a/src/api/collect/collectOrder.js b/src/api/collect/collectOrder.js
index 56f75364..d8c5680d 100644
--- a/src/api/collect/collectOrder.js
+++ b/src/api/collect/collectOrder.js
@@ -140,4 +140,14 @@ export function orderTop(query) {
     method: "post",
     data: query
   });
-}
\ No newline at end of file
+}
+
+
+
+export function getSplitCode(query) {
+  return axios({
+    url: "/udiwms/ioSplit/collect/auto/code/filter",
+    method: "get",
+    params: query
+  });
+}
diff --git a/src/views/collect/IoCreateOrder.vue b/src/views/collect/IoCreateOrder.vue
index 6af34fe2..5cc451b5 100644
--- a/src/views/collect/IoCreateOrder.vue
+++ b/src/views/collect/IoCreateOrder.vue
@@ -26,12 +26,12 @@
         <!--          </el-col>-->
         <!--        </el-row>-->
 
-        <el-alert
-          style="margin-top: 1px;margin-bottom: 10px;font-size: 20px;"
-          :title="msgTip"
-          :closable="false"
-          type="warning">
-        </el-alert>
+        <!--<el-alert-->
+        <!--  style="margin-top: 1px;margin-bottom: 10px;font-size: 20px;"-->
+        <!--  :title="msgTip"-->
+        <!--  :closable="false"-->
+        <!--  type="warning">-->
+        <!--</el-alert>-->
 
 
         <el-row>
@@ -530,7 +530,7 @@ export default {
       isSuccess: false,
       result: "",
       scanResultType: "success",
-      msgTip: "当前工位存量提醒：",
+      msgTip: "当前上货产品的总量：",
       splitType: null,
       rowData: {},
       curWorkPlace: null,
diff --git a/src/views/collect/IoDestroyLog.vue b/src/views/collect/IoDestroyLog.vue
index aeee3c9a..69273443 100644
--- a/src/views/collect/IoDestroyLog.vue
+++ b/src/views/collect/IoDestroyLog.vue
@@ -631,7 +631,7 @@
       <!--    :total="resultTotal"-->
       <!--    :page.sync="resultQuery.page"-->
       <!--    :limit.sync="resultQuery.limit"-->
-      <!--    @pagination="getCodeList"-->
+      <!--    @pagination="getCodeDetailList"-->
       <!--  />-->
       <!--</el-tab-pane>-->
     </el-tabs>
@@ -657,9 +657,8 @@ import {
 } from "@/utils/customConfig";
 import {convertDate} from "@/utils/date";
 import {isBlank} from "@/utils/strUtil";
-import {getCodeList} from "@/api/inout/code";
 import {getUserBindWork} from '@/api/basic/collectPoint/userWorkplace'
-import { desOrderPage,getBizDetailList } from '@/api/collect/IoDestroyLog'
+import { desOrderPage,getBizDetailList,getCodeList } from '@/api/collect/IoDestroy'
 
 export default {
   name: "IoDestroyLog",
@@ -1067,7 +1066,7 @@ export default {
       this.codeQuery.page = 1;
       this.resultQuery.page = 1;
       this.getBizDetailList();
-      // this.getCodeList();
+      // this.getCodeDetailList();
     },
     onBizReset() {
       this.bizQuery = {
@@ -1117,13 +1116,13 @@ export default {
         page: 1,
         limit: 10
       };
-      this.getCodeList();
+      // this.getCodeDetailList();
     },
     onCodeSubmit() {
       this.codeQuery.page = 1;
-      this.getCodeList();
+      // this.getCodeDetailList();
     },
-    getCodeList() {
+    getCodeDetailList() {
       if (isBlank(this.currentRow.billNo)) {
         this.$message.error("请先选择需要查询的单据！")
         return;
diff --git a/src/views/collect/IoDestroyOrder.vue b/src/views/collect/IoDestroyOrder.vue
index 40c3bade..8a999e30 100644
--- a/src/views/collect/IoDestroyOrder.vue
+++ b/src/views/collect/IoDestroyOrder.vue
@@ -1,616 +1,414 @@
 <template>
   <div>
-    <el-form
-      :model="orderFormData"
-      :rules="formRules"
-      ref="dataForm"
-      label-width="110px"
-    >
-      <el-card style="margin: 5px;">
-        <el-row>
-          <el-button-group
-            style="display: flex; margin: 0px 0 15px 0; float: right">
-            <el-button size="mini" type="primary" @click.native="chooseDraftOrder()" :loading="submitLoading"
-                       style="margin-right: 8px;border-radius: 5%;"
-            >选入草稿单据
-            </el-button>
-            <el-button size="mini" type="primary" @click.native="draftOrder()" :loading="submitLoading"
-                       style="margin-right: 8px;border-radius: 5%;"
-            >草稿保存
-            </el-button>
-            <el-button size="mini" type="primary" @click.native="submit()" :loading="submitLoading"
-                       style="margin-right: 8px;border-radius: 5%;"
-            >提交处理
-            </el-button>
-          </el-button-group>
-        </el-row>
-        <el-row v-if="false">
-          <el-col :span="11">
-            <el-form-item prop="corpOrderId" class="query-form-item" label="单据号:">
-              <el-input
-                v-model="orderFormData.corpOrderId"
-                auto-complete="off"
-                style="width: 90%"
-                clearable
-                :disabled="true"
-              ></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="11">
-            <el-form-item prop="createTime" class="query-form-item" label="单据时间:">
-              <el-date-picker
-                v-model="orderFormData.createTime"
-                type="datetime"
-                placeholder="日期"
-                clearable
-                value-format="yyyy-MM-dd HH:mm:ss"
-                :disabled="true"
-                style="width: 90%"
-              >
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-          <el-col :span="11">
-            <el-form-item prop="invCode" class="query-form-item" label="当前仓库:">
-              <el-select
-                v-model="orderFormData.invCode"
-                placeholder="当前仓库"
-                style="width: 90%"
-                :disabled="corpOrderIdDisabled || viewTypeKsck"
-                @change="changeInv"
-                filterable
-              >
-                <el-option
-                  v-for="item in curInvOptions"
-                  :key="item.name"
-                  :label="item.name"
-                  :value="item.code"
-                >
-                  <span style="float: left">{{ item.name }}</span>
-                  <span style="float: right; color: #8492a6; font-size: 13px">{{
-                      item.warehouseName
-                    }}</span>
-                </el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="11">
-            <el-form-item prop="remark" class="query-form-item" label="单据备注:">
-              <el-input
-                v-model="orderFormData.remark"
-                auto-complete="off"
-                clearable
-                style="width: 90%"
-                placeholder="请输入备注信息"
-              ></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="8">
-            <el-form-item prop="workPlaceCode" class="query-form-item" label="当前工位:" v-if="!corpOrderIdDisabled">
-              <el-select
-                v-model="orderFormData.workPlaceCode"
-                placeholder="当前工位"
-                style="width: 90%"
-                :disabled="corpOrderIdDisabled"
-
-                filterable
-                @change="changeInvRemind"
-              >
-                <el-option
-                  v-for="item in curWorkPlaces"
-                  :key="item.workplaceId"
-                  :label="item.workplaceName"
-                  :value="item.workplaceId"
-                >
-                  <span style="float: left">{{ item.workplaceName }}</span>
-                  <span style="float: right; color: #8492a6; font-size: 13px">{{
-                      item.workplaceId
-                    }}</span>
-                </el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-
-          <el-col :span="8">
-            <el-form-item prop="remark" class="query-form-item" label="备注说明:">
-              <el-input
-                v-model="orderFormData.remark"
-                auto-complete="off"
-                clearable
-                style="width: 90%"
-                placeholder="请输入备注信息"
-              ></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-card>
-
-
-      <el-card style="margin: 5px;">
-        <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="请点击输入框进行扫码设置或者扫码录入"
-                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="addCode()"
-                style="margin-left: 15px"
-              >添加
-              </el-button>
-              <!--              <el-button icon="el-icon-view" @click="hideSearch">显示/隐藏快捷设置</el-button>-->
-            </el-button-group>
-
-          </el-col>
-        </el-row>
-
-        <el-alert
-          title="扫码解析结果:"
-          :type="scanResultType"
-          :closable="false"
-          :description="result">
-        </el-alert>
-      </el-card>
+    <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>
-    <el-tabs type="border-card" style="margin: 5px">
-      <el-tab-pane label="单据详情" v-if="viewCodeVisible">
-        <el-row type="flex" justify="end">
-          <el-button-group style="display: flex">
-            <el-button-group style="display: flex;margin-bottom: 15px; margin-right: 50px">
-              <el-button type="primary" @click.native.stop="selectProductFunction()" :loading="loading">工位存量录入
-              </el-button>
-            </el-button-group>
-          </el-button-group>
-        </el-row>
-        <PanelDestroyDetail
-          :idQuery="orderFormData"
-          :refreshPanel="refreshCodesPanel"
-          v-if="isCodeDetailAlive"
-        ></PanelDestroyDetail>
-      </el-tab-pane>
-    </el-tabs>
-
-    <el-dialog
-      title="选入草稿单据"
-      :visible.sync="chooseDraftOrderVisible"
-      width="80%"
-      append-to-body
-      :close-on-click-modal="false"
-      :close-on-press-escape="false"
-      v-if="chooseDraftOrderVisible"
-    >
-      <chooseDraftOrderDialog
-        :rowData="rowData"
-        :closeChooseDialog="closeChooseDialog"
-        :handleChoose="handleChoose"
+      <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"
       >
-      </chooseDraftOrderDialog>
-    </el-dialog>
 
-    <el-dialog
-      title="库存物资录入"
-      :visible.sync="selectInvProductVisible"
-      :close-on-click-modal="false"
-      :close-on-press-escape="false"
-      width="85%"
-      v-if="selectInvProductVisible"
-      :append-to-body='true'
-    >
-      <dialogInvProduct
-        :closeDialog="closeDialogC2"
-        :invQueryData="invQueryData"
-        :type="3"
-      ></dialogInvProduct>
-    </el-dialog>
+        <!--<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>
+      <pagination
+        v-show="total>0"
+        :total="total"
+        :page.sync="filterQuery.page"
+        :limit.sync="filterQuery.limit"
+        @pagination="getList"
+      />
+    </el-card>
   </div>
 
 </template>
 
 <script>
 
-import A from "../../plugins/KeyScaner";
-import PanelDestroyDetail from "@/views/collect/PanelDestroyDetail";
-import {findInvRemind} from "@/api/inout/splitCode";
-import {enterCodeWeb, saveOrderWeb} from "@/api/inout/order";
-import {getUserBindWork} from "@/api/basic/collectPoint/userWorkplace";
-import chooseDraftOrderDialog from "./chooseDraftOrderDialog"
-import dialogInvProduct from "@/views/inout/DialogSelectInvProduct";
+import A from '../../plugins/KeyScaner'
+import PanelDestroyDetail from '@/views/collect/PanelDestroyDetail'
+import PanelDestroyCodeDetail from '@/views/collect/PanelDestroyCodeDetail'
+import { findInvRemind } from '@/api/inout/splitCode'
+import { enterCodeWeb, saveOrderWeb } from '@/api/inout/order'
+import { getUserBindWork } from '@/api/basic/collectPoint/userWorkplace'
+import chooseDraftOrderDialog from './chooseDraftOrderDialog'
+import dialogInvProduct from '@/views/inout/DialogSelectInvProduct'
+import { executeFuc, getHead } from '@/utils/customConfig'
+import { getSplitCode } from '@/api/collect/collectOrder'
 
 export default {
-  name: "IoDestroyOrder",
-  props: {
-    closeDialog: {
-      type: Function,
-      required: true,
-    },
-    orderQuery: {
-      type: Object,
-      required: true,
-      default: {}
-    },
-  },
-  watch: {
-    resetKey(newVal, oldVal) {
-      this.$refs.inputRef.focus();
-    }
-  },
+  name: 'IoDestroyOrder',
   data() {
     return {
-      orderFormData: {
-        billNo: null,
-        corpOrderId: null,
-        action: null,
-        invCode: null,
-        fromCorp: null,
-        fromCorpName: null,
-        fromName: null,
-        fromInvCode: null,
-        remark: null,
-        fromType: 2,
-        errMsg: null,
-        sickerAdNum: null,
+      tableHeader: [],
+      queryList: [],
+      tableObj: [],
+      fromList: [],
+      defaultSort: {prop: 'createTime', order: 'desc'},
+      showSearch: true,
+      filterQuery: {
         workPlaceCode: null,
-        fifoSplit: 1,
+        page: 1,
+        limit: 10,
+        startTime: null,
+        endTime: null,
       },
-
-      corpOrderIdDisabled: false,
-      //库存选入
-      selectInvProductVisible: false,
-      chooseDraftOrderVisible: false,
-      viewCodeVisible: true,
-      result: "",
-      scanResultType: "success",
-      msgTip: "当前工位存量提醒：",
-      curWorkPlaces: [],
-      isCodeDetailAlive: true,
-      loading: false,
-      rowData: {},
-      codeFormData: {
-        code: "",
-        batchNo: null,
-        produceDate: null,
-        expireDate: null,
-        serialNo: null,
-        relId: null,
+      options: {
+        getWorkPlaceList: [],
       },
-      scanCode: "",
-    };
-  },
-  components: {
-    PanelDestroyDetail, chooseDraftOrderDialog, dialogInvProduct
+      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]);
+            },
+          },
+        ],
+      },
+      list: []
+    }
   },
+  components: {},
   methods: {
-    changeInvRemind(val) {
-      let post = {
-        workPlaceCode: val
-      }
-      this.defaultSplitType()
-      findInvRemind(post).then((response) => {
-        if (response.code === 20000) {
-          this.msgTip = response.data
-          this.$refs.inputRef.focus();
-        }
-      }).catch(() => {
-      });
+    executeFuc(row, type, clickFuc, value) {
+      return executeFuc(this, row, type, clickFuc, value);
     },
-    draftOrder() {
-      let tQuery = Object.assign(
-        JSON.parse(JSON.stringify(this.orderFormData))
-      );
-      tQuery.billNo = this.orderFormData.billNo;
-      tQuery.orderType = 2;
-      if (this.orderFormData.billNo == null) {
-        this.$message.error("请先录入单据信息！");
-        return;
+    executeEval(row, expression, defaultRet) {
+      if (expression) {
+        return eval(expression);
       }
-      this.saveLoading = true
-
-      saveOrderWeb(tQuery).then((response) => {
-        this.saveLoading = false
-        if (response.code === 20000) {
-          this.$message.success("保存成功")
-          this.successCloseData()
-        } else {
-          this.$message.error(response.message);
-        }
-        this.loading = false;
-        this.saveLoading = false
-      });
-    },
-
-    refreshCodesPanel() {
-      this.isCodeDetailAlive = false;
-      this.$nextTick(() => {
-        //重新加载组件
-        this.isCodeDetailAlive = true;
-      });
+      return defaultRet;
     },
-    //获取当前工位
-    findCurWorkPlaces(val) {
-      let query = {
-        workplaceCode: val,
-        userId: this.$store.getters.userId,
-        page: 1,
-        limit: 100,
+    handleSortChange(column, prop, order) {
+      if (column.order === 'descending') {
+        this.filterQuery.sort = 'desc'
+      } else {
+        this.filterQuery.sort = 'asc'
       }
-      getUserBindWork(query).then((res) => {
-        this.curWorkPlaces = res.data.list || [];
-        if (this.curWorkPlaces.length == 1 && this.$isNotBlank(this.orderFormData.workPlaceCode)) {
-          this.orderFormData.workPlaceCode = this.curWorkPlaces[0].workplaceId;
-          this.defaultSplitType()
-        }
-      })
-    },
-
-    enterKey(event) {
-      this.checkSuccess = true;
-      if (this.getDMHotskeyValue(this.scanCode))
-        return
-      this.codeFormData.code = this.scanCode;
-      let tQuery = {
-        originCode: this.originCode,
-        code: this.codeFormData.code.trim(),
-      };
-      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 {
-          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.loading = false;
-      });
+      this.filterQuery.orderBy = column.prop;
+      this.getList();
     },
-
-    getDMHotskeyValue(str) {
-      if (str.includes("DMHotskey")) {
-        try {
-          const jsonObj = JSON.parse(str);
-          if (jsonObj.hasOwnProperty("DMHotskey")) {
-            const dmhotskey = jsonObj.DMHotskey;
-            if (dmhotskey.hasOwnProperty("workPlace")) {
-              this.scanCode = ""
-              this.orderFormData.workPlaceCode = dmhotskey.workPlace
-              return true
-            } else if (dmhotskey.hasOwnProperty("fifoSplit")) {
-              this.scanCode = ""
-              this.orderFormData.fifoSplit = dmhotskey.fifoSplit;
-              return true;
-
+    getWorkPlaceList(_this){
+      getUserBindWork({
+        autoUserId: 1,
+        page:  1,
+        limit: 200,
+      }).then((response) => {
+        let  getWorkPlaceList = []
+        if(response.code == 20000 && response.data.list.length > 0){
+          response.data.list.forEach( item => {
+            let post = {
+              code: item.workplaceId,
+              label: item.workplaceName
             }
-          }
-        } catch (error) {
-          console.log("字符串不是有效的 JSON 格式");
+            getWorkPlaceList.push(post)
+          })
+          _this.options.getWorkPlaceList = getWorkPlaceList
         }
-      }
-      return false;
+      })
+        .catch(() => {
+        });
     },
-    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(" , ");
+    hideSearch() {
+      this.showSearch = !this.showSearch;
     },
-    getInputFocus(event) {
-      event.currentTarget.select();
+    onReset() {
+      this.filterQuery = {
+        ...this.filterQuery,
+        workPlaceCode: null,
+        page: 1,
+        limit: 10,
+        startTime: null,
+        endTime: null,
+
+      };
+      this.actDateRange = [];
+      // this.getList();
     },
-    selectProductFunction() {
-      if (this.$isBlank(this.orderFormData.workPlaceCode)) {
-        this.$message.error("作业工位不能为空！")
-        return;
+    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.selectInvProductVisible = true;
+      this.filterQuery.page = 1;
+      this.getList();
     },
+    getList(){
+      getSplitCode(this.filterQuery).then(res => {
+        if (res.code == 20000){
+          if (res.code === 20000) {
+            this.list = res.data.list || [];
+            this.total = res.data.total || 0;
+          } else {
+            this.$message.error(res.message);
+          }
+        }
+      })
+        .catch((error) => {
+          this.$message.error(error.message)
+          this.loading = false;
+          this.list = [];
+          this.total = 0;
+        });
+    }
   },
   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();
+    this.getWorkPlaceList(this);
   },
   created() {
-    this.findCurWorkPlaces();
-    if (this.$route.query.billNo != null) {
-      this.orderFormData.billNo = this.$route.query.billNo
-    }
-    if (this.$route.query.workplaceId != null) {
-      this.corpOrderIdDisabled = true
-      this.workplaceId = Number(this.$route.query.workplaceId);
-      this.orderFormData.workPlaceCode = Number(this.$route.query.workplaceId);
-    }
-
-  },
-};
+    getHead("ioSplitCode", "1").then((re) => {
+      // 处理返回的数据
+      this.tableObj = re.data;
+      this.tableHeader = re.data.tableList;
+      this.queryList = re.data.queryList;
+      this.fromList = re.data.fromList;
+      this.getList()
+    });
+  }
+}
 </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%);
-  }
-}
 
 .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;
-}
-
 
 </style>
 
diff --git a/src/views/collect/IoDestroyOrder1.vue b/src/views/collect/IoDestroyOrder1.vue
new file mode 100644
index 00000000..7e1420de
--- /dev/null
+++ b/src/views/collect/IoDestroyOrder1.vue
@@ -0,0 +1,648 @@
+<template>
+  <div>
+    <!--<el-form-->
+    <!--  :model="orderFormData"-->
+    <!--  :rules="formRules"-->
+    <!--  ref="dataForm"-->
+    <!--  label-width="110px"-->
+    <!--&gt;-->
+    <!--  <el-card style="margin: 5px;">-->
+    <!--    <el-row>-->
+    <!--      <el-button-group-->
+    <!--        style="display: flex; margin: 0px 0 15px 0; float: right">-->
+    <!--        <el-button size="mini" type="primary" @click.native="chooseDraftOrder()" :loading="submitLoading"-->
+    <!--                   style="margin-right: 8px;border-radius: 5%;"-->
+    <!--        >选入草稿单据-->
+    <!--        </el-button>-->
+    <!--        <el-button size="mini" type="primary" @click.native="draftOrder()" :loading="submitLoading"-->
+    <!--                   style="margin-right: 8px;border-radius: 5%;"-->
+    <!--        >草稿保存-->
+    <!--        </el-button>-->
+    <!--        <el-button size="mini" type="primary" @click.native="submit()" :loading="submitLoading"-->
+    <!--                   style="margin-right: 8px;border-radius: 5%;"-->
+    <!--        >提交处理-->
+    <!--        </el-button>-->
+    <!--      </el-button-group>-->
+    <!--    </el-row>-->
+    <!--    <el-row v-if="false">-->
+    <!--      <el-col :span="11">-->
+    <!--        <el-form-item prop="corpOrderId" class="query-form-item" label="单据号:">-->
+    <!--          <el-input-->
+    <!--            v-model="orderFormData.corpOrderId"-->
+    <!--            auto-complete="off"-->
+    <!--            style="width: 90%"-->
+    <!--            clearable-->
+    <!--            :disabled="true"-->
+    <!--          ></el-input>-->
+    <!--        </el-form-item>-->
+    <!--      </el-col>-->
+    <!--      <el-col :span="11">-->
+    <!--        <el-form-item prop="createTime" class="query-form-item" label="单据时间:">-->
+    <!--          <el-date-picker-->
+    <!--            v-model="orderFormData.createTime"-->
+    <!--            type="datetime"-->
+    <!--            placeholder="日期"-->
+    <!--            clearable-->
+    <!--            value-format="yyyy-MM-dd HH:mm:ss"-->
+    <!--            :disabled="true"-->
+    <!--            style="width: 90%"-->
+    <!--          >-->
+    <!--          </el-date-picker>-->
+    <!--        </el-form-item>-->
+    <!--      </el-col>-->
+    <!--      <el-col :span="11">-->
+    <!--        <el-form-item prop="invCode" class="query-form-item" label="当前仓库:">-->
+    <!--          <el-select-->
+    <!--            v-model="orderFormData.invCode"-->
+    <!--            placeholder="当前仓库"-->
+    <!--            style="width: 90%"-->
+    <!--            :disabled="corpOrderIdDisabled || viewTypeKsck"-->
+    <!--            @change="changeInv"-->
+    <!--            filterable-->
+    <!--          >-->
+    <!--            <el-option-->
+    <!--              v-for="item in curInvOptions"-->
+    <!--              :key="item.name"-->
+    <!--              :label="item.name"-->
+    <!--              :value="item.code"-->
+    <!--            >-->
+    <!--              <span style="float: left">{{ item.name }}</span>-->
+    <!--              <span style="float: right; color: #8492a6; font-size: 13px">{{-->
+    <!--                  item.warehouseName-->
+    <!--                }}</span>-->
+    <!--            </el-option>-->
+    <!--          </el-select>-->
+    <!--        </el-form-item>-->
+    <!--      </el-col>-->
+    <!--      <el-col :span="11">-->
+    <!--        <el-form-item prop="remark" class="query-form-item" label="单据备注:">-->
+    <!--          <el-input-->
+    <!--            v-model="orderFormData.remark"-->
+    <!--            auto-complete="off"-->
+    <!--            clearable-->
+    <!--            style="width: 90%"-->
+    <!--            placeholder="请输入备注信息"-->
+    <!--          ></el-input>-->
+    <!--        </el-form-item>-->
+    <!--      </el-col>-->
+    <!--    </el-row>-->
+    <!--    <el-row>-->
+    <!--      <el-col :span="8">-->
+    <!--        <el-form-item prop="workPlaceCode" class="query-form-item" label="当前工位:">-->
+    <!--          <el-select-->
+    <!--            v-model="orderFormData.workPlaceCode"-->
+    <!--            placeholder="当前工位"-->
+    <!--            style="width: 90%"-->
+    <!--            :disabled="corpOrderIdDisabled"-->
+    <!--            filterable-->
+    <!--            @change="changeInvRemind"-->
+    <!--          >-->
+    <!--            <el-option-->
+    <!--              v-for="item in curWorkPlaces"-->
+    <!--              :key="item.workplaceId"-->
+    <!--              :label="item.workplaceName"-->
+    <!--              :value="item.workplaceId"-->
+    <!--            >-->
+    <!--              <span style="float: left">{{ item.workplaceName }}</span>-->
+    <!--              <span style="float: right; color: #8492a6; font-size: 13px">{{-->
+    <!--                  item.workplaceId-->
+    <!--                }}</span>-->
+    <!--            </el-option>-->
+    <!--          </el-select>-->
+    <!--        </el-form-item>-->
+    <!--      </el-col>-->
+
+    <!--      <el-col :span="8">-->
+    <!--        <el-form-item prop="remark" class="query-form-item" label="备注说明:">-->
+    <!--          <el-input-->
+    <!--            v-model="orderFormData.remark"-->
+    <!--            auto-complete="off"-->
+    <!--            clearable-->
+    <!--            style="width: 90%"-->
+    <!--            placeholder="请输入备注信息"-->
+    <!--          ></el-input>-->
+    <!--        </el-form-item>-->
+    <!--      </el-col>-->
+    <!--      <el-col :span="8">-->
+    <!--        <el-form-item prop="fifoSplit" class="query-form-item" label="损耗方式:">-->
+    <!--          <el-radio-group v-model="orderFormData.orderType"  @change="destroyChange">-->
+    <!--            <el-radio :label="1">手动损耗</el-radio>-->
+    <!--            <el-radio :label="2">扫码损耗</el-radio>-->
+    <!--          </el-radio-group>-->
+    <!--        </el-form-item>-->
+    <!--      </el-col>-->
+    <!--    </el-row>-->
+    <!--  </el-card>-->
+
+
+    <!--  <el-card style="margin: 5px;">-->
+    <!--    <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="请点击输入框进行扫码设置或者扫码录入"-->
+    <!--            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="addCode()"-->
+    <!--            style="margin-left: 15px"-->
+    <!--          >添加-->
+    <!--          </el-button>-->
+    <!--          &lt;!&ndash;              <el-button icon="el-icon-view" @click="hideSearch">显示/隐藏快捷设置</el-button>&ndash;&gt;-->
+    <!--        </el-button-group>-->
+
+    <!--      </el-col>-->
+    <!--    </el-row>-->
+
+    <!--    <el-alert-->
+    <!--      title="扫码解析结果:"-->
+    <!--      :type="scanResultType"-->
+    <!--      :closable="false"-->
+    <!--      :description="result">-->
+    <!--    </el-alert>-->
+    <!--  </el-card>-->
+    <!--</el-form>-->
+    <el-tabs type="border-card" style="margin: 5px">
+      <el-tab-pane label="单据详情" v-if="viewCodeVisible">
+        <el-row type="flex" justify="end">
+          <el-button-group style="display: flex">
+            <el-button-group style="display: flex;margin-bottom: 15px; margin-right: 50px">
+              <el-button type="primary" @click.native.stop="selectProductFunction()" :loading="loading">工位存量录入
+              </el-button>
+            </el-button-group>
+          </el-button-group>
+        </el-row>
+        <PanelDestroyDetail
+          :idQuery="orderFormData"
+          :refreshPanel="refreshCodesPanel"
+          v-if="isCodeDetailAlive"
+        ></PanelDestroyDetail>
+      </el-tab-pane>
+      <el-tab-pane label="扫码明细" v-if="!viewCodeVisible">
+        <PanelDestroyCodeDetail
+          :idQuery="orderFormData"
+          :refreshPanel="refreshCodesPanel"
+          v-if="isCodeDetailAlive"
+        ></PanelDestroyCodeDetail>
+        <!--:idQuery="orderFormData"-->
+        <!--:refreshPanel="refreshCodesPanel"-->
+        <!--v-if="isCodeAlive"-->
+        <!--:viewType="viewType"-->
+        <!--:selectRlTitle="selectRlTitle"-->
+        <!--:editTitle="editTitle"-->
+        <!--:selectUnitTitle="selectUnitTitle"-->
+      </el-tab-pane>
+    </el-tabs>
+
+    <el-dialog
+      title="选入草稿单据"
+      :visible.sync="chooseDraftOrderVisible"
+      width="80%"
+      append-to-body
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      v-if="chooseDraftOrderVisible"
+    >
+      <chooseDraftOrderDialog
+        :rowData="rowData"
+        :closeChooseDialog="closeChooseDialog"
+        :handleChoose="handleChoose"
+      >
+      </chooseDraftOrderDialog>
+    </el-dialog>
+
+    <el-dialog
+      title="库存物资录入"
+      :visible.sync="selectInvProductVisible"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      width="85%"
+      v-if="selectInvProductVisible"
+      :append-to-body='true'
+    >
+      <dialogInvProduct
+        :closeDialog="closeDialogC2"
+        :invQueryData="invQueryData"
+        :type="3"
+      ></dialogInvProduct>
+    </el-dialog>
+  </div>
+
+</template>
+
+<script>
+
+import A from "../../plugins/KeyScaner";
+import PanelDestroyDetail from "@/views/collect/PanelDestroyDetail";
+import PanelDestroyCodeDetail from "@/views/collect/PanelDestroyCodeDetail";
+import {findInvRemind} from "@/api/inout/splitCode";
+import {enterCodeWeb, saveOrderWeb} from "@/api/inout/order";
+import {getUserBindWork} from "@/api/basic/collectPoint/userWorkplace";
+import chooseDraftOrderDialog from "./chooseDraftOrderDialog"
+import dialogInvProduct from "@/views/inout/DialogSelectInvProduct";
+
+export default {
+  name: "IoDestroyOrder1",
+  props: {
+    closeDialog: {
+      type: Function,
+      required: true,
+    },
+    orderQuery: {
+      type: Object,
+      required: true,
+      default: {}
+    },
+  },
+  watch: {
+    resetKey(newVal, oldVal) {
+      this.$refs.inputRef.focus();
+    }
+  },
+  data() {
+    return {
+      orderFormData: {
+        billNo: null,
+        corpOrderId: null,
+        action: null,
+        invCode: null,
+        fromCorp: null,
+        fromCorpName: null,
+        fromName: null,
+        fromInvCode: null,
+        remark: null,
+        fromType: 2,
+        errMsg: null,
+        sickerAdNum: null,
+        workPlaceCode: null,
+        orderType: 1,
+      },
+
+      corpOrderIdDisabled: false,
+      //库存选入
+      selectInvProductVisible: false,
+      chooseDraftOrderVisible: false,
+      viewCodeVisible: true,
+      result: "",
+      scanResultType: "success",
+      msgTip: "当前工位存量提醒：",
+      curWorkPlaces: [],
+      isCodeDetailAlive: true,
+      loading: false,
+      rowData: {},
+      codeFormData: {
+        code: "",
+        batchNo: null,
+        produceDate: null,
+        expireDate: null,
+        serialNo: null,
+        relId: null,
+      },
+      scanCode: "",
+    };
+  },
+  components: {
+    PanelDestroyDetail, chooseDraftOrderDialog, dialogInvProduct,PanelDestroyCodeDetail
+  },
+  methods: {
+    changeInvRemind(val) {
+      let post = {
+        workPlaceCode: val
+      }
+      this.defaultSplitType()
+      findInvRemind(post).then((response) => {
+        if (response.code === 20000) {
+          this.msgTip = response.data
+          this.$refs.inputRef.focus();
+        }
+      }).catch(() => {
+      });
+    },
+    draftOrder() {
+      let tQuery = Object.assign(
+        JSON.parse(JSON.stringify(this.orderFormData))
+      );
+      tQuery.billNo = this.orderFormData.billNo;
+      tQuery.orderType = 2;
+      if (this.orderFormData.billNo == null) {
+        this.$message.error("请先录入单据信息！");
+        return;
+      }
+      this.saveLoading = true
+
+      saveOrderWeb(tQuery).then((response) => {
+        this.saveLoading = false
+        if (response.code === 20000) {
+          this.$message.success("保存成功")
+          this.successCloseData()
+        } else {
+          this.$message.error(response.message);
+        }
+        this.loading = false;
+        this.saveLoading = false
+      });
+    },
+
+    refreshCodesPanel() {
+      this.isCodeDetailAlive = false;
+      this.$nextTick(() => {
+        //重新加载组件
+        this.isCodeDetailAlive = true;
+      });
+    },
+    //获取当前工位
+    findCurWorkPlaces(val) {
+      let query = {
+        workplaceCode: val,
+        userId: this.$store.getters.userId,
+        page: 1,
+        limit: 100,
+      }
+      getUserBindWork(query).then((res) => {
+        this.curWorkPlaces = res.data.list || [];
+        if (this.curWorkPlaces.length == 1 && this.$isNotBlank(this.orderFormData.workPlaceCode)) {
+          this.orderFormData.workPlaceCode = this.curWorkPlaces[0].workplaceId;
+          this.defaultSplitType()
+        }
+      })
+    },
+
+    enterKey(event) {
+      this.checkSuccess = true;
+      if (this.getDMHotskeyValue(this.scanCode))
+        return
+      this.codeFormData.code = this.scanCode;
+      let tQuery = {
+        originCode: this.originCode,
+        code: this.codeFormData.code.trim(),
+      };
+      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 {
+          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.loading = false;
+      });
+    },
+
+    getDMHotskeyValue(str) {
+      if (str.includes("DMHotskey")) {
+        try {
+          const jsonObj = JSON.parse(str);
+          if (jsonObj.hasOwnProperty("DMHotskey")) {
+            const dmhotskey = jsonObj.DMHotskey;
+            if (dmhotskey.hasOwnProperty("workPlace")) {
+              this.scanCode = ""
+              this.orderFormData.workPlaceCode = dmhotskey.workPlace
+              return true
+            } else if (dmhotskey.hasOwnProperty("fifoSplit")) {
+              this.scanCode = ""
+              this.orderFormData.fifoSplit = dmhotskey.fifoSplit;
+              return true;
+
+            }
+          }
+        } catch (error) {
+          console.log("字符串不是有效的 JSON 格式");
+        }
+      }
+      return false;
+    },
+    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();
+    },
+    selectProductFunction() {
+      if (this.$isBlank(this.orderFormData.workPlaceCode)) {
+        this.$message.error("作业工位不能为空！")
+        return;
+      }
+      this.selectInvProductVisible = true;
+    },
+    destroyChange(){
+      if (this.orderFormData.orderType == 2){
+        this.viewCodeVisible = false
+        this.$refs.inputRef.focus();
+      }else {
+        this.viewCodeVisible = true
+      }
+    }
+  },
+  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();
+  },
+  created() {
+    this.findCurWorkPlaces();
+    if (this.$route.query.billNo != null) {
+      this.orderFormData.billNo = this.$route.query.billNo
+    }
+    if (this.$route.query.workplaceId != null) {
+      this.corpOrderIdDisabled = true
+      this.workplaceId = Number(this.$route.query.workplaceId);
+      this.orderFormData.workPlaceCode = Number(this.$route.query.workplaceId);
+    }
+
+  },
+};
+</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%);
+  }
+}
+
+.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;
+}
+
+
+</style>
+
+
+
diff --git a/src/views/collect/IoSplitFifoCodePanel.vue b/src/views/collect/IoSplitFifoCodePanel.vue
index e97d96b2..3837a8c6 100644
--- a/src/views/collect/IoSplitFifoCodePanel.vue
+++ b/src/views/collect/IoSplitFifoCodePanel.vue
@@ -445,6 +445,22 @@
       ></ioSplitFifoCodeRemindSetDialog>
     </el-dialog>
 
+    <el-dialog
+      title="损耗出库"
+      :visible.sync="destroyOutDialogVisible"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      width="70%"
+      v-if="destroyOutDialogVisible"
+    >
+      <destroyOutDialog
+        :prescribeData="prescribeData"
+        :closeDialog="closeDialog"
+      >
+
+      </destroyOutDialog>
+    </el-dialog>
+
   </div>
 </template>
 
@@ -457,6 +473,7 @@ import {getInvListByUserOptimize} from "@/api/system/invWarehouse";
 import { getBasicUnitMaintainsOptimize } from '@/api/basic/basicUnitMaintain'
 import { listPage } from '@/api/basic/workPlace/sysWorkplaceManage'
 import ioSplitFifoCodeRemindSetDialog from "./ioSplitFifoCodeRemindSetDialog.vue";
+import destroyOutDialog from "./destroyOutDialog.vue";
 
 export default {
   name: "IoSplitFifoCodePanel",
@@ -521,11 +538,12 @@ export default {
       resultDetailLoading: false,
       resultDetailList: [],
       addInvRemindSetDialogVisible: false,
+      destroyOutDialogVisible: false,
       prescribeData: {},
     }
   },
 
-  components: {ioSplitFifoCodeRemindSetDialog},
+  components: {ioSplitFifoCodeRemindSetDialog,destroyOutDialog},
   methods: {
 
     //界面配置相关------------
@@ -665,6 +683,15 @@ export default {
       this.addInvRemindSetDialogVisible = false;
       this.getList();
     },
+    //损耗出库
+    destroyOut(_this,row){
+      _this.prescribeData = row
+      _this.destroyOutDialogVisible = true;
+    },
+    closeDialog(){
+      this.destroyOutDialogVisible = false
+      this.getList()
+    }
 
   },
   created() {
diff --git a/src/views/collect/PanelDestroyCodeDetail.vue b/src/views/collect/PanelDestroyCodeDetail.vue
new file mode 100644
index 00000000..6d2aff13
--- /dev/null
+++ b/src/views/collect/PanelDestroyCodeDetail.vue
@@ -0,0 +1,430 @@
+<template>
+  <div>
+    <el-table v-loading="loading" :data="codeArray" style="width: 100%;" max-height="350" height="350"
+              :row-style="rowStyle"
+              border
+              ref="multipleTable">
+      <el-table-column
+        type="selection"
+        width="55">
+      </el-table-column>
+      <el-table-column label="序号" type="index" width="55"></el-table-column>
+      <el-table-column
+        label="追溯码"
+        prop="code"
+        width="280"
+        show-overflow-tooltip
+      ></el-table-column>
+      <el-table-column
+        label="产品通用名"
+        prop="productName"
+        width="160"
+        show-overflow-tooltip
+      ></el-table-column>
+      <el-table-column
+        label="规格型号"
+        prop="ggxh"
+        width="160"
+        show-overflow-tooltip
+      ></el-table-column>
+      <el-table-column
+        label="批次号"
+        prop="batchNo"
+        width="120"
+        show-overflow-tooltip
+      ></el-table-column>
+<!--      <el-table-column-->
+<!--        label="价格"-->
+<!--        prop="price"-->
+<!--        width="120"-->
+<!--        show-overflow-tooltip-->
+<!--      ></el-table-column>-->
+      <el-table-column
+        label="扫码数量"
+        prop="count"
+        width="80"
+        show-overflow-tooltip
+      ></el-table-column>
+      <el-table-column
+        label="实际数量"
+        prop="reCount"
+        width="80"
+        show-overflow-tooltip
+      ></el-table-column>
+      <el-table-column
+        label="生产日期"
+        prop="produceDate"
+        width="120"
+        show-overflow-tooltip
+      ></el-table-column>
+      <el-table-column
+        label="失效日期"
+        prop="expireDate"
+        width="120"
+        show-overflow-tooltip
+      ></el-table-column>
+
+      <el-table-column
+        label="序列号"
+        prop="serialNo"
+        width="120"
+        show-overflow-tooltip
+      ></el-table-column>
+      <!--      <el-table-column-->
+      <!--        label="供应商"-->
+      <!--        prop="supName"-->
+      <!--        width="180"-->
+      <!--        show-overflow-tooltip-->
+      <!--      ></el-table-column>-->
+
+      <el-table-column label="操作" width="140" fixed="right">
+        <template slot-scope="scope">
+          <el-button
+            type="text"
+            size="small"
+            @click.native.stop="deleteCode(scope.$index, scope.row)"
+          >减一
+          </el-button
+          >
+<!--          <el-button-->
+          <!--            type="text"-->
+          <!--            size="small"-->
+          <!--            :disabled="scope.row.relId!=null"-->
+          <!--            @click.native.stop="bindRl(scope.row)"-->
+          <!--          >绑定产品-->
+          <!--          </el-button-->
+          <!--          >-->
+          <!--          <el-button-->
+          <!--            type="text"-->
+          <!--            size="small"-->
+          <!--            :disabled="scope.row.supId!=null"-->
+          <!--            @click.native.stop="handleUnitClick(scope.row)"-->
+          <!--          >绑定供应商-->
+          <!--          </el-button-->
+          <!--          >-->
+          <el-button
+            type="text"
+            size="small"
+            @click.native.stop="editCode(scope.row)"
+          >编辑
+          </el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-row v-if="viewType==7">
+      <el-col span="10">
+        <div style="float: left">
+          <td>
+            <div style="background-color: #FC4A45;width: 10px;height: 10px"></div>
+          </td>
+          <td><span>红色:多余条码</span></td>
+          <td>
+            <div style="background-color: #F4BD25;width: 10px;height: 10px;margin-left: 15px"></div>
+          </td>
+          <td>
+            <span>黄色:包含多余条码</span>
+          </td>
+
+        </div>
+      </el-col>
+
+
+    </el-row>
+    <div class="block">
+      <pagination
+        v-show="total>0"
+        :total="total"
+        :page.sync="query.page"
+        :limit.sync="query.limit"
+        @pagination="getCodeList"
+      />
+    </div>
+
+    <!--    绑定产品-->
+    <el-dialog
+      :title="selectRlTitle"
+      :visible.sync="selectRlVisible"
+      width="80%"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      v-if="selectRlVisible"
+      append-to-body
+    >
+      <selectRlDialog
+        :curRow="curRow"
+        :fromCorp="fromCorp"
+        v-on:selectBindRl="selectBindRl"
+        v-on:closeBindDialog="closeBindDialog"
+      ></selectRlDialog>
+    </el-dialog>
+
+
+    <!--    绑定供应商-->
+    <el-dialog
+      :title="selectUnitTitle"
+      :visible.sync="dialogTableVisible"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      v-if="dialogTableVisible"
+      width="80%"
+      append-to-body
+    >
+      <DialogSelectUnit
+        :codeId="curRow"
+        :fromCorp="fromCorp"
+        v-on:selectSupUnit="selectSupUnit"
+        v-on:closeBindDialog="closeBindDialog"
+      ></DialogSelectUnit>
+    </el-dialog>
+
+    <el-dialog
+      :title="editTitle"
+      :visible.sync="editCodeVisible"
+      append-to-body width="70%"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      v-if="editCodeVisible"
+    >
+      <editCodeDialog
+        editType="2"
+        :closeCodeDialog="closeCodeDialog"
+        :codeDetail="codeDetail">
+      </editCodeDialog>
+    </el-dialog>
+
+
+  </div>
+</template>
+
+<script>
+import {deleteCodesTempById, errorCodeList, updateCodeBindSup} from "@/api/inout/order";
+import selectRlDialog from "@/views/inout/DialogSelectRl";
+import DialogSelectUnit from "@/views/inout/DialogSelectUnit";
+import editCodeDialog from "@/views/inout/DialogEditCode";
+import {parseTime} from "@/utils/coTools";
+import {getCheckDetailCodes} from "@/api/inout/orderDetailCode";
+
+export default {
+  name: "PanelDestroyCodeDetail",
+  props: {
+    idQuery: {
+      type: Object,
+      required: true,
+    },
+    refreshPanel: {
+      type: Function,
+      required: true,
+    },
+    // selectRlTitle: {
+    //   type: Object,
+    //   required: true,
+    // },
+    // selectUnitTitle: {
+    //   type: Object,
+    //   required: true,
+    // },
+    // editTitle: {
+    //   type: Object,
+    //   required: true,
+    // },
+    viewType: {
+      type: Object,
+      required: true,
+    }
+
+  },
+  data() {
+    return {
+      loading: false,
+      query: {
+        code: "",
+        corpOrderId: "",
+      },
+      codeDetail: null,
+      codeArray: [],
+      total: 0,
+      curRow: null,
+      selectRlVisible: false,
+      dialogTableVisible: false,
+      editCodeVisible: false,
+      editOriginCodeVisible: false,
+      fromCorp: null,
+    }
+  },
+  methods: {
+    getCodeList() {
+      this.loading = true;
+      this.query.orderId = this.idQuery.billNo;
+
+      if (this.viewType == 7) {
+        //展示带校验条码
+        getCheckDetailCodes(this.query) //查找该单号下的所有条码
+          .then((response) => {
+            this.codeArray = response.data.list || [];
+            this.total = response.data.total || 0;
+            this.loading = false;
+          })
+          .catch(() => {
+            this.loading = false;
+            this.detailList = [];
+            this.total = 0;
+          });
+
+      } else {
+        errorCodeList(this.query) //查找该单号下的所有条码
+          .then((response) => {
+            this.codeArray = response.data.list || [];
+            this.total = response.data.total || 0;
+            for (let i = 0; i < this.codeArray.length; i++) {
+              this.codeArray[i].fromType = this.formData.fromType;
+              this.codeArray[i].billType = this.formData.billType;
+            }
+            this.tableSelection();
+            this.loading = false;
+          })
+          .catch(() => {
+            this.loading = false;
+            this.list = [];
+            this.total = 0;
+          });
+      }
+
+
+    },
+
+    deleteCode(index, row) {
+      this.$confirm("是否确定移除一个条码?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      }).then(() => {
+        this.loading = true;
+        let tQuery = {
+          id: row.id
+        }
+        deleteCodesTempById(tQuery)
+          .then((response) => {
+            if (response.code === 20000) {
+              this.refreshPanel();
+            } else {
+              this.$message.error(response.message);
+            }
+            this.loading = false;
+          });
+      }).catch(() => {
+      });
+    },
+
+    bindRl(val) {
+      this.curRow = val;
+      this.fromCorp = this.idQuery.fromCorp;
+      this.selectRlVisible = true;
+    },
+
+    handleUnitClick(row) {
+      this.curRow = row;
+      this.dialogTableVisible = true;
+    },
+
+    editCode(row) {
+      this.editTitle = "编辑条码";
+      this.codeDetail = row;
+      this.editCodeVisible = true;
+    },
+
+    rowStyle({row, rowIndex}) {
+      let rowBackground = {};
+      if (!this.$isNotBlank(row.supId) || !this.$isNotBlank(row.relId)) {
+        rowBackground.color = '#f60303';
+      }
+      if (row.checkStatus == 2) {
+        rowBackground.color = '#F7BB29';
+      } else if (row.checkStatus == 1) {
+        rowBackground.color = '#FC4A45';
+      }
+      return rowBackground;
+    },
+
+    selectBindRl(row) {
+      let query = {
+        id: this.curRow.id,
+        relId: row.id,
+        mySupId: row.unitFk,
+      };
+      updateCodeBindSup(query).then((response) => {
+        if (response.code == 20000) {
+          this.$message.success("绑定成功");
+          this.orderFormData.id = this.curRow.orderId;
+          this.closeBindDialog();
+          this.getCodeList();
+        } else {
+          if (response.code == 503) {
+            this.curRow = response.data;
+            this.orderFormData.id = this.curRow.orderId;
+            this.getCodeList();
+            this.selectUnitTitle = response.message;
+            this.handleUnitClick(response.data);
+          } else
+            this.$message.error(response.message);
+        }
+      }).catch(() => {
+
+      });
+    },
+
+    selectSupUnit(row) {
+      let query = {
+        id: this.curRow.id,
+        supId: row.erpId,
+      };
+      updateCodeBindSup(query).then((response) => {
+        if (response.code == 20000) {
+          this.$message.success("绑定成功");
+          this.idQuery.id = this.curRow.orderId;
+          this.getCodeList();
+          this.refreshPanel();
+        } else {
+          this.$message.error(response.message);
+        }
+      }).catch(() => {
+      });
+    },
+
+
+    closeBindDialog() {
+      this.selectRlVisible = false;
+      this.dialogTableVisible = false;
+      this.refreshPanel();
+    },
+
+    closeCodeDialog() {
+      this.editCodeVisible = false;
+      this.editOriginCodeVisible = false;
+      this.refreshPanel();
+    },
+
+    repeatAddCode(editData) {
+      let tQuery = editData;
+      tQuery.orderId = this.orderFormData.id;
+      tQuery.actDate = parseTime(this.orderFormData.actDate, '{y}-{m}-{d} {h}:{i}:{s}');
+      tQuery.action = this.orderFormData.action;
+      this.closeCodeDialog();
+
+    },
+
+  },
+  created() {
+    if (this.idQuery.billNo != null)
+      this.getCodeList();
+  },
+
+  components: {
+    selectRlDialog, DialogSelectUnit, editCodeDialog
+  },
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/collect/destroyOutDialog.vue b/src/views/collect/destroyOutDialog.vue
new file mode 100644
index 00000000..b0da5b31
--- /dev/null
+++ b/src/views/collect/destroyOutDialog.vue
@@ -0,0 +1,141 @@
+<template>
+  <div>
+    <el-card style="margin-top: -20px">
+      <!--<div style=" float: right;-->
+      <!--                  text-align: right;-->
+      <!--                  margin-bottom: 8px;">-->
+      <!--  <el-button type="primary" size="mini" icon="search" @click="addDrugLevel"-->
+      <!--             style="text-align:right">新增药品层级-->
+      <!--  </el-button>-->
+      <!--</div>-->
+      <el-descriptions title="产品信息" :column="2" border style="margin-top: 5px">
+        <el-descriptions-item label="产品名称">{{ prescribeData.cpmctymc }}</el-descriptions-item>
+        <el-descriptions-item label="产品标识">{{ prescribeData.nameCode }}</el-descriptions-item>
+        <el-descriptions-item label="产品规格">{{ prescribeData.ggxh }}</el-descriptions-item>
+        <el-descriptions-item label="批次号">{{ prescribeData.batchNo }}</el-descriptions-item>
+        <el-descriptions-item label="计量单位">{{ prescribeData.measname }}</el-descriptions-item>
+        <el-descriptions-item label="剩余数量">{{ prescribeData.reCount }}</el-descriptions-item>
+        <el-descriptions-item label="生产日期">{{ produceDate }}</el-descriptions-item>
+        <el-descriptions-item label="失效日期">{{ expireDate }}</el-descriptions-item>
+        <el-descriptions-item label="生产企业">{{ prescribeData.manufactory }}</el-descriptions-item>
+        <el-descriptions-item label="供应商">{{ prescribeData.supName }}</el-descriptions-item>
+        <el-descriptions-item label="医保编码">{{ prescribeData.ybbm }}</el-descriptions-item>
+      </el-descriptions>
+      <!--<el-button type="primary" icon="el-icon-plus" sty>提交</el-button>-->
+
+      <el-form :inline="true" :model="formData" class="demo-form-inline" style="margin-top: 30px" :rules="rules" ref="formRef">
+        <el-row :gutter="24">
+          <el-col :span="10">
+          <el-form-item label="损耗出库数量" prop="count">
+            <el-input v-model.number="formData.count" placeholder="请填写损耗出库数量" type="number" :min="1" @input="checkCount"></el-input>
+            <!--<span v-if="countExceeded" class="exceeded-message">损耗出库数量不能超过10个</span>-->
+          </el-form-item>
+          </el-col>
+          <el-col :span="10">
+          <el-form-item label="损耗出库说明">
+            <el-input v-model="formData.remark" placeholder="请填写损耗出库说明" clearable></el-input>
+          </el-form-item>
+          </el-col>
+        </el-row>
+
+        <!--<el-form-item>-->
+        <!--  <el-button type="primary" @click="onSubmit">提交</el-button>-->
+        <!--</el-form-item>-->
+      </el-form>
+
+      <div style="text-align: center; margin-top: 20px;">
+        <el-button type="primary" @click="destroyOutOrder" :loading="saveLoading">提交</el-button>
+        <el-button @click="closeAddDialog">取消</el-button>
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import { destroyOut } from '@/api/collect/IoDestroy'
+
+export default {
+  name: 'destroyOutDialog',
+  props: {
+    prescribeData: {
+      type: Object,
+      required: true
+    },
+    closeDialog: {
+      type: Function,
+      required: true
+    }
+  },
+  data() {
+    return {
+      formData:{},
+      produceDate: null,
+      expireDate: null,
+      saveLoading: false,
+      rules: {
+        count: [
+          { validator: this.validateCount,message: '损耗出库数量不能超出剩余数量',trigger: 'blur' }
+        ]
+      },
+
+    }
+  },
+  methods: {
+    conversionDate(dateString){
+      const parts = dateString.split('');
+      const year =  '20' + parts.slice(0, 2).join('') ;
+      const month = parts[2] + parts[3];
+      const day = parts[4] + parts[5];
+      return `${year}-${month}-${day}`;
+    },
+    validateCount(rule, value, callback) {
+      if (value > this.prescribeData.reCount) {
+        callback(new Error('损耗出库数量超出剩余数量'));
+      } else {
+        callback();
+      }
+    },
+    checkCount() {
+      // 这里可以调用表单验证方法
+      this.$refs.formRef.validateField('count');
+    },
+    closeAddDialog(){
+      this.closeDialog()
+    },
+
+    //损耗出库
+    destroyOutOrder(){
+      let query = {
+        outCount: this.formData.count,
+        remark: this.formData.remark,
+        updateUser: this.$store.getters.adminId,
+        createUser: this.$store.getters.adminId,
+        splitFifoInv : this.prescribeData
+      }
+      destroyOut(query).then(res => {
+        if (res.code == 20000){
+          this.closeDialog()
+          return this.$message.success("损耗出库成功")
+        }else {
+          return this.$message.error(res.message)
+        }
+      })
+    },
+
+  },
+  created() {
+    if (this.prescribeData.produceDate != null){
+      this.produceDate = this.conversionDate(this.prescribeData.produceDate)
+    }
+    if (this.prescribeData.expireDate != null){
+      this.expireDate = this.conversionDate(this.prescribeData.expireDate)
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+
+
+</style>