From 02c3d6d7ebd44b89853b113467e67a67dc6171ff Mon Sep 17 00:00:00 2001
From: "bo.wu@finesys.com.cn" <bo.wu@finesys.com.cn>
Date: Thu, 26 Jun 2025 19:48:24 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=94=B9=E5=AF=BC=E5=85=A5=EF=BC=8C?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E9=9C=80=E6=B1=82=E6=97=B6=E9=97=B4=EF=BC=8C?=
 =?UTF-8?q?=E7=9B=AE=E5=89=8D=E9=BB=98=E8=AE=A4=E4=B8=8D=E6=96=B0=E5=A2=9E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/kateOrdersTable.vue | 793 +++++++++++++++++----------------
 1 file changed, 405 insertions(+), 388 deletions(-)
 mode change 100644 => 100755 src/layout/kateOrdersTable.vue

diff --git a/src/layout/kateOrdersTable.vue b/src/layout/kateOrdersTable.vue
old mode 100644
new mode 100755
index fa20d21..fd79860
--- a/src/layout/kateOrdersTable.vue
+++ b/src/layout/kateOrdersTable.vue
@@ -1,389 +1,406 @@
-<template>
-    <div style="margin-bottom: 10px; height: 100%; padding-left: 1%; padding-right: 1%;">
-        <el-config-provider :locale="zhCn">
-            <div style="display: flex;justify-content: space-between;">
-                <el-row>
-                    <el-input v-model="workOrderQuery" style="width: 256px; margin-right: 10px;" placeholder="工单"
-                        :suffix-icon="Search" />
-                        <el-input v-model="goodsIdQuery" style="width: 256px; margin-right: 10px;" placeholder="料号"
-                        :suffix-icon="Search" />
-                        <el-input v-model="smallBoxQuery" style="width: 256px; margin-right: 10px;" placeholder="小工位"
-                        :suffix-icon="Search" />
-                    <el-button type="primary" @click="search()">搜索</el-button>
-                    <el-button type="warning" @click="reset()">重置</el-button>
-                </el-row>
-                <el-row>
-                    <el-button style="background-color: #00CED1; color: #000;"
-                        @click="openUploadDialog()">导入</el-button>
-                </el-row>
-            </div>
-            <br />
-            <el-table :data="ordersList" stripe border v-loading="loading" class="table-class" highlight-current-row
-                max-height="650px" @row-click="getCurrentRow" :header-cell-style="{ 'text-align': 'center' }"
-                :cell-style="{ 'text-align': 'center' }">
-                <el-table-column width="65px" fixed="left">
-                    <template v-slot="scope">
-                        <el-radio :label="scope.row.orderId" v-model="orderId">&nbsp;</el-radio>
-                    </template>
-                </el-table-column>
-                <el-table-column prop="orderId" label="id" fixed="left" min-width="120px" show-overflow-tooltip />
-                <el-table-column prop="workOrder" label="工单" fixed="left" min-width="120px" show-overflow-tooltip />
-                <el-table-column prop="goodsId" label="料号" min-width="120px" />
-                <el-table-column prop="supplyArea" label="小工位" fixed="left" min-width="120px" />
-                <el-table-column prop="item" label="Item" min-width="120px" />
-                <el-table-column prop="description" label="描述" min-width="120px" show-overflow-tooltip />
-                <el-table-column prop="sLoc" label="SLoc" min-width="120px" />
-                <el-table-column prop="type" label="Type" min-width="120px" />
-                <el-table-column prop="originStatus" label="Status" min-width="120px" />
-                <el-table-column prop="sortString" label="SortStrng" min-width="120px" />
-                <el-table-column prop="requirementQuantity" label="需求数量" sortable min-width="120px" />
-                <el-table-column prop="goodsUnit" label="单位" min-width="120px" />
-                <el-table-column prop="orderStatus" label="状态" min-width="120px" />
-                <el-table-column prop="lackQuantity" label="缺少数量" min-width="120px" />
-                <el-table-column prop="pickedQuantity" label="已拣数量" min-width="120px" />
-                <el-table-column prop="finishTime" label="完成时间" :formatter="timeFormat" min-width="120px" show-overflow-tooltip />
-                <el-table-column prop="userName" label="操作人员" min-width="120px" />
-                <el-table-column fixed="right" label="操作" width="240px">
-                    <template v-slot="scope">
-                        <el-button plain type="primary" @click="editCurrentRowOrders(scope.row)">编辑</el-button>
-                        <el-button plain type="danger" @click="deleteCurrentRowOrders(scope.row)">删除</el-button>
-                    </template>
-                </el-table-column>
-            </el-table>
-            <br />
-            <el-pagination v-model:current-page="currentPage" v-model:page-size="pageSize" :page-sizes="[10, 25, 50]"
-                :small="false" :disabled="false" :background="false" :default-page-size="10"
-                layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="search"
-                @current-change="search" />
-            <el-dialog v-model="dialogVisible" title="工单信息" width="40%" draggable :show-close="false">
-                <div
-                    style="max-width: 100%; max-height: 500px; overflow: auto; display: flex; justify-content: center;">
-                    <el-form ref="ordersFormRef" :model="ordersFormEntity" :label-position="labelPosition"
-                        label-width="100px" style="width: 95%;" :rules="rules" status-icon>
-                        <el-row :gutter="16">
-                            <el-col :span="12" :offset="0">
-                                <el-form-item label="id" prop="orderId">
-                                    <el-input v-model="ordersFormEntity.orderId" disabled />
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="工单" prop="workOrder">
-                                    <el-input v-model="ordersFormEntity.workOrder" disabled />
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row :gutter="16">
-                            <el-col :span="12" :offset="0">
-                                <el-form-item label="小工位" prop="supplyArea">
-                                    <el-input v-model="ordersFormEntity.supplyArea" disabled />
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="料号" prop="goodsId">
-                                    <el-input v-model="ordersFormEntity.goodsId" disabled />
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row :gutter="16">
-                            <el-col :span="12" :offset="0">
-                                <el-form-item label="需求数量" prop="requirementQuantity">
-                                    <el-input-number v-model.number="ordersFormEntity.requirementQuantity"
-                                        controls-position="right" :min="0" clearable />
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="状态" prop="orderStatus">
-                                    <el-input-number v-model.number="ordersFormEntity.orderStatus"
-                                        controls-position="right" :min="0" :max="4" clearable />
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row :gutter="16">
-                            <el-col :span="12" :offset="0">
-                                <el-form-item label="缺少数量" prop="lackQuantity">
-                                    <el-input-number v-model.number="ordersFormEntity.lackQuantity"
-                                        controls-position="right" :min="0" :max="ordersFormEntity.requirementQuantity" clearable />
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="已拣数量" prop="pickedQuantity">
-                                    <el-input-number v-model.number="ordersFormEntity.pickedQuantity"
-                                        controls-position="right" :min="0" :max="ordersFormEntity.requirementQuantity" clearable />
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                </div>
-                <template #footer>
-                    <span class="dialog-footer">
-                        <el-button @click="dialogVisible = false">取消</el-button>
-                        <el-button type="primary" @click="submitOrdersInfo(ordersFormEntity)">
-                            确定
-                        </el-button>
-                    </span>
-                </template>
-            </el-dialog>
-            <el-dialog v-model="uploadDialogVisible" title="工单" width="40%" draggable :show-close="true">
-                <fieldset class="title-area">
-                    <legend>上次更新</legend>
-                    <div style="padding: 5px;">
-                        <div style="display: flex; margin-bottom: 10px;">
-                            <div style="display: flex; width: 100%;">
-                                <div style="width: 30%; align-content: center;">时间：</div>
-                                <el-input v-model="uploadRecord.uploadTime" readonly />
-                            </div>
-                            <div style="display: flex; width: 100%; margin-left: 5px;">
-                                <div style="width: 30%; align-content: center;">人员：</div>
-                                <el-input v-model="uploadRecord.uploadUser" readonly />
-                            </div>
-                        </div>
-                        <div style="display: flex; width: 100%;">
-                            <div style="width: 13%; align-content: center;">文件名：</div>
-                            <el-input type="textarea" :rows="1" v-model="uploadRecord.fileName" :maxlength="-1"
-                                :show-word-limit="false" :autosize="{ minRows: 1, maxRows: 4 }" readonly>
-                            </el-input>
-                        </div>
-                    </div>
-                </fieldset>
-                <fieldset class="title-area">
-                    <legend>再次更新</legend>
-                    <UploadExcelOrders></UploadExcelOrders>
-                </fieldset>
-            </el-dialog>
-        </el-config-provider>
-    </div>
-</template>
-
-<script setup>
-import store from '@/store'
-import { getOrders, deleteOrders, updateOrders } from '@/api/kateWork.js'
-import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
-import { ElMessageBox, ElMessage } from 'element-plus'
-import { errorBox } from '@/utils/myMessageBox.js'
-import { ref, reactive } from 'vue'
-import { dateFormatter, timeFormatter } from '@/utils/formatter.js'
-import UploadExcelOrders from '@/excel/UploadExcelOrders.vue'
-import { queryUploadRecord } from '@/api/excel.js'
-import { Search } from '@element-plus/icons-vue'
-</script>
-<script>
-export default {
-    name: 'kateOrders',
-    data() {
-        return {
-            ordersList: [],
-            currentPage: 1,
-            uploadRecord: reactive({
-                fileName: '',
-                uploadTime: '',
-                uploadUser: ''
-            }),
-            pageSize: 10,
-            total: 0,
-            workOrderQuery: '',
-            goodsIdQuery: '',
-            smallBoxQuery: '',
-            loading: true,
-            dialogVisible: false,
-            uploadDialogVisible: false,
-            orderId: '',
-            ordersFormEntity: reactive({}),
-            labelPosition: 'top',
-            ordersFormRef: ref(),
-            rules: reactive({})
-        }
-    },
-    mounted() {
-        this.search()
-    },
-    methods: {
-        search() {
-            this.loading = true
-            const request = {
-                pageNo: this.currentPage,
-                pageSize: this.pageSize,
-                workOrder: this.workOrderQuery.trim(),
-                goodsId: this.goodsIdQuery.trim(),
-                supplyArea: this.smallBoxQuery.trim(),
-                userName: store.getters.getUserName
-            }
-            getOrders(request).then(res => {
-                const tableResponse = res.data
-                if (tableResponse.code == 0) {
-                    this.ordersList = tableResponse.returnData.lists
-                    this.total = tableResponse.returnData.total
-                } else {
-                    errorBox(tableResponse.message)
-                }
-            }).catch(err => {
-                console.log(err)
-                errorBox('查询工单错误')
-            })
-            this.loading = false
-        },
-        dateFormat: (row, column, cellValue, index) => {
-            return dateFormatter(cellValue)
-        },
-        timeFormat: (row, column, cellValue, index) => {
-            return timeFormatter(cellValue)
-        },
-        reset() {
-            this.workOrderQuery = ''
-            this.goodsIdQuery = ''
-            this.smallBoxQuery = ''
-            this.search()
-        },
-        editCurrentRowOrders(row) {
-            this.orderId = row.orderId
-            this.ordersFormEntity = {
-                orderId: row.orderId,
-                workOrder: row.workOrder,
-                goodsId: row.goodsId,
-                supplyArea: row.supplyArea,
-                requirementQuantity: row.requirementQuantity,
-                orderStatus: row.orderStatus,
-                lackQuantity: row.lackQuantity,
-                pickedQuantity: row.pickedQuantity
-            }
-            this.dialogVisible = true
-        },
-        deleteCurrentRowOrders(row) {
-            this.orderId = row.orderId
-            ElMessageBox.confirm(
-                '该操作会删除选择的工单数据。\n是否继续',
-                '警告',
-                {
-                    confirmButtonText: '确认',
-                    cancelButtonText: '取消',
-                    type: 'warning',
-                }
-            ).then(() => {
-                const params = {
-                    orderId: this.orderId,
-                    userName: store.getters.getUserName
-                }
-                deleteOrders(params).then(res => {
-                    if (res.data.code == 0) {
-                        ElMessage.success('删除工单信息成功。')
-                        this.search()
-                    } else {
-                        errorBox(res.data.message)
-                    }
-                }).catch(err => {
-                    console.log(err)
-                    errorBox('删除工单信息成功')
-                })
-            }).catch(() => {
-                ElMessage.info('操作取消')
-            })
-        },
-        submitOrdersInfo(formData) {
-            const params = {
-                orderId: formData.orderId,
-                workOrder: formData.workOrder,
-                goodsId: formData.goodsId,
-                supplyArea: formData.supplyArea,
-                requirementQuantity: formData.requirementQuantity,
-                orderStatus: formData.orderStatus,
-                lackQuantity: formData.lackQuantity,
-                pickedQuantity: formData.pickedQuantity,
-                userName: store.getters.getUserName
-            }
-            updateOrders(params).then(res => {
-                if (res.data.code == 0) {
-                    this.dialogVisible = false
-                    ElMessage.success('更新工单成功。')
-                    this.search()
-                } else {
-                    errorBox(res.data.message)
-                }
-            }).catch(err => {
-                console.log(err)
-                errorBox('更新工单失败。')
-            })
-        },
-        getCurrentRow(row) {
-            this.orderId = row.orderId
-        },
-        openUploadDialog() {
-            // 请求上传记录
-            const param = {
-                userName: store.getters.getUserName,
-                fileDescription: 'ORDERS',
-                isAsc: false,
-                sortBy: 'upload_time'
-            }
-            queryUploadRecord(param).then(res => {
-                if (res.data.code == 0) {
-                    if (res.data.returnData.total > 0) {
-                        this.uploadRecord = res.data.returnData.lists[0]
-                    } else {
-                        this.uploadRecord = reactive({
-                            fileName: '',
-                            uploadTime: '',
-                            uploadUser: ''
-                        })
-                    }
-                } else {
-                    this.uploadRecord = reactive({
-                        fileName: '',
-                        uploadTime: '',
-                        uploadUser: ''
-                    })
-                }
-            }).catch(err => {
-                console.log(err)
-                errorBox('发生异常')
-            })
-            this.uploadDialogVisible = true
-        },
-    },
-}
-</script>
-
-<style scoped>
-.el-pagination {
-    padding-left: 5px;
-}
-
-.el-row .el-button {
-    width: 72px;
-    margin-left: 0px;
-    margin-right: 5px;
-}
-
-.table-class {
-    width: 100%;
-}
-
-.el-row .el-form-item {
-    width: 10% inherit;
-    justify-content: center;
-}
-
-.el-row .el-form-item .el-select-v2 {
-    width: 100% !important;
-}
-
-.el-row .el-form-item .el-input-number {
-    width: 100% !important;
-}
-
-.el-row .el-form-item .el-button {
-    margin: auto;
-}
-
-.title-area {
-    display: flex;
-    /* min-height: 10%; */
-    max-height: max-content;
-    margin-bottom: 10px;
-    min-width: inherit;
-    border: solid 1px;
-    border-radius: 10px;
-    box-shadow: 0px 15px 10px -15px #000;
-    overflow: auto;
-    flex-direction: column;
-    padding: 10px;
-}
+<template>
+    <div style="margin-bottom: 10px; height: 100%; padding-left: 1%; padding-right: 1%;">
+        <el-config-provider :locale="zhCn">
+            <div style="display: flex;justify-content: space-between;">
+                <el-row>
+                    <el-input v-model="workOrderQuery" style="width: 256px; margin-right: 10px;" placeholder="工单"
+                        :suffix-icon="Search" />
+                        <el-input v-model="goodsIdQuery" style="width: 256px; margin-right: 10px;" placeholder="料号"
+                        :suffix-icon="Search" />
+                        <el-input v-model="smallBoxQuery" style="width: 256px; margin-right: 10px;" placeholder="小工位"
+                        :suffix-icon="Search" />
+                    <el-button type="primary" @click="search()">搜索</el-button>
+                    <el-button type="warning" @click="reset()">重置</el-button>
+                </el-row>
+                <el-row>
+                    <el-button style="background-color: #00CED1; color: #000;"
+                        @click="openUploadDialog()">导入</el-button>
+                </el-row>
+            </div>
+            <br />
+            <el-table :data="ordersList" stripe border v-loading="loading" class="table-class" highlight-current-row
+                max-height="650px" @row-click="getCurrentRow" :header-cell-style="{ 'text-align': 'center' }"
+                :cell-style="{ 'text-align': 'center' }">
+                <el-table-column width="65px" fixed="left">
+                    <template v-slot="scope">
+                        <el-radio :label="scope.row.orderId" v-model="orderId">&nbsp;</el-radio>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="orderId" label="id" fixed="left" min-width="120px" show-overflow-tooltip />
+                <el-table-column prop="workOrder" label="工单" fixed="left" min-width="120px" show-overflow-tooltip />
+                <el-table-column prop="goodsId" label="料号" min-width="120px" />
+                <el-table-column prop="supplyArea" label="小工位" fixed="left" min-width="120px" />
+                <el-table-column prop="item" label="Item" min-width="120px" />
+                <el-table-column prop="description" label="描述" min-width="120px" show-overflow-tooltip />
+                <el-table-column prop="sLoc" label="SLoc" min-width="120px" />
+                <el-table-column prop="type" label="Type" min-width="120px" />
+                <el-table-column prop="originStatus" label="Status" min-width="120px" />
+                <el-table-column prop="sortString" label="SortStrng" min-width="120px" />
+                <el-table-column prop="requirementQuantity" label="需求数量" sortable min-width="120px" />
+                <el-table-column prop="goodsUnit" label="单位" min-width="120px" />
+                <el-table-column v-if="isAddReqmtDate" prop="planStartDate" label="开工时间" min-width="120px" />
+                <el-table-column prop="orderStatus" label="状态" min-width="120px" />
+                <el-table-column prop="lackQuantity" label="缺少数量" min-width="120px" />
+                <el-table-column prop="pickedQuantity" label="已拣数量" min-width="120px" />
+                <el-table-column prop="finishTime" label="计划完成时间" :formatter="timeFormat" min-width="120px" show-overflow-tooltip />
+                <el-table-column prop="userName" label="操作人员" min-width="120px" />
+                <el-table-column fixed="right" label="操作" width="240px">
+                    <template v-slot="scope">
+                        <el-button plain type="primary" @click="editCurrentRowOrders(scope.row)">编辑</el-button>
+                        <el-button plain type="danger" @click="deleteCurrentRowOrders(scope.row)">删除</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <br />
+            <el-pagination v-model:current-page="currentPage" v-model:page-size="pageSize" :page-sizes="[10, 25, 50]"
+                :small="false" :disabled="false" :background="false" :default-page-size="10"
+                layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="search"
+                @current-change="search" />
+            <el-dialog v-model="dialogVisible" title="工单信息" width="40%" draggable :show-close="false">
+                <div
+                    style="max-width: 100%; max-height: 500px; overflow: auto; display: flex; justify-content: center;">
+                    <el-form ref="ordersFormRef" :model="ordersFormEntity" :label-position="labelPosition"
+                        label-width="100px" style="width: 95%;" :rules="rules" status-icon>
+                        <el-row :gutter="16">
+                            <el-col :span="12" :offset="0">
+                                <el-form-item label="id" prop="orderId">
+                                    <el-input v-model="ordersFormEntity.orderId" disabled />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="工单" prop="workOrder">
+                                    <el-input v-model="ordersFormEntity.workOrder" disabled />
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        <el-row :gutter="16">
+                            <el-col :span="12" :offset="0">
+                                <el-form-item label="小工位" prop="supplyArea">
+                                    <el-input v-model="ordersFormEntity.supplyArea" disabled />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="料号" prop="goodsId">
+                                    <el-input v-model="ordersFormEntity.goodsId" disabled />
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        <el-row :gutter="16">
+                            <el-col :span="12" :offset="0">
+                                <el-form-item label="需求数量" prop="requirementQuantity">
+                                    <el-input-number v-model.number="ordersFormEntity.requirementQuantity"
+                                        controls-position="right" :min="0" clearable />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="状态" prop="orderStatus">
+                                    <el-input-number v-model.number="ordersFormEntity.orderStatus"
+                                        controls-position="right" :min="0" :max="4" clearable />
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        <el-row :gutter="16">
+                            <el-col :span="12" :offset="0">
+                                <el-form-item label="缺少数量" prop="lackQuantity">
+                                    <el-input-number v-model.number="ordersFormEntity.lackQuantity"
+                                        controls-position="right" :min="0" :max="ordersFormEntity.requirementQuantity" clearable />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="已拣数量" prop="pickedQuantity">
+                                    <el-input-number v-model.number="ordersFormEntity.pickedQuantity"
+                                        controls-position="right" :min="0" :max="ordersFormEntity.requirementQuantity" clearable />
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        <el-row v-if="isAddReqmtDate" :gutter="16">
+                            <el-col :span="12" :offset="0">
+                                <el-form-item label="计划开工时间" prop="planStartDate">
+                                    <el-date-picker
+                                        v-model="ordersFormEntity.planStartDate"
+                                        type="date"
+                                        placeholder="选择日期"
+                                        style="width: 100%;"
+                                        value-format="YYYY-MM-DD"
+                                    />
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                    </el-form>
+                </div>
+                <template #footer>
+                    <span class="dialog-footer">
+                        <el-button @click="dialogVisible = false">取消</el-button>
+                        <el-button type="primary" @click="submitOrdersInfo(ordersFormEntity)">
+                            确定
+                        </el-button>
+                    </span>
+                </template>
+            </el-dialog>
+            <el-dialog v-model="uploadDialogVisible" title="工单" width="40%" draggable :show-close="true">
+                <fieldset class="title-area">
+                    <legend>上次更新</legend>
+                    <div style="padding: 5px;">
+                        <div style="display: flex; margin-bottom: 10px;">
+                            <div style="display: flex; width: 100%;">
+                                <div style="width: 30%; align-content: center;">时间：</div>
+                                <el-input v-model="uploadRecord.uploadTime" readonly />
+                            </div>
+                            <div style="display: flex; width: 100%; margin-left: 5px;">
+                                <div style="width: 30%; align-content: center;">人员：</div>
+                                <el-input v-model="uploadRecord.uploadUser" readonly />
+                            </div>
+                        </div>
+                        <div style="display: flex; width: 100%;">
+                            <div style="width: 13%; align-content: center;">文件名：</div>
+                            <el-input type="textarea" :rows="1" v-model="uploadRecord.fileName" :maxlength="-1"
+                                :show-word-limit="false" :autosize="{ minRows: 1, maxRows: 4 }" readonly>
+                            </el-input>
+                        </div>
+                    </div>
+                </fieldset>
+                <fieldset class="title-area">
+                    <legend>再次更新</legend>
+                    <UploadExcelOrders></UploadExcelOrders>
+                </fieldset>
+            </el-dialog>
+        </el-config-provider>
+    </div>
+</template>
+
+<script setup>
+import store from '@/store'
+import { getOrders, deleteOrders, updateOrders } from '@/api/kateWork.js'
+import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
+import { ElMessageBox, ElMessage } from 'element-plus'
+import { errorBox } from '@/utils/myMessageBox.js'
+import { ref, reactive } from 'vue'
+import { dateFormatter, timeFormatter } from '@/utils/formatter.js'
+import UploadExcelOrders from '@/excel/UploadExcelOrders.vue'
+import { queryUploadRecord } from '@/api/excel.js'
+import { Search } from '@element-plus/icons-vue'
+</script>
+<script>
+export default {
+    name: 'kateOrders',
+    data() {
+        return {
+            ordersList: [],
+            currentPage: 1,
+            uploadRecord: reactive({
+                fileName: '',
+                uploadTime: '',
+                uploadUser: ''
+            }),
+            pageSize: 10,
+            total: 0,
+            workOrderQuery: '',
+            goodsIdQuery: '',
+            smallBoxQuery: '',
+            loading: true,
+            dialogVisible: false,
+            uploadDialogVisible: false,
+            orderId: '',
+            ordersFormEntity: reactive({}),
+            labelPosition: 'top',
+            ordersFormRef: ref(),
+            rules: reactive({}),
+            isAddReqmtDate: false
+        }
+    },
+    mounted() {
+        this.search()
+    },
+    methods: {
+        search() {
+            this.loading = true
+            const request = {
+                pageNo: this.currentPage,
+                pageSize: this.pageSize,
+                workOrder: this.workOrderQuery.trim(),
+                goodsId: this.goodsIdQuery.trim(),
+                supplyArea: this.smallBoxQuery.trim(),
+                userName: store.getters.getUserName
+            }
+            getOrders(request).then(res => {
+                const tableResponse = res.data
+                if (tableResponse.code == 0) {
+                    this.ordersList = tableResponse.returnData.lists
+                    this.total = tableResponse.returnData.total
+                } else {
+                    errorBox(tableResponse.message)
+                }
+            }).catch(err => {
+                console.log(err)
+                errorBox('查询工单错误')
+            })
+            this.loading = false
+        },
+        dateFormat: (row, column, cellValue, index) => {
+            return dateFormatter(cellValue)
+        },
+        timeFormat: (row, column, cellValue, index) => {
+            return timeFormatter(cellValue)
+        },
+        reset() {
+            this.workOrderQuery = ''
+            this.goodsIdQuery = ''
+            this.smallBoxQuery = ''
+            this.search()
+        },
+        editCurrentRowOrders(row) {
+            this.orderId = row.orderId
+            this.ordersFormEntity = {
+                orderId: row.orderId,
+                workOrder: row.workOrder,
+                goodsId: row.goodsId,
+                supplyArea: row.supplyArea,
+                requirementQuantity: row.requirementQuantity,
+                orderStatus: row.orderStatus,
+                lackQuantity: row.lackQuantity,
+                pickedQuantity: row.pickedQuantity,
+                planStartDate: row.planStartDate
+            }
+            this.dialogVisible = true
+        },
+        deleteCurrentRowOrders(row) {
+            this.orderId = row.orderId
+            ElMessageBox.confirm(
+                '该操作会删除选择的工单数据。\n是否继续',
+                '警告',
+                {
+                    confirmButtonText: '确认',
+                    cancelButtonText: '取消',
+                    type: 'warning',
+                }
+            ).then(() => {
+                const params = {
+                    orderId: this.orderId,
+                    userName: store.getters.getUserName
+                }
+                deleteOrders(params).then(res => {
+                    if (res.data.code == 0) {
+                        ElMessage.success('删除工单信息成功。')
+                        this.search()
+                    } else {
+                        errorBox(res.data.message)
+                    }
+                }).catch(err => {
+                    console.log(err)
+                    errorBox('删除工单信息成功')
+                })
+            }).catch(() => {
+                ElMessage.info('操作取消')
+            })
+        },
+        submitOrdersInfo(formData) {
+            const params = {
+                orderId: formData.orderId,
+                workOrder: formData.workOrder,
+                goodsId: formData.goodsId,
+                supplyArea: formData.supplyArea,
+                requirementQuantity: formData.requirementQuantity,
+                orderStatus: formData.orderStatus,
+                lackQuantity: formData.lackQuantity,
+                pickedQuantity: formData.pickedQuantity,
+                planStartDate: formData.planStartDate,
+                userName: store.getters.getUserName
+            }
+            updateOrders(params).then(res => {
+                if (res.data.code == 0) {
+                    this.dialogVisible = false
+                    ElMessage.success('更新工单成功。')
+                    this.search()
+                } else {
+                    errorBox(res.data.message)
+                }
+            }).catch(err => {
+                console.log(err)
+                errorBox('更新工单失败。')
+            })
+        },
+        getCurrentRow(row) {
+            this.orderId = row.orderId
+        },
+        openUploadDialog() {
+            // 请求上传记录
+            const param = {
+                userName: store.getters.getUserName,
+                fileDescription: 'ORDERS',
+                isAsc: false,
+                sortBy: 'upload_time'
+            }
+            queryUploadRecord(param).then(res => {
+                if (res.data.code == 0) {
+                    if (res.data.returnData.total > 0) {
+                        this.uploadRecord = res.data.returnData.lists[0]
+                    } else {
+                        this.uploadRecord = reactive({
+                            fileName: '',
+                            uploadTime: '',
+                            uploadUser: ''
+                        })
+                    }
+                } else {
+                    this.uploadRecord = reactive({
+                        fileName: '',
+                        uploadTime: '',
+                        uploadUser: ''
+                    })
+                }
+            }).catch(err => {
+                console.log(err)
+                errorBox('发生异常')
+            })
+            this.uploadDialogVisible = true
+        },
+    },
+}
+</script>
+
+<style scoped>
+.el-pagination {
+    padding-left: 5px;
+}
+
+.el-row .el-button {
+    width: 72px;
+    margin-left: 0px;
+    margin-right: 5px;
+}
+
+.table-class {
+    width: 100%;
+}
+
+.el-row .el-form-item {
+    width: 10% inherit;
+    justify-content: center;
+}
+
+.el-row .el-form-item .el-select-v2 {
+    width: 100% !important;
+}
+
+.el-row .el-form-item .el-input-number {
+    width: 100% !important;
+}
+
+.el-row .el-form-item .el-button {
+    margin: auto;
+}
+
+.title-area {
+    display: flex;
+    /* min-height: 10%; */
+    max-height: max-content;
+    margin-bottom: 10px;
+    min-width: inherit;
+    border: solid 1px;
+    border-radius: 10px;
+    box-shadow: 0px 15px 10px -15px #000;
+    overflow: auto;
+    flex-direction: column;
+    padding: 10px;
+}
 </style>
\ No newline at end of file