From d19ca3a78d0ec79f52a7c8bd071c7477d8ab4382 Mon Sep 17 00:00:00 2001
From: chenhc <2369838784@qq.com>
Date: Wed, 8 Jan 2025 17:39:03 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E4=B8=8A=E8=B4=A7?=
 =?UTF-8?q?=E8=AE=B0=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/inout/orderDetailBiz.js              |   8 +
 src/views/collect/CollectOrderTabs.vue       |  14 +
 src/views/collect/IoCreateOrderOutRecord.vue | 479 +++++++++++++++++++
 3 files changed, 501 insertions(+)
 create mode 100644 src/views/collect/IoCreateOrderOutRecord.vue

diff --git a/src/api/inout/orderDetailBiz.js b/src/api/inout/orderDetailBiz.js
index 4b38f826..f9d1920b 100644
--- a/src/api/inout/orderDetailBiz.js
+++ b/src/api/inout/orderDetailBiz.js
@@ -137,6 +137,14 @@ export function filterBizOrderList(params) {
   });
 }
 
+export function orderOutRecordPage(params) {
+  return axios({
+    url: "/udiwms/inout/bizDetail/orderOutRecordPage",
+    method: "get",
+    params: params
+  });
+}
+
 export function addBizProduct(params) {
   return axios({
     url: "/udiwms/inout/order/refrshInvoice",
diff --git a/src/views/collect/CollectOrderTabs.vue b/src/views/collect/CollectOrderTabs.vue
index 040aeb31..ae2619b7 100644
--- a/src/views/collect/CollectOrderTabs.vue
+++ b/src/views/collect/CollectOrderTabs.vue
@@ -108,6 +108,10 @@
             <!--            <i class="el-icon-s-platform"></i>-->
               <span slot="title">工位库存</span>
             </el-menu-item>
+          <el-menu-item :index=12 @click="clickMenuItem(12)"  v-if="workPlaceClass == 2" >
+            <!--            <i class="el-icon-s-fold"></i>-->
+            <span slot="title">上货记录</span>
+          </el-menu-item>
             <el-menu-item :index=7 @click="clickMenuItem(7)"  v-if="workPlaceClass == 2" >
             <!--            <i class="el-icon-s-help"></i>-->
               <span slot="title">拆零管理</span>
@@ -277,6 +281,7 @@ import CollectOrderAllot from '@/views/collect/CollectOrderAllot.vue'
 import CollectOrderEnd from '@/views/collect/CollectOrderEnd.vue'
 import IoCreateOrderReturn from '@/views/collect/IoCreateOrder.vue'
 import IoCreateOrderOut from '@/views/collect/IoCreateOrder.vue'
+import IoCreateOrderOutRecord from '@/views/collect/IoCreateOrderOutRecord.vue'
 import ioSplitFifoCode from '@/views/collect/ioSplitFifoCode.vue'
 import CollectOrderUpload from '@/views/collect/CollectOrderUpload.vue'
 import IoDestroyOrder from '@/views/collect/IoDestroyOrder.vue'
@@ -302,6 +307,7 @@ export default {
     CollectOrderUpload,
     IoDestroyOrder,
     IocCollectOrderCheckCode,
+    IoCreateOrderOutRecord,
     IocCollectOrderVerify
   },
   name: 'CollectOrderTabs',
@@ -443,6 +449,14 @@ export default {
           component: IocCollectOrderVerify,
           // 假设你需要传递的参数
           componentProps: {}
+        },
+        {
+          number: 12,
+          title: '上货记录',
+          name: 'IoCreateOrderOutRecord',
+          component: IoCreateOrderOutRecord,
+          // 假设你需要传递的参数
+          componentProps: {}
         }
         ],
       editableTabs: [{
diff --git a/src/views/collect/IoCreateOrderOutRecord.vue b/src/views/collect/IoCreateOrderOutRecord.vue
new file mode 100644
index 00000000..4b7ad188
--- /dev/null
+++ b/src/views/collect/IoCreateOrderOutRecord.vue
@@ -0,0 +1,479 @@
+<template>
+  <div>
+    <el-card>
+      <el-form v-if="queryList && queryList.length > 0" :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">
+            <div v-if="showSearch || item.isImport">
+              <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 == '模糊查询' ? '产品通用名/规格/批次号' : 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>
+            </div>
+          </template>
+        </el-row>
+      </el-form>
+      <!--      <div class="left-search" v-if="!showSearch">-->
+      <!--        &lt;!&ndash; 关键字搜索 按需配置 &ndash;&gt;-->
+      <!--        <el-form v-if="queryList && queryList.length > 0" :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) && item.columnName == 'keywords'"-->
+      <!--                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>-->
+      <!--            </template>-->
+      <!--          </el-row>-->
+      <!--        </el-form>-->
+      <!--      </div>-->
+      <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(this)"
+          >查询
+          </el-button
+          >
+        </el-button-group>
+      </div>
+      <el-divider style="margin: 15px"></el-divider>
+
+      <el-table v-loading="loading" :data="list" style="width: 100%;" border highlight-current-row
+                @row-click="(row) => executeFuc(row,'0',tableObj.handleChangeFuc)" ref="multipleTable"
+                :default-sort="defaultSort"
+                :row-style="{ height: '32px' }"
+                @sort-change="handleSortChange">
+        <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"
+        :limit.sync="filterQuery.limit"
+        :page.sync="filterQuery.page"
+        @pagination="handleCurrentChange"
+      ></pagination>
+    </el-card>
+
+  </div>
+</template>
+
+<script>
+import {executeFuc, getHead} from "@/utils/customConfig";
+import {convertDate} from "@/utils/date";
+import {getInvListByUserOptimize} from "@/api/system/invWarehouse";
+import {filterWorkOptimize, listPage} from '@/api/basic/workPlace/sysWorkplaceManage'
+import {getWorkBindBusTypes, removeBusTypeById} from '@/api/basic/workPlace/sysWorkplaceDocuments'
+import {orderOutRecordPage} from '@/api/inout/orderDetailBiz'
+
+export default {
+  name: "IoCreateOrderOutRecord",
+  props: {
+    workPlaceCode: {
+      type: Number,
+      default: null,
+      required: true
+    },
+  },
+  data() {
+    return {
+      busQuery: {
+        busKey: '',
+        workplaceCode: null,
+        page: 1,
+        limit: 100
+      },
+      viewType: null,
+      isLinkDisabled: false,
+      //界面配置相关
+      //扫码查询
+      tableHeader: [],
+      queryList: [],
+      tableObj: [],
+      fromList: [],
+      tableHeader4: [],
+      queryList4: [],
+      fromList4: [],
+      convertDateFun: convertDate,
+      //界面配置-------------end
+
+      options: {
+        getInvList: [],
+        getDeptList: [],
+        getBusType: [],
+        findWorkPlace: [],
+      },
+
+      showSearch: false,
+      filterQuery: {
+        busType: null,
+        action: "SC72197936495755",
+        fifoSplit: null,
+        workPlaceCode: null,
+        code: null,
+        billNo: null,
+        page: 1,
+        limit: 10,
+        remind: 'yj',
+        // key: null
+      },
+
+      defaultSort: {prop: 'createTime', order: 'desc'},
+      loading: false,
+      list: [],
+      total: 0,
+
+      resultQuery: {
+        billNo: null,
+        code: null,
+        page: 1,
+        limit: 10
+      },
+      currentRow: {},
+      resultTotal: 0,
+      resultDetailLoading: false,
+      resultDetailList: [],
+    }
+  },
+
+  components: {},
+  methods: {
+    changePlace(_this, query) {
+      _this.getWorkBindBusTypes(_this, query)
+    },
+    getWorkBindBusTypes(_this, query) {
+      _this.busQuery.workplaceCode = query
+      getWorkBindBusTypes(this.busQuery).then(res => {
+        if (res.code == 20000) {
+          let busTypes = res.data.list || [];
+          // _this.options.getWorkPlace = res.data.list || [];
+          let getWorkPlace = busTypes.map(busType => {
+            return {
+              code: busType.documentTypeCode,
+              label: busType.busName
+            };
+          });
+          _this.options.getBusType = getWorkPlace
+          if (_this.options.getBusType.length == 1) {
+            _this.filterQuery.busType = _this.options.getBusType[0].code
+          } else {
+            _this.filterQuery.busType = null
+          }
+        }
+        return
+      })
+    },
+    //界面配置相关------------
+    executeFuc(row, type, clickFuc, value) {
+      return executeFuc(this, row, type, clickFuc, value);
+    },
+    executeEval(row, expression, defaultRet) {
+      if (expression) {
+        return eval(expression);
+      }
+      return defaultRet;
+    },
+    handleSortChange(column, prop, order) {
+      if (column.order === 'descending') {
+        this.query.sort = 'desc'
+      } else {
+        this.query.sort = 'asc'
+      }
+      this.query.orderBy = column.prop;
+      this.getList();
+    },
+    ///界面配置相关------------end
+    getInvList(_this) {
+      getInvListByUserOptimize()
+        .then((response) => {
+          _this.options.getInvList = response.data || [];
+          _this.getList();
+        })
+        .catch(() => {
+        });
+    },
+
+    hideSearch() {
+      this.showSearch = !this.showSearch;
+    },
+    onReset() {
+      this.filterQuery = {
+        fifoSplit: null,
+        workPlaceCode: null,
+        action: "SC72197936495755",
+        code: null,
+        billNo: null,
+        page: 1,
+        limit: 10,
+        remind: 'yj',
+      };
+      this.actDateRange = [];
+      this.getList();
+    },
+    onSubmit(_this) {
+      if (_this == null)
+        _this = this
+      _this.filterQuery.page = 1;
+      _this.getList();
+    },
+
+    getList() {
+      this.loading = true;
+      orderOutRecordPage(this.filterQuery).then(res => {
+        this.loading = false
+        this.list = res.data.list || []
+        this.total = res.data.total || 0
+      }).catch(() => {
+        this.loading = false
+        this.list = []
+        this.total = 0
+      })
+    },
+
+    handleCurrentChange(val) {
+      this.filterQuery.page = val.page;
+      this.getList();
+    },
+
+
+    getInputFocus(event) {
+      event.currentTarget.select();
+    },
+    enterKey(_this, event) {
+      _this.onSubmit();
+    },
+    findWorkPlace(_this, val) {
+      let query = {
+        // chargeUser: _this.$store.getters.userId,
+        userIdFlag: true,
+        key: val,
+        page: 1,
+        limit: 10,
+        workPlaceClass:2
+      }
+      filterWorkOptimize(query)
+        .then((response) => {
+          _this.loading = false;
+          _this.options.findWorkPlace = response.data || [];
+          if (_this.options.findWorkPlace.length == 1) {
+            _this.filterQuery.workPlaceCode = _this.options.findWorkPlace[0].code;
+            _this.getWorkBindBusTypes(_this, _this.filterQuery.workPlaceCode)
+          }
+        })
+        .catch(() => {
+          _this.loading = false;
+          _this.options.findWorkPlace = [];
+        });
+    },
+  },
+  created() {
+    if (this.$route.query.workplaceId != null) {
+      this.filterQuery.workPlaceCode = Number(this.$route.query.workplaceId)
+      this.viewType = 1
+      this.isLinkDisabled = true
+    }
+    this.findWorkPlace(this, "")
+    this.getWorkBindBusTypes(this, "")
+
+    getHead("IoCreateOrderOutRecord", "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>
+.query-form {
+  display: flex;
+  flex-wrap: wrap;
+  width: 100%;
+}
+
+.query-form-item {
+  margin-right: 5px;
+  margin-bottom: 6px;
+}
+</style>