fix: 🐛 修正构建包安装顺序

Reviewed-on: #11

.drone.yml

@@ -12,7 +12,7 @@ steps:
   - name: dockerconfig
     path: /root/.docker
   commands:
-  - docker build -t harbor.picaiba.com/mes/mes-cigs-ui ./ && docker push harbor.picaiba.com/mes/mes-cigs-ui
+  - docker build -t harbor.picaiba.com/kszny/wms-ui:00a-1.0.0 ./ && docker push harbor.picaiba.com/kszny/wms-ui:00a-1.0.0
 
 - name: deploy
   image: harbor.picaiba.com/tools/kubectl:1.19.8
@@ -20,9 +20,9 @@ steps:
   - echo "172.27.0.20 lb.kubesphere.local" >> /etc/hosts
   #- echo "52.74.223.119 github.com" >> /etc/hosts
   - sleep 1
-  - kubectl scale --replicas=0 deployment/mes-ui -n mes-cigs
+  - kubectl scale --replicas=0 deployment/a-wms-ui -n wms
   - sleep 3
-  - kubectl scale --replicas=1 deployment/mes-ui -n mes-cigs
+  - kubectl scale --replicas=1 deployment/a-wms-ui -n wms
   depends_on:
   - build
 

.env.production

@@ -2,6 +2,6 @@
 ENV = 'production'
 
 # base api
-VUE_APP_BASE_API = '/api'
+VUE_APP_BASE_API = ''
 VUE_APP_REPORT_DESIGN_URL = '/ureport/designer'
-VUE_APP_REPORT_VIEW_URL = '/ureport/preview'
+VUE_APP_REPORT_VIEW_URL = '/ureport/preview'

Dockerfile

@@ -1,9 +1,7 @@
 FROM node:12 AS builder
 WORKDIR /app
 ADD package.json /app/
-RUN npm install \
-    --registry=https://registry.npm.taobao.org \
-    --disturl=https://npm.taobao.org/dist
+RUN npm config set registry https://registry.npmmirror.com && npm install git+https://gitee.com/shihairong/raphael && npm install 
 ADD . /app
 RUN npm run build:prod
 

package.json

@@ -66,6 +66,7 @@
     "nprogress": "0.2.0",
     "outlayer": "^2.1.1",
     "path-to-regexp": "2.4.0",
+    "raphael": "git+https://gitee.com/shihairong/raphael",
     "screenfull": "4.2.0",
     "script-loader": "0.7.2",
     "showdown": "1.9.0",

src/api/basicData/Warehouse/HistoricalTask.js

@@ -2,7 +2,7 @@
  * @Author: zwq
  * @Date: 2020-12-29 16:00:14
  * @LastEditors: zwq
- * @LastEditTime: 2022-01-12 16:23:00
+ * @LastEditTime: 2022-01-14 15:29:26
  * @Description:
  */
 import request from '@/utils/request'
@@ -26,3 +26,21 @@ export function HistoricalTaskDetail(id) { // 获取任务单条数据
   })
 }
 
+export function CurrentTaskList(data) { // 获取任务列表
+  return request({
+    url: '/api/wms/car/task/execution/info/page',
+    method: 'post',
+    data
+  })
+}
+
+export function CurrentTaskDetail(id) { // 获取任务单条数据
+  const data = {
+    'id': id
+  }
+  return request({
+    url: '/api/wms/car/task/execution/info/get',
+    method: 'post',
+    data
+  })
+}

src/api/basicData/Warehouse/StorageBoxInfo.js

@@ -0,0 +1,86 @@
+/*
+ * @Author: zwq
+ * @Date: 2020-12-29 16:00:14
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-01-17 13:59:54
+ * @Description:
+ */
+import request from '@/utils/request'
+
+export function StorageBoxInfoList(data) { // 获取存储箱使用情况
+  return request({
+    url: '/api/wms/storage/box/circ/info/his/page/by/code',
+    method: 'post',
+    data
+  })
+}
+
+export function StorageBoxInfoDetail(id) { // 获取存储箱单条数据
+  const data = {
+    'id': id
+  }
+  return request({
+    url: '/api/wms/storage/box/get',
+    method: 'post',
+    data
+  })
+}
+
+export function StorageBoxRackList(data) { // 获取存储箱上架列表
+  return request({
+    url: '/api/wms/storage/box/circ/info/page/for/bind',
+    method: 'post',
+    data
+  })
+}
+
+export function locationList(data) { // 获取库位列表
+  return request({
+    url: '/api/wms/location/list',
+    method: 'post',
+    data
+  })
+}
+
+export function StorageBoxRackDetail(id) { // 获取存储箱上架单条数据
+  const data = {
+    'id': id
+  }
+  return request({
+    url: '/api/wms/storage/box/circ/info/get',
+    method: 'post',
+    data
+  })
+}
+
+export function StorageBoxRackUpdate(data) { // 更新存储箱上架单条数据
+  return request({
+    url: '/api/wms/storage/box/circ/info/update',
+    method: 'post',
+    data
+  })
+}
+
+export function StorageBoxRackAdd(data) { // 新增存储箱上架单条数据
+  return request({
+    url: '/api/wms/storage/box/circ/info/add',
+    method: 'post',
+    data
+  })
+}
+
+export function StorageBoxRackCode(data) { // 获取存储箱上架code
+  return request({
+    url: '/api/wms/storagebox/page',
+    method: 'post',
+    data
+  })
+}
+
+export function StorageBoxRackDelete(id) { // 删除存储箱上架单条数据
+  return request({
+    url: '/api/wms/storage/box/circ/info/delete',
+    method: 'post',
+    data: { id }
+  })
+}

src/api/orderManage/00A.js

@@ -0,0 +1,47 @@
+/*
+ * @Author: zwq
+ * @Date: 2022-01-17 14:55:09
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-01-17 14:59:07
+ * @Description:
+ */
+
+import request from '@/utils/request'
+
+export function ProcessInfoList(data) { // 获取工单工艺列表
+  return request({
+    url: '/api/wms/work/order/page',
+    method: 'post',
+    data
+  })
+}
+
+export function ProcessInfoDetail(id) { // 获取工单工艺单条数据
+  const data = {
+    'id': id
+  }
+  return request({
+    url: '/api/wms/work/order/get',
+    method: 'post',
+    data
+  })
+}
+
+export function ExecutionInfoList(data) { // 获取工单执行列表
+  return request({
+    url: '/api/wms/work/order/execute/page',
+    method: 'post',
+    data
+  })
+}
+
+export function ExecutionInfoDetail(id) { // 获取工单执行单条数据
+  const data = {
+    'id': id
+  }
+  return request({
+    url: '/api/wms/work/order/execute/get',
+    method: 'post',
+    data
+  })
+}

src/filters/basicData/index.js

@@ -1,7 +1,7 @@
 /*
  * @Date: 2020-12-29 16:49:28
  * @LastEditors: zwq
- * @LastEditTime: 2021-07-21 15:56:54
+ * @LastEditTime: 2022-01-17 15:31:40
  * @FilePath: \basic-admin\src\filters\basicData\index.js
  * @Description:
  */
@@ -63,9 +63,9 @@ const table = {
     '1': i18n.t('basicDataFilter.enableState.enable')
   },
   storage: {
-    '0': i18n.t('basicDataFilter.enableState.normal'),
-    '1': i18n.t('basicDataFilter.enableState.repairing'),
-    '2': i18n.t('basicDataFilter.enableState.scrap')
+    '0': i18n.t('basicDataFilter.storage.normal'),
+    '1': i18n.t('basicDataFilter.storage.repairing'),
+    '2': i18n.t('basicDataFilter.storage.scrap')
   }
 }
 

src/filters/basicData/warehouse.js

@@ -0,0 +1,33 @@
+/*
+ * @Author: zwq
+ * @Date: 2022-01-17 11:30:41
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-01-17 11:33:29
+ * @Description:
+ */
+/*
+ * @Date: 2020-12-29 16:49:28
+ * @LastEditors: gtz
+ * @LastEditTime: 2021-04-13 13:49:51
+ * @FilePath: \basic-admin\src\filters\DataDict\index.js
+ * @Description: 部分常量的数据字典定义
+ */
+
+import i18n from '@/lang'
+
+const table = {
+  yesOrNo: {
+    '0': i18n.t('baseDict.yesOrNo.no'),
+    '1': i18n.t('baseDict.yesOrNo.yes')
+  },
+  enableState: {
+    '0': i18n.t('basicDataFilter.enableState.disable'),
+    '1': i18n.t('basicDataFilter.enableState.enable')
+  }
+}
+
+export default function(dictTable) {
+  return function(val) {
+    return table?.[dictTable]?.[val]
+  }
+}

src/lang/i18n.js

@@ -712,6 +712,10 @@ export default {
         zh: '存储箱信息',
         en: 'Storage Box Info'
       },
+      StorageBoxRack: {
+        zh: '存储箱上架',
+        en: 'Storage Box Rack'
+      },
       CurrentTask: {
         zh: '当前任务',
         en: 'Current Task'
@@ -728,6 +732,14 @@ export default {
         zh: 'Power Classification',
         en: 'Power Classification'
       },
+      ProcessInfo: {
+        zh: '工艺信息',
+        en: 'Process Info'
+      },
+      ExecutionInfo: {
+        zh: '执行信息',
+        en: 'Execution Info'
+      },
       consumption: {
         zh: '工单能耗',
         en: 'Energy consumption of the repair order'

src/lang/i18n/en/module/basicData.js

@@ -2,7 +2,7 @@
  * @Author: gtz
  * @Date: 2021-03-04 16:13:51
  * @LastEditors: zwq
- * @LastEditTime: 2022-01-12 16:09:24
+ * @LastEditTime: 2022-01-17 15:12:18
  * @Description: file content
  */
 export default {
@@ -279,6 +279,7 @@ export default {
     Code: 'Code',
     TaskType: 'Task Type',
     TaskStatus: 'Task Status',
+    TaskSource: 'Task Source',
     VehicleName: 'Vehicle Name',
     TimeSlot: 'Time Slot',
     ExecutionTime: 'Execution Time',
@@ -288,6 +289,31 @@ export default {
     NextOperation: 'Next Operation',
     CompletionTime: 'Completion Time',
     StartLocation: 'Start Location',
-    TargetLocation: 'Target Location'
+    FullBoxStartLocation: 'FullBox Start Location',
+    TaskLocation: 'Task Location',
+    TargetLocation: 'Target Location',
+    OrderName: 'Order Name',
+    OrderCode: 'Order Code',
+    IssueOrderTime: 'Issue Order Time',
+    TotalProcessName: 'Total Process Name',
+    Priority: 'Priority',
+    OrderStatus: 'Order Status',
+    ProcessOrNot: 'Process Or Not',
+    Unit: 'Unit',
+    RelateProcess: 'Relate Process',
+    PlanProcessQuantity: 'Plan Process Quantity',
+    SubProcessName: 'Sub Process Name',
+    TaskBoxNumber: 'Task Box Number',
+    FullBoxNumber: 'Full Box Number',
+    EmptyFork: 'Empty Fork',
+    TaskBoxFork: 'Task Box Fork',
+    EmptyHandlingTime: 'Empty Handling Time',
+    TaskBoxHandlingTime: 'TaskBox Handling Time',
+    StorageBoxNumber: 'Storage Box Number',
+    CurrentLocation: 'Current Location',
+    IsEmpty: 'Is Empty',
+    IsEmptyBox: 'Is Empty Box',
+    LocationName: 'Location Name',
+    LocationCode: 'Location Code'
   }
 }

src/lang/i18n/zh/module/basicData.js

@@ -2,7 +2,7 @@
  * @Author: gtz
  * @Date: 2021-03-04 16:13:51
  * @LastEditors: zwq
- * @LastEditTime: 2022-01-12 16:09:25
+ * @LastEditTime: 2022-01-17 15:12:12
  * @Description: file content
  */
 export default {
@@ -279,6 +279,7 @@ export default {
     Code: '编码',
     TaskType: '任务类型',
     TaskStatus: '任务状态',
+    TaskSource: '任务来源',
     VehicleName: '车辆名',
     TimeSlot: '时间段',
     ExecutionTime: '执行时间',
@@ -288,6 +289,32 @@ export default {
     NextOperation: '下一个工序',
     CompletionTime: '完成时间',
     StartLocation: '开始库位',
-    TargetLocation: '目标库位'
+    FullBoxStartLocation: '空箱开始库位',
+    TaskLocation: '任务库位',
+    TargetLocation: '目标库位',
+    OrderName: '工单名',
+    OrderCode: '工单编码',
+    IssueOrderTime: '下发工单时间',
+    TotalProcessName: '总工艺名称',
+    Priority: '优先级',
+    OrderStatus: '工单状态',
+    ProcessOrNot: '是否关联工艺',
+    Unit: '单位',
+    RelateProcess: '关联工艺',
+    PlanProcessQuantity: '计划加工数量',
+    SubProcessName: '分工艺',
+    TaskBoxNumber: '任务箱号',
+    FullBoxNumber: '空箱号',
+    EmptyFork: '空箱货叉',
+    TaskBoxFork: '任务箱货叉',
+    EmptyHandlingTime: '搬运空箱时间',
+    TaskBoxHandlingTime: '搬运任务箱时间',
+    StorageBoxNumber: '存储箱号',
+    CurrentLocation: '当前库位',
+    IsEmpty: '是否有基板',
+    IsEmptyBox: '是否空箱',
+    LocationName: '库位名',
+    LocationCode: '库位编码'
+
   }
 }

src/router/index.js

@@ -177,6 +177,13 @@ export const constantRoutes = [
         name: 'StorageBoxInfo',
         meta: { title: routerTitle.Warehouse.StorageBoxInfo?.[language] || routerTitle.Warehouse.StorageBoxInfo.en, icon: 'form', affix: true, required: true, requireToken: true }
       },
+      {
+        path: '/StorageBoxRack',
+        component: () =>
+          import('@/views/basicData/Warehouse/StorageBoxRack'),
+        name: 'StorageBoxRack',
+        meta: { title: routerTitle.Warehouse.StorageBoxRack?.[language] || routerTitle.Warehouse.StorageBoxRack.en, icon: 'form', affix: true, required: true, requireToken: true }
+      },
       {
         path: '/CurrentTask',
         component: () =>
@@ -196,195 +203,23 @@ export const constantRoutes = [
   {
     path: '/order',
     component: Layout,
-    redirect: '/order/workOrderManage',
+    redirect: '/order/ProcessInfo',
     name: 'orderManage',
     meta: { title: routerTitle.order?.[language] || routerTitle.order.en, icon: 'form', iconPart: 'orderManage', affix: true, required: true, requireToken: true },
     children: [
       {
-        path: 'powerClassification',
+        path: 'ProcessInfo',
         component: () =>
-          import('@/views/orderManage/powerClassification'),
-        name: 'powerClassification',
-        meta: { title: routerTitle.order.powerClassification?.[language] || routerTitle.order.powerClassification.en, icon: 'form', affix: true, required: true, requireToken: true }
+          import('@/views/orderManage/ProcessInfo'),
+        name: 'ProcessInfo',
+        meta: { title: routerTitle.order.ProcessInfo?.[language] || routerTitle.order.ProcessInfo.en, icon: 'form', affix: true, required: true, requireToken: true }
       },
       {
-        path: 'erpToMesData',
+        path: 'ExecutionInfo',
         component: () =>
-          import('@/views/orderManage/erpToMesData'),
-        name: 'erpToMesData',
-        meta: { title: routerTitle.order.erpToMesData?.[language] || routerTitle.order.erpToMesData.en, icon: 'form', affix: true, required: true, requireToken: true }
-      },
-      {
-        path: 'erpToMesVisualization',
-        component: () =>
-          import('@/views/orderManage/visualization'),
-        name: 'erpToMesVisualization',
-        meta: { title: routerTitle.order.erpToMesVisualization?.[language] || routerTitle.order.erpToMesVisualization.en, icon: 'form', affix: true, required: true, requireToken: true }
-      },
-      {
-        path: 'mesToErp',
-        component: () =>
-          import('@/views/orderManage/mesToErp'),
-        name: 'mesToErp',
-        meta: { title: 'mesToErp', icon: 'form', affix: true, required: true, requireToken: true }
-      },
-      {
-        path: '/workOrderManage',
-        component: () => import('@/views/orderManage/index'),
-        name: 'workOrderManage',
-        meta: { title: routerTitle.order.workOrderManage?.[language] || routerTitle.order.workOrderManage.en, icon: 'form', affix: true, required: true, requireToken: true },
-        children: [
-          {
-            path: 'workOrder',
-            component: () =>
-              import('@/views/orderManage/workOrder/workOrder'),
-            name: 'workOrder',
-            meta: { title: routerTitle.order.workOrderManage.workOrder?.[language] || routerTitle.order.workOrderManage.workOrder.en, icon: 'form', affix: true, required: true, requireToken: true }
-          },
-          {
-            path: 'workOrderOperation',
-            component: () => import('@/views/orderManage/workOrder/components/workOrderOperation'),
-            name: 'workOrderOperation',
-            hidden: true,
-            meta: { title: routerTitle.order.workOrderManage.workOrderOperation?.[language] || routerTitle.order.workOrderManage.workOrderOperation.en, icon: 'form', affix: true }
-          },
-          {
-            path: 'workOrderMonitor',
-            component: () => import('@/views/orderManage/workOrder/components/workOrderMonitor'),
-            name: 'workOrderMonitor',
-            hidden: true,
-            meta: { title: routerTitle.order.workOrderManage.workOrderMonitor?.[language] || routerTitle.order.workOrderManage.workOrderMonitor.en, icon: 'form', affix: true }
-          },
-          {
-            path: 'workOrderVerify',
-            component: () => import('@/views/orderManage/workOrder/components/workOrderVerify'),
-            name: 'workOrderVerify',
-            hidden: true,
-            meta: { title: routerTitle.order.workOrderManage.workOrderVerify?.[language] || routerTitle.order.workOrderManage.workOrderVerify.en, icon: 'form', affix: true }
-          },
-          {
-            path: 'packingTags',
-            component: () => import('@/views/orderManage/packingTags'),
-            name: 'packingTags',
-            hidden: true,
-            meta: { title: routerTitle.order.workOrderManage.viewpackingTags?.[language] || routerTitle.order.workOrderManage.viewpackingTags.en, icon: 'form', affix: true }
-          }
-        ]
-      },
-      {
-        path: '/orderManage',
-        component: () => import('@/views/orderManage/index'),
-        name: 'orderManage',
-        meta: { title: routerTitle.order.orderManage?.[language] || routerTitle.order.orderManage.en, icon: 'form', affix: true, required: true, requireToken: true },
-        children: [
-          {
-            path: 'order',
-            component: () =>
-              import('@/views/orderManage/order/order'),
-            name: 'order',
-            meta: { title: routerTitle.order.orderManage.order?.[language] || routerTitle.order.orderManage.order.en, icon: 'form', affix: true, required: true, requireToken: true }
-          },
-          {
-            path: 'orderIssue',
-            component: () =>
-              import('@/views/orderManage/order/components/orderIssue'),
-            name: 'orderIssue',
-            hidden: true,
-            meta: { title: routerTitle.order.orderManage.orderIssue?.[language] || routerTitle.order.orderManage.orderIssue.en, icon: 'form', affix: true, required: true, requireToken: true }
-          },
-          {
-            path: 'orderDetail',
-            component: () =>
-              import('@/views/orderManage/order/components/orderDetail'),
-            name: 'orderDetail',
-            hidden: true,
-            meta: { title: routerTitle.order.orderManage.orderDetail?.[language] || routerTitle.order.orderManage.orderDetail.en, icon: 'form', affix: true, required: true, requireToken: true }
-          }
-        ]
-      },
-      {
-        path: '/infoTrack',
-        component: () => import('@/views/orderManage/index'),
-        name: 'infoTrack',
-        meta: { title: routerTitle.order.infoTrack?.[language] || routerTitle.order.infoTrack.en, icon: 'form', affix: true, required: true, requireToken: true },
-        children: [
-          {
-            path: 'equipmentParametersTrack',
-            component: () =>
-              import('@/views/orderManage/infoTrack/equipmentParametersTrack'),
-            name: 'equipmentParametersTrack',
-            meta: { title: routerTitle.order.infoTrack.equipmentParametersTrack?.[language] || routerTitle.order.infoTrack.equipmentParametersTrack.en, icon: 'form', affix: true, required: true, requireToken: true }
-          },
-          {
-            path: 'processSubstrateDataTrack',
-            component: () =>
-              import('@/views/orderManage/infoTrack/processSubstrateDataTrack'),
-            name: 'processSubstrateDataTrack',
-            meta: { title: routerTitle.order.infoTrack.processSubstrateDataTrack?.[language] || routerTitle.order.infoTrack.processSubstrateDataTrack.en, icon: 'form', affix: true, required: true, requireToken: true }
-          },
-          {
-            path: 'substrateParametersTrack',
-            component: () =>
-              import('@/views/orderManage/infoTrack/substrateParametersTrack'),
-            name: 'substrateParametersTrack',
-            meta: { title: routerTitle.order.infoTrack.substrateParametersTrack?.[language] || routerTitle.order.infoTrack.substrateParametersTrack.en, icon: 'form', affix: true, required: true, requireToken: true }
-          },
-          {
-            path: 'equipmentEventTrack',
-            component: () =>
-              import('@/views/orderManage/infoTrack/equipmentEventTrack'),
-            name: 'equipmentEventTrack',
-            hidden: true,
-            meta: { title: routerTitle.order.infoTrack.equipmentEventTrack?.[language] || routerTitle.order.infoTrack.equipmentEventTrack.en, icon: 'form', affix: true, required: true, requireToken: true }
-          },
-          {
-            path: 'substrateEquipment',
-            component: () =>
-              import('@/views/orderManage/infoTrack/substrateEquipment'),
-            name: 'substrateEquipment',
-            hidden: true,
-            meta: { title: routerTitle.order.infoTrack.substrateEquipment?.[language] || routerTitle.order.infoTrack.substrateEquipment.en, icon: 'form', affix: true, required: true, requireToken: true }
-          }
-        ]
-      },
-      {
-        path: '/substrate',
-        component: () => import('@/views/orderManage/index'),
-        name: 'substrate',
-        hidden: true,
-        meta: { title: routerTitle.order.substrate?.[language] || routerTitle.order.substrate.en, icon: 'form', affix: true, required: true, requireToken: true },
-        children: [
-          {
-            path: 'substrateBatch',
-            component: () =>
-              import('@/views/orderManage/substrateBatch'),
-            name: 'substrateBatch',
-            meta: { title: routerTitle.order.substrate.substrateBatch?.[language] || routerTitle.order.substrate.substrateBatch.en, icon: 'form', affix: true, required: true, requireToken: true }
-          },
-          {
-            path: 'substrateBatchAttr',
-            component: () =>
-              import('@/views/orderManage/components/substrateBatchAttr'),
-            name: 'substrateBatchAttr',
-            hidden: true,
-            meta: { title: routerTitle.order.substrate.substrateBatchAttr?.[language] || routerTitle.order.substrate.substrateBatchAttr.en, icon: 'form', affix: true, required: true, requireToken: true }
-          }
-        ]
-      },
-      {
-        path: '/consumption',
-        component: () =>
-          import('@/views/orderManage/consumption/consumption'),
-        name: 'consumption',
-        meta: { title: routerTitle.order.consumption?.[language] || routerTitle.order.consumption.en, icon: 'form', affix: true, required: true, requireToken: true }
-      },
-      {
-        path: '/powerList',
-        component: () =>
-          import('@/views/orderManage/consumption/list'),
-        name: 'powerList',
-        hidden: true,
-        meta: { title: routerTitle.order.details?.[language] || routerTitle.order.details.en, icon: 'form', affix: true, required: true, requireToken: true }
+          import('@/views/orderManage/ExecutionInfo'),
+        name: 'ExecutionInfo',
+        meta: { title: routerTitle.order.ExecutionInfo?.[language] || routerTitle.order.ExecutionInfo.en, icon: 'form', affix: true, required: true, requireToken: true }
       }
     ]
   },
@@ -411,6 +246,7 @@ export const constantRoutes = [
     component: Layout,
     redirect: '/quality',
     name: 'qualityManage',
+    hidden: true,
     meta: { title: routerTitle.quality?.[language] || routerTitle.quality.en, icon: 'form', iconPart: 'qualityManage', affix: true, required: true, requireToken: true },
     children: [
       {
@@ -507,6 +343,7 @@ export const constantRoutes = [
     component: Layout,
     redirect: '/user/manager',
     name: 'ArticleManager',
+    hidden: true,
     meta: { title: routerTitle.basic?.[language] || routerTitle.basic.en, icon: 'form', iconPart: 'ArticleManager', affix: true, required: true, requireToken: true },
     children: [
       {

src/views/basicData/Warehouse/CurrentTask.vue

@@ -1,7 +1,254 @@
 <!--
  * @Author: zwq
- * @Date: 2022-01-12 15:35:11
+ * @Date: 2020-12-29 15:41:11
  * @LastEditors: zwq
- * @LastEditTime: 2022-01-12 15:35:11
+ * @LastEditTime: 2022-01-14 15:54:12
  * @Description:
 -->
+<template>
+  <div class="app-container">
+    <el-form
+      ref="formData"
+      :model="formData"
+      :inline="true"
+      size="medium"
+      label-width="100px"
+    >
+      <el-form-item :label="$t('module.basicData.Warehouse.TaskType')" prop="taskType">
+        <el-select v-model="formData.taskType" filterable :placeholder="$i18nForm(['placeholder.input', $t('module.basicData.Warehouse.TaskType')])" clearable>
+          <el-option
+            v-for="item in taskTypeList"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item :label="$t('module.basicData.Warehouse.TaskStatus')" prop="status">
+        <el-select v-model="formData.status" filterable :placeholder="$i18nForm(['placeholder.input', $t('module.basicData.Warehouse.TaskStatus')])" clearable>
+          <el-option
+            v-for="item in TaskStatusList"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item :label="$t('module.basicData.Warehouse.VehicleName')" prop="equipmentId">
+        <el-select v-model="formData.equipmentId" filterable :placeholder="$i18nForm(['placeholder.input', $t('module.basicData.Warehouse.VehicleName')])" clearable>
+          <el-option
+            v-for="item in VehicleNameList"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="getList()"> {{ 'btn.search' | i18nFilter }} </el-button>
+      </el-form-item>
+    </el-form>
+    <base-table
+      :page="formData.current"
+      :limit="formData.size"
+      :table-config="tableProps"
+      :table-data="list"
+      :is-loading="listLoading"
+    >
+      <method-btn
+        slot="handleBtn"
+        :width="trueWidth"
+        :method-list="tableBtn"
+        @clickBtn="handleClick"
+      />
+    </base-table>
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="formData.current"
+      :limit.sync="formData.size"
+      @pagination="getList()"
+    />
+    <current-task-info v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getList" />
+  </div>
+</template>
+
+<script>
+import { CurrentTaskList } from '@/api/basicData/Warehouse/HistoricalTask'
+import CurrentTaskInfo from './components/CurrentTaskInfo.vue'
+import i18n from '@/lang'
+import BaseTable from '@/components/BaseTable'
+import Pagination from '@/components/Pagination' // Secondary package based on el-pagination
+import MethodBtn from '@/components/BaseTable/subcomponents/MethodBtn'
+// import { timeFormatter } from '@/filters'
+/**
+ * 表格表头配置项 TypeScript接口注释
+ * tableConfig<ConfigItem> = []
+ *
+ * Interface ConfigItem = {
+ *  prop: string,
+ *  label: string,
+ *  width: string,
+ *  align: string,
+ *  subcomponent: function,
+ *  filter: function
+ * }
+ *
+ *
+ */
+
+const tableBtn = [
+  {
+    type: 'view',
+    btnName: 'btn.see'
+  }
+]
+const tableProps = [
+  {
+    prop: 'taskCode',
+    label: i18n.t('module.basicData.Warehouse.Code'),
+    align: 'center'
+  },
+  {
+    prop: 'createTime',
+    label: i18n.t('module.basicData.Warehouse.ExecutionTime'),
+    align: 'center'
+  },
+  {
+    prop: 'taskSource',
+    label: i18n.t('module.basicData.Warehouse.TaskSource'),
+    align: 'center'
+  },
+  {
+    prop: 'taskType',
+    label: i18n.t('module.basicData.Warehouse.TaskType'),
+    align: 'center'
+  },
+  {
+    prop: 'fullCode',
+    label: i18n.t('module.basicData.Warehouse.TaskBoxNumber'),
+    align: 'center'
+  },
+  {
+    prop: 'emptyCode',
+    label: i18n.t('module.basicData.Warehouse.FullBoxNumber'),
+    align: 'center'
+  },
+  {
+    prop: 'wcurrProcessCode',
+    label: i18n.t('module.basicData.Warehouse.PreviousOperation'),
+    align: 'center'
+  },
+  {
+    prop: 'wnextProcessCode',
+    label: i18n.t('module.basicData.Warehouse.NextOperation'),
+    align: 'center'
+  },
+  {
+    prop: 'anotherCurrLocation',
+    label: i18n.t('module.basicData.Warehouse.StartLocation'),
+    align: 'center'
+  },
+  {
+    prop: 'anotherTargetLocation',
+    label: i18n.t('module.basicData.Warehouse.TargetLocation'),
+    align: 'center'
+  },
+  {
+    prop: 'currLocation',
+    label: i18n.t('module.basicData.Warehouse.FullBoxStartLocation'),
+    align: 'center'
+  },
+  {
+    prop: 'name',
+    label: i18n.t('module.basicData.Warehouse.VehicleName'),
+    align: 'center'
+  }
+]
+
+export default {
+  name: 'ScrapInfo',
+  components: { Pagination, BaseTable, MethodBtn, CurrentTaskInfo },
+  data() {
+    return {
+      trueWidth: 100,
+      addOrUpdateVisible: false,
+      tableProps,
+      tableBtn,
+      list: [],
+      total: 0,
+      listLoading: false,
+      formData: {
+        taskType: '',
+        status: '',
+        equipmentId: '',
+        current: 1,
+        size: 10
+      },
+      taskTypeList: [{
+        'label': '出库',
+        'value': 0
+      }, {
+        'label': '入库',
+        'value': 1
+      }, {
+        'label': '流转',
+        'value': 2
+      }],
+      TaskStatusList: [{
+        'label': '初始化',
+        'value': 0
+      }, {
+        'label': '损坏',
+        'value': 1
+      }],
+      VehicleNameList: [{
+        'label': '小车1',
+        'value': 0
+      }, {
+        'label': '小车2',
+        'value': 1
+      }]
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    getList() {
+      this.listLoading = true
+      CurrentTaskList(this.formData).then(response => {
+        if (response.data.records) {
+          this.list = response.data.records
+        } else {
+          this.list.splice(0, this.list.length)
+        }
+        this.total = response.data.total
+        this.listLoading = false
+      })
+    },
+    handleClick(raw) {
+      console.log(raw)
+      this.addNew(raw.data.id)
+    },
+    // 新增 / 修改
+    addNew(id) {
+      this.addOrUpdateVisible = true
+      this.$nextTick(() => {
+        this.$refs.addOrUpdate.init(id)
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.edit-input {
+  padding-right: 100px;
+}
+.cancel-btn {
+  position: absolute;
+  right: 15px;
+  top: 10px;
+}
+</style>

src/views/basicData/Warehouse/HistoricalTask.vue

@@ -2,7 +2,7 @@
  * @Author: zwq
  * @Date: 2020-12-29 15:41:11
  * @LastEditors: zwq
- * @LastEditTime: 2022-01-12 16:27:58
+ * @LastEditTime: 2022-01-13 15:49:01
  * @Description:
 -->
 <template>
@@ -27,20 +27,20 @@
       <el-form-item :label="$t('module.basicData.Warehouse.TaskStatus')" prop="status">
         <el-select v-model="formData.status" filterable :placeholder="$i18nForm(['placeholder.input', $t('module.basicData.Warehouse.TaskStatus')])" clearable>
           <el-option
-            v-for="item in equipmentList"
-            :key="item.id"
-            :label="item.name"
-            :value="item.id"
+            v-for="item in TaskStatusList"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
           />
         </el-select>
       </el-form-item>
       <el-form-item :label="$t('module.basicData.Warehouse.VehicleName')" prop="equipmentId">
         <el-select v-model="formData.equipmentId" filterable :placeholder="$i18nForm(['placeholder.input', $t('module.basicData.Warehouse.VehicleName')])" clearable>
           <el-option
-            v-for="item in equipmentList"
-            :key="item.id"
-            :label="item.name"
-            :value="item.id"
+            v-for="item in VehicleNameList"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
           />
         </el-select>
       </el-form-item>
@@ -66,7 +66,14 @@
       :table-config="tableProps"
       :table-data="list"
       :is-loading="listLoading"
-    />
+    >
+      <method-btn
+        slot="handleBtn"
+        :width="trueWidth"
+        :method-list="tableBtn"
+        @clickBtn="handleClick"
+      />
+    </base-table>
     <pagination
       v-show="total > 0"
       :total="total"
@@ -74,15 +81,17 @@
       :limit.sync="formData.size"
       @pagination="getList()"
     />
+    <historical-task-info v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getList" />
   </div>
 </template>
 
 <script>
-import { equipmentInfoList } from '@/api/basicData/Equipment/equipmentInfo'
 import { HistoricalTaskList } from '@/api/basicData/Warehouse/HistoricalTask'
+import HistoricalTaskInfo from './components/HistoricalTaskInfo.vue'
 import i18n from '@/lang'
 import BaseTable from '@/components/BaseTable'
 import Pagination from '@/components/Pagination' // Secondary package based on el-pagination
+import MethodBtn from '@/components/BaseTable/subcomponents/MethodBtn'
 // import { timeFormatter } from '@/filters'
 /**
  * 表格表头配置项 TypeScript接口注释
@@ -100,6 +109,12 @@ import Pagination from '@/components/Pagination' // Secondary package based on e
  *
  */
 
+const tableBtn = [
+  {
+    type: 'view',
+    btnName: 'btn.see'
+  }
+]
 const tableProps = [
   {
     prop: 'taskCode',
@@ -165,11 +180,13 @@ const tableProps = [
 
 export default {
   name: 'ScrapInfo',
-  components: { Pagination, BaseTable },
+  components: { Pagination, BaseTable, MethodBtn, HistoricalTaskInfo },
   data() {
     return {
-      trueWidth: 200,
+      trueWidth: 100,
+      addOrUpdateVisible: false,
       tableProps,
+      tableBtn,
       list: [],
       total: 0,
       listLoading: false,
@@ -193,26 +210,26 @@ export default {
         'label': '流转',
         'value': 2
       }],
-      equipmentList: []
+      TaskStatusList: [{
+        'label': '初始化',
+        'value': 0
+      }, {
+        'label': '损坏',
+        'value': 1
+      }],
+      VehicleNameList: [{
+        'label': '小车1',
+        'value': 0
+      }, {
+        'label': '小车2',
+        'value': 1
+      }]
     }
   },
   created() {
-    this.init()
     this.getList()
   },
   methods: {
-    init() {
-      const listQuery = {
-        current: 1,
-        size: 500
-      }
-      this.equipmentList.splice(0, this.equipmentList.length)
-      equipmentInfoList(listQuery).then(response => {
-        if (response.data.records) {
-          this.equipmentList = response.data.records
-        }
-      })
-    },
     getList() {
       if (this.formData.timeSlot) {
         this.formData.startTime = this.formData.timeSlot[0]
@@ -231,6 +248,17 @@ export default {
         this.total = response.data.total
         this.listLoading = false
       })
+    },
+    handleClick(raw) {
+      console.log(raw)
+      this.addNew(raw.data.id)
+    },
+    // 新增 / 修改
+    addNew(id) {
+      this.addOrUpdateVisible = true
+      this.$nextTick(() => {
+        this.$refs.addOrUpdate.init(id)
+      })
     }
   }
 }

src/views/basicData/Warehouse/StorageBoxInfo.vue

@@ -1,7 +1,160 @@
 <!--
  * @Author: zwq
- * @Date: 2022-01-12 15:32:02
+ * @Date: 2020-12-29 15:41:11
  * @LastEditors: zwq
- * @LastEditTime: 2022-01-12 15:32:03
+ * @LastEditTime: 2022-01-18 14:30:25
  * @Description:
 -->
+<template>
+  <div class="app-container">
+    <el-form ref="listQuery" :model="listQuery" :inline="true" label-width="120px" @keyup.enter.native="getList()">
+      <el-form-item :label="$t('module.basicData.Warehouse.StorageBoxNumber')" prop="code">
+        <el-select
+          v-model="listQuery.code"
+          :placeholder="$i18nForm(['placeholder.input', $t('module.basicData.Warehouse.StorageBoxNumber')])"
+          clearable
+          filterable
+          :style="{width: '100%'}"
+        >
+          <el-option
+            v-for="(item, index) in storageBoxList"
+            :key="index"
+            :label="item.code"
+            :value="item.code"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="getList()">{{ 'btn.search' | i18nFilter }}</el-button>
+      </el-form-item>
+      <base-table
+        :page="listQuery.current"
+        :limit="listQuery.size"
+        :table-config="tableProps"
+        :table-data="list"
+        :is-loading="listLoading"
+      />
+      <pagination
+        v-show="total > 0"
+        :total="total"
+        :page.sync="listQuery.current"
+        :limit.sync="listQuery.size"
+        @pagination="getList()"
+      />
+    </el-form></div>
+</template>
+
+<script>
+import { StorageBoxInfoList, StorageBoxRackCode } from '@/api/basicData/Warehouse/StorageBoxInfo'
+import BaseTable from '@/components/BaseTable'
+import Pagination from '@/components/Pagination' // Secondary package based on el-pagination
+import warehouse from '@/filters/basicData/warehouse'
+import i18n from '@/lang'
+/**
+ * 表格表头配置项 TypeScript接口注释
+ * tableConfig<ConfigItem> = []
+ *
+ * Interface ConfigItem = {
+ *  prop: string,
+ *  label: string,
+ *  width: string,
+ *  align: string,
+ *  subcomponent: function,
+ *  filter: function
+ * }
+ *
+ *
+ */
+
+const tableProps = [
+  {
+    prop: 'storageCode',
+    label: i18n.t('module.basicData.Warehouse.StorageBoxNumber'),
+    align: 'center'
+  },
+  {
+    prop: 'status',
+    label: i18n.t('module.basicData.Warehouse.BoxStatus'),
+    filter: warehouse('enableState'),
+    align: 'center'
+  },
+  {
+    prop: 'currLocation',
+    label: i18n.t('module.basicData.Warehouse.CurrentLocation'),
+    align: 'center'
+  },
+  {
+    prop: 'isEmpty',
+    label: i18n.t('module.basicData.Warehouse.IsEmpty'),
+    filter: warehouse('yesOrNo'),
+    align: 'center'
+  }
+]
+
+export default {
+  name: 'StorageBoxInfo',
+  components: { Pagination, BaseTable },
+  filters: {
+    statusFilter(status) {
+      const statusMap = {
+        published: 'success',
+        draft: 'info',
+        deleted: 'danger'
+      }
+      return statusMap[status]
+    }
+  },
+  data() {
+    return {
+      keyName: i18n.t('module.basicData.Warehouse.StorageBoxNumber'),
+      placeholderName: this.$t('module.basicData.Warehouse.StorageBoxNumber'),
+      trueWidth: 200,
+      tableProps,
+      list: [],
+      storageBoxList: [],
+      total: 0,
+      listLoading: true,
+      listQuery: {
+        current: 1,
+        size: 10,
+        code: ''
+      }
+    }
+  },
+  created() {
+    this.getList()
+    const listQuery1 = {
+      current: 1,
+      size: 100
+    }
+    StorageBoxRackCode(listQuery1).then(res => {
+      this.storageBoxList = res.data.records
+    })
+  },
+  methods: {
+    getList() {
+      this.listLoading = true
+      StorageBoxInfoList(this.listQuery).then(response => {
+        if (response.data.records) {
+          this.list = response.data.records
+        } else {
+          this.list.splice(0, this.list.length)
+        }
+        this.total = response.data.total
+        this.listLoading = false
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.edit-input {
+  padding-right: 100px;
+}
+.cancel-btn {
+  position: absolute;
+  right: 15px;
+  top: 10px;
+}
+</style>

src/views/basicData/Warehouse/StorageBoxRack.vue

@@ -0,0 +1,247 @@
+<!--
+ * @Author: zwq
+ * @Date: 2020-12-29 15:41:11
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-01-17 14:06:53
+ * @Description:
+-->
+<template>
+  <div class="app-container">
+    <el-form ref="listQuery" :model="listQuery" :inline="true" label-width="120px" @keyup.enter.native="getList()">
+      <el-form-item :label="$t('module.basicData.Warehouse.LocationName')" prop="currLocationId">
+        <el-select
+          v-model="listQuery.currLocationId"
+          :placeholder="$i18nForm(['placeholder.input', $t('module.basicData.Warehouse.LocationName')])"
+          clearable
+          filterable
+          :style="{width: '100%'}"
+        >
+          <el-option
+            v-for="(item, index) in LocationList"
+            :key="index"
+            :label="item.locationName"
+            :value="item.id"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item :label="$t('module.basicData.Warehouse.StorageBoxNumber')" prop="storageBoxId">
+        <el-select
+          v-model="listQuery.storageBoxId"
+          :placeholder="$i18nForm(['placeholder.input', $t('module.basicData.Warehouse.StorageBoxNumber')])"
+          clearable
+          filterable
+          :style="{width: '100%'}"
+        >
+          <el-option
+            v-for="(item, index) in storageBoxList"
+            :key="index"
+            :label="item.code"
+            :value="item.id"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="getList()">{{ 'btn.search' | i18nFilter }}</el-button>
+        <el-button type="primary" @click="addNew()">{{ 'btn.add' | i18nFilter }}</el-button>
+      </el-form-item>
+    </el-form>
+    <base-table
+      :page="listQuery.current"
+      :limit="listQuery.size"
+      :table-config="tableProps"
+      :table-data="list"
+      :is-loading="listLoading"
+    >
+      <method-btn
+        slot="handleBtn"
+        :width="trueWidth"
+        :method-list="tableBtn"
+        @clickBtn="handleClick"
+      />
+    </base-table>
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="listQuery.current"
+      :limit.sync="listQuery.size"
+      @pagination="getList()"
+    />
+    <Factory-add v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getList" />
+  </div>
+</template>
+
+<script>
+import { StorageBoxRackList, StorageBoxRackDelete, StorageBoxRackCode, locationList } from '@/api/basicData/Warehouse/StorageBoxInfo'
+import FactoryAdd from './components/StorageBoxRack-add.vue'
+import BaseTable from '@/components/BaseTable'
+import Pagination from '@/components/Pagination' // Secondary package based on el-pagination
+import MethodBtn from '@/components/BaseTable/subcomponents/MethodBtn'
+import { timeFormatter } from '@/filters'
+import warehouse from '@/filters/basicData/warehouse'
+import i18n from '@/lang'
+/**
+ * 表格表头配置项 TypeScript接口注释
+ * tableConfig<ConfigItem> = []
+ *
+ * Interface ConfigItem = {
+ *  prop: string,
+ *  label: string,
+ *  width: string,
+ *  align: string,
+ *  subcomponent: function,
+ *  filter: function
+ * }
+ *
+ *
+ */
+
+const tableBtn = [
+  {
+    type: 'edit',
+    btnName: 'btn.edit'
+  },
+  {
+    type: 'delete',
+    btnName: 'btn.delete'
+  }
+]
+const tableProps = [
+  {
+    prop: 'createTime',
+    label: i18n.t('module.basicData.factory.createTime'),
+    filter: timeFormatter,
+    align: 'center'
+  },
+  {
+    prop: 'code',
+    label: i18n.t('module.basicData.Warehouse.StorageBoxNumber'),
+    align: 'center'
+  },
+  {
+    prop: 'status',
+    label: i18n.t('module.basicData.Warehouse.BoxStatus'),
+    filter: warehouse('enableState'),
+    align: 'center'
+  },
+  {
+    prop: 'currLocation',
+    label: i18n.t('module.basicData.Warehouse.LocationName'),
+    align: 'center'
+  },
+  {
+    prop: 'currLocationName',
+    label: i18n.t('module.basicData.Warehouse.LocationCode'),
+    align: 'center'
+  },
+  {
+    prop: 'isEmpty',
+    label: i18n.t('module.basicData.Warehouse.IsEmptyBox'),
+    filter: warehouse('yesOrNo'),
+    align: 'center'
+  }
+]
+
+export default {
+  name: 'StorageBoxInfo',
+  components: { Pagination, BaseTable, MethodBtn, FactoryAdd },
+  filters: {
+    statusFilter(status) {
+      const statusMap = {
+        published: 'success',
+        draft: 'info',
+        deleted: 'danger'
+      }
+      return statusMap[status]
+    }
+  },
+  data() {
+    return {
+      keyName: i18n.t('module.basicData.Warehouse.StorageBoxNumber'),
+      placeholderName: this.$t('module.basicData.Warehouse.StorageBoxNumber'),
+      addOrUpdateVisible: false,
+      tableBtn,
+      trueWidth: 200,
+      tableProps,
+      list: [],
+      total: 0,
+      LocationList: [],
+      storageBoxList: [],
+      listLoading: true,
+      listQuery: {
+        current: 1,
+        size: 10,
+        storageBoxId: '',
+        currLocationId: ''
+      }
+    }
+  },
+  created() {
+    this.getList()
+    const listQuery1 = {
+      current: 1,
+      size: 100
+    }
+    locationList(listQuery1).then(response => {
+      this.LocationList = response.data
+    })
+    StorageBoxRackCode(listQuery1).then(res => {
+      this.storageBoxList = res.data.records
+    })
+  },
+  methods: {
+    handleClick(raw) {
+      console.log(raw)
+      if (raw.type === 'delete') {
+        this.$confirm(`${this.$t('module.basicData.visual.TipsBefore')}[${raw.data.code}]?`, this.$t('module.basicData.visual.Tips'), {
+          confirmButtonText: this.$t('module.basicData.visual.confirmButtonText'),
+          cancelButtonText: this.$t('module.basicData.visual.cancelButtonText'),
+          type: 'warning'
+        }).then(() => {
+          StorageBoxRackDelete(raw.data.id).then(response => {
+            this.$message({
+              message: this.$t('module.basicData.visual.success'),
+              type: 'success',
+              duration: 1500,
+              onClose: () => {
+                this.getList()
+              }
+            })
+          })
+        }).catch(() => {})
+      } else {
+        this.addNew(raw.data.id)
+      }
+    },
+    getList() {
+      this.listLoading = true
+      StorageBoxRackList(this.listQuery).then(response => {
+        if (response.data.records) {
+          this.list = response.data.records
+        } else {
+          this.list.splice(0, this.list.length)
+        }
+        this.total = response.data.total
+        this.listLoading = false
+      })
+    },
+    // 新增 / 修改
+    addNew(id) {
+      this.addOrUpdateVisible = true
+      this.$nextTick(() => {
+        this.$refs.addOrUpdate.init(id)
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.edit-input {
+  padding-right: 100px;
+}
+.cancel-btn {
+  position: absolute;
+  right: 15px;
+  top: 10px;
+}
+</style>

src/views/basicData/Warehouse/components/CurrentTaskInfo.vue

@@ -0,0 +1,178 @@
+<!--
+ * @Author: zwq
+ * @Date: 2020-12-29 16:37:56
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-01-14 15:55:39
+ * @Description:
+-->
+<template>
+  <el-dialog
+    :title="'btn.see' | i18nFilter"
+    :visible.sync="visible"
+  >
+    <el-row :gutter="10">
+      <el-form
+        ref="dataForm"
+        :model="dataForm"
+        size="medium"
+        label-width="110px"
+        label-position="left"
+      >
+        <el-col :span="8">
+          <el-row>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.Code')" prop="taskCode">
+                <el-input v-model="dataForm.taskCode" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.OrderName')" prop="orderName">
+                <el-input v-model="dataForm.orderName" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.TaskBoxNumber')" prop="fullCode">
+                <el-input v-model="dataForm.fullCode" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.VehicleName')" prop="name">
+                <el-input v-model="dataForm.name" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.EmptyFork')" prop="field124">
+                <el-input v-model="dataForm.field124" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.EmptyHandlingTime')" prop="field119">
+                <el-input v-model="dataForm.field119" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-col>
+        <el-col :span="8">
+          <el-row>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.ExecutionTime')" prop="createTime">
+                <el-input v-model="dataForm.createTime" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.TaskType')" prop="taskType">
+                <el-input v-model="dataForm.taskType" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.FullBoxNumber')" prop="emptyCode">
+                <el-input v-model="dataForm.emptyCode" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.TaskLocation')" prop="anotherCurrLocation">
+                <el-input
+                  v-model="dataForm.anotherCurrLocation"
+                  readonly
+                  :style="{width: '100%'}"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.TaskBoxFork')" prop="field121">
+                <el-input v-model="dataForm.field121" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-col>
+        <el-col :span="8">
+          <el-row>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.TaskSource')" prop="taskSource">
+                <el-input v-model="dataForm.taskSource" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.PreviousOperation')" prop="anotherCurrProcessCode">
+                <el-input
+                  v-model="dataForm.anotherCurrProcessCode"
+                  readonly
+                  :style="{width: '100%'}"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.NextOperation')" prop="anotherNextProcessCode">
+                <el-input
+                  v-model="dataForm.anotherNextProcessCode"
+                  readonly
+                  :style="{width: '100%'}"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.TargetLocation')" prop="anotherTargetLocation">
+                <el-input
+                  v-model="dataForm.anotherTargetLocation"
+                  readonly
+                  :style="{width: '100%'}"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.BoxStatus')" prop="field126">
+                <el-input v-model="dataForm.field126" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-col>
+      </el-form>
+    </el-row>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ 'btn.cancel' | i18nFilter }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { CurrentTaskDetail } from '@/api/basicData/Warehouse/HistoricalTask'
+
+export default {
+  data() {
+    return {
+      visible: false,
+      dataForm: {
+        id: '',
+        taskCode: undefined,
+        orderName: undefined,
+        fullCode: undefined,
+        name: undefined,
+        field124: undefined,
+        field119: undefined,
+        createTime: undefined,
+        taskType: undefined,
+        emptyCode: undefined,
+        anotherCurrLocation: undefined,
+        field121: undefined,
+        taskSource: undefined,
+        anotherCurrProcessCode: undefined,
+        anotherNextProcessCode: undefined,
+        anotherTargetLocation: undefined,
+        field126: undefined
+      }
+    }
+  },
+  methods: {
+    init(id) {
+      this.dataForm.id = id
+      this.visible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].resetFields()
+        CurrentTaskDetail(this.dataForm.id).then(res => {
+          this.dataForm = res.data
+        })
+      })
+    }
+  }
+}
+</script>

src/views/basicData/Warehouse/components/HistoricalTaskInfo.vue

@@ -0,0 +1,194 @@
+<!--
+ * @Author: zwq
+ * @Date: 2020-12-29 16:37:56
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-01-13 16:22:39
+ * @Description:
+-->
+<template>
+  <el-dialog
+    :title="'btn.see' | i18nFilter"
+    :visible.sync="visible"
+  >
+    <el-row :gutter="10">
+      <el-form
+        ref="dataForm"
+        :model="dataForm"
+        size="medium"
+        label-width="110px"
+        label-position="left"
+      >
+        <el-col :span="8">
+          <el-row>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.Code')" prop="taskCode">
+                <el-input v-model="dataForm.taskCode" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.OrderName')" prop="orderName">
+                <el-input v-model="dataForm.orderName" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.TaskBoxNumber')" prop="fullCode">
+                <el-input v-model="dataForm.fullCode" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.VehicleName')" prop="name">
+                <el-input v-model="dataForm.name" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.EmptyFork')" prop="field124">
+                <el-input v-model="dataForm.field124" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.EmptyHandlingTime')" prop="field119">
+                <el-input v-model="dataForm.field119" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-col>
+        <el-col :span="8">
+          <el-row>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.ExecutionTime')" prop="createTime">
+                <el-input v-model="dataForm.createTime" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.TaskType')" prop="taskType">
+                <el-input v-model="dataForm.taskType" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.FullBoxNumber')" prop="emptyCode">
+                <el-input v-model="dataForm.emptyCode" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.TaskLocation')" prop="anotherCurrLocation">
+                <el-input
+                  v-model="dataForm.anotherCurrLocation"
+                  readonly
+                  :style="{width: '100%'}"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.TaskBoxFork')" prop="field121">
+                <el-input v-model="dataForm.field121" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.TaskBoxHandlingTime')" prop="field122">
+                <el-input
+                  v-model="dataForm.field122"
+                  readonly
+                  :style="{width: '100%'}"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-col>
+        <el-col :span="8">
+          <el-row>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.TaskSource')" prop="taskSource">
+                <el-input v-model="dataForm.taskSource" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.PreviousOperation')" prop="anotherCurrProcessCode">
+                <el-input
+                  v-model="dataForm.anotherCurrProcessCode"
+                  readonly
+                  :style="{width: '100%'}"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.NextOperation')" prop="anotherNextProcessCode">
+                <el-input
+                  v-model="dataForm.anotherNextProcessCode"
+                  readonly
+                  :style="{width: '100%'}"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.TargetLocation')" prop="anotherTargetLocation">
+                <el-input
+                  v-model="dataForm.anotherTargetLocation"
+                  readonly
+                  :style="{width: '100%'}"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.CompletionTime')" prop="field125">
+                <el-input v-model="dataForm.field125" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.BoxStatus')" prop="field126">
+                <el-input v-model="dataForm.field126" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-col>
+      </el-form>
+    </el-row>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ 'btn.cancel' | i18nFilter }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { HistoricalTaskDetail } from '@/api/basicData/Warehouse/HistoricalTask'
+
+export default {
+  data() {
+    return {
+      visible: false,
+      dataForm: {
+        id: '',
+        taskCode: undefined,
+        orderName: undefined,
+        fullCode: undefined,
+        name: undefined,
+        field124: undefined,
+        field119: undefined,
+        createTime: undefined,
+        taskType: undefined,
+        emptyCode: undefined,
+        anotherCurrLocation: undefined,
+        field121: undefined,
+        field122: undefined,
+        taskSource: undefined,
+        anotherCurrProcessCode: undefined,
+        anotherNextProcessCode: undefined,
+        anotherTargetLocation: undefined,
+        field125: undefined,
+        field126: undefined
+      }
+    }
+  },
+  methods: {
+    init(id) {
+      this.dataForm.id = id
+      this.visible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].resetFields()
+        HistoricalTaskDetail(this.dataForm.id).then(res => {
+          this.dataForm = res.data
+        })
+      })
+    }
+  }
+}
+</script>

src/views/basicData/Warehouse/components/StorageBoxInfoDetail.vue

@@ -0,0 +1,65 @@
+<!--
+ * @Author: zwq
+ * @Date: 2020-12-29 16:37:56
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-01-17 10:19:45
+ * @Description:
+-->
+<template>
+  <el-dialog
+    :title="!dataForm.id ? 'btn.add' : 'btn.edit' | i18nFilter"
+    :visible.sync="visible"
+  >
+    <el-form ref="dataForm" :model="dataForm" label-width="120px">
+      <el-form-item :label="$t('module.basicData.factory.FactoryName')" prop="name">
+        <el-input v-model="dataForm.name" :placeholder="$i18nForm(['placeholder.input', $t('module.basicData.factory.FactoryName')])" clearable />
+      </el-form-item>
+      <el-form-item :label="$t('module.basicData.factory.FactoryCode')" prop="code">
+        <el-input v-model="dataForm.code" :placeholder="$i18nForm(['placeholder.input', $t('module.basicData.factory.FactoryCode')])" clearable />
+      </el-form-item>
+      <el-form-item :label="$t('module.basicData.factory.Address')" prop="address">
+        <el-input v-model="dataForm.address" :placeholder="$i18nForm(['placeholder.input', $t('module.basicData.factory.Address')])" clearable />
+      </el-form-item>
+      <el-form-item :label="$t('module.basicData.visual.Remarks')" prop="description">
+        <el-input v-model="dataForm.description" :placeholder="$i18nForm(['placeholder.input', $t('module.basicData.visual.Remarks')])" clearable />
+      </el-form-item>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ 'btn.cancel' | i18nFilter }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { StorageBoxInfoDetail } from '@/api/basicData/Warehouse/StorageBoxInfo'
+
+export default {
+  data() {
+    return {
+      visible: false,
+      dataForm: {
+        id: 0,
+        name: '',
+        code: '',
+        address: '',
+        description: ''
+      }
+    }
+  },
+  methods: {
+    init(id) {
+      this.dataForm.id = id || ''
+      this.visible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].resetFields()
+        StorageBoxInfoDetail(this.dataForm.id).then(res => {
+          this.dataForm.name = res.data.name
+          this.dataForm.code = res.data.code
+          this.dataForm.address = res.data.address
+          this.dataForm.description = res.data.description
+        })
+      })
+    }
+  }
+}
+</script>

src/views/basicData/Warehouse/components/StorageBoxRack-add.vue

@@ -0,0 +1,180 @@
+<!--
+ * @Author: zwq
+ * @Date: 2020-12-29 16:37:56
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-01-17 11:21:26
+ * @Description:
+-->
+<template>
+  <el-dialog
+    :title="!dataForm.id ? 'btn.add' : 'btn.edit' | i18nFilter"
+    :visible.sync="visible"
+  >
+    <el-form ref="dataForm" :model="dataForm" :rules="dataRule" label-width="120px" @keyup.enter.native="dataFormSubmit()">
+      <el-form-item :label="$t('module.basicData.Warehouse.LocationName')" prop="currLocationId">
+        <el-select
+          v-model="dataForm.currLocationId"
+          :placeholder="$i18nForm(['placeholder.input', $t('module.basicData.Warehouse.LocationName')])"
+          clearable
+          filterable
+          :style="{width: '100%'}"
+          @change="selectGetLabel1"
+        >
+          <el-option
+            v-for="(item, index) in LocationList"
+            :key="index"
+            :label="item.locationName"
+            :value="item.id"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item :label="$t('module.basicData.Warehouse.StorageBoxNumber')" prop="storageBoxId">
+        <el-select
+          v-model="dataForm.storageBoxId"
+          :placeholder="$i18nForm(['placeholder.input', $t('module.basicData.Warehouse.StorageBoxNumber')])"
+          clearable
+          filterable
+          :style="{width: '100%'}"
+          @change="selectGetLabel2"
+        >
+          <el-option
+            v-for="(item, index) in storageBoxList"
+            :key="index"
+            :label="item.code"
+            :value="item.id"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item :label="$t('module.basicData.Warehouse.BoxStatus')" prop="status">
+        <el-switch
+          v-model="dataForm.status"
+          :active-value="1"
+          :inactive-value="0"
+          active-color="#13ce66"
+          inactive-color="#AAAAAA"
+        />
+      </el-form-item>
+      <el-form-item :label="$t('module.basicData.Warehouse.IsEmptyBox')" prop="isEmpty">
+        <el-switch
+          v-model="dataForm.isEmpty"
+          :active-value="1"
+          :inactive-value="0"
+          active-color="#13ce66"
+          inactive-color="#AAAAAA"
+        />
+      </el-form-item>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ 'btn.cancel' | i18nFilter }}</el-button>
+      <el-button type="primary" @click="dataFormSubmit()">{{ 'btn.confirm' | i18nFilter }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { StorageBoxRackDetail, StorageBoxRackUpdate, StorageBoxRackAdd, StorageBoxRackCode, locationList } from '@/api/basicData/Warehouse/StorageBoxInfo'
+
+export default {
+  data() {
+    return {
+      visible: false,
+      dataForm: {
+        id: 0,
+        code: '',
+        locationName: '',
+        currLocationId: '',
+        storageBoxId: '',
+        status: '',
+        isEmpty: ''
+      },
+      LocationList: [],
+      storageBoxList: [],
+      dataRule: {
+        currLocationId: [
+          {
+            required: true,
+            message: this.$i18nForm(['placeholder.input', this.$t('module.basicData.Warehouse.LocationName')]),
+            trigger: 'blur' }
+        ],
+        storageBoxId: [
+          {
+            required: true,
+            message: this.$i18nForm(['placeholder.input', this.$t('module.basicData.Warehouse.StorageBoxNumber')]),
+            trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    init(id) {
+      this.dataForm.id = id || ''
+      this.visible = true
+      const listQuery = {
+        current: 1,
+        size: 100
+      }
+      locationList(listQuery).then(response => {
+        this.LocationList = response.data
+      })
+      StorageBoxRackCode(listQuery).then(res => {
+        this.storageBoxList = res.data.records
+      })
+      this.$nextTick(() => {
+        this.$refs['dataForm'].resetFields()
+        if (this.dataForm.id) {
+          StorageBoxRackDetail(this.dataForm.id).then(res => {
+            this.dataForm = res.data
+          })
+        }
+      })
+    },
+    selectGetLabel1(vId) {
+      let obj = {}
+      obj = this.LocationList.find((item) => {
+        return item.id === vId
+      })
+      this.dataForm.locationName = obj.locationName
+    },
+    selectGetLabel2(vId) {
+      let obj = {}
+      obj = this.storageBoxList.find((item) => {
+        return item.id === vId
+      })
+      this.dataForm.code = obj.code
+    },
+    // 表单提交
+    dataFormSubmit() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          const data = this.dataForm
+          if (this.dataForm.id) {
+            StorageBoxRackUpdate(data).then(res => {
+              this.$message({
+                message: this.$t('module.basicData.visual.success'),
+                type: 'success',
+                duration: 1500,
+                onClose: () => {
+                  this.visible = false
+                  this.$emit('refreshDataList')
+                }
+              })
+            })
+          } else {
+            StorageBoxRackAdd(data).then(res => {
+              this.$message({
+                message: this.$t('module.basicData.visual.success'),
+                type: 'success',
+                duration: 1500,
+                onClose: () => {
+                  this.visible = false
+                  this.$emit('refreshDataList')
+                }
+              })
+            })
+          }
+        }
+      })
+    }
+  }
+}
+</script>

src/views/orderManage/ExecutionInfo.vue

@@ -0,0 +1,177 @@
+<!--
+ * @Author: zwq
+ * @Date: 2020-12-29 15:41:11
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-01-17 15:26:35
+ * @Description:
+-->
+<template>
+  <div class="app-container">
+    <head-form
+      :placeholder-name="placeholderName"
+      :key-name="keyName"
+      :show-add="false"
+      @getDataList="getList"
+      @add="addNew"
+    />
+    <base-table
+      :page="listQuery.current"
+      :limit="listQuery.size"
+      :table-config="tableProps"
+      :table-data="list"
+      :is-loading="listLoading"
+    >
+      <method-btn
+        slot="handleBtn"
+        :width="trueWidth"
+        :method-list="tableBtn"
+        @clickBtn="handleClick"
+      />
+    </base-table>
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="listQuery.current"
+      :limit.sync="listQuery.size"
+      @pagination="getList()"
+    />
+    <Factory-add v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getList" />
+  </div>
+</template>
+
+<script>
+import { ExecutionInfoList } from '@/api/orderManage/00A'
+import FactoryAdd from './components/ExecutionInfoDetail.vue'
+import HeadForm from '@/components/basicData/HeadForm'
+import BaseTable from '@/components/BaseTable'
+import Pagination from '@/components/Pagination' // Secondary package based on el-pagination
+import MethodBtn from '@/components/BaseTable/subcomponents/MethodBtn'
+import { timeFormatter } from '@/filters'
+import basicData from '@/filters/basicData'
+import i18n from '@/lang'
+/**
+ * 表格表头配置项 TypeScript接口注释
+ * tableConfig<ConfigItem> = []
+ *
+ * Interface ConfigItem = {
+ *  prop: string,
+ *  label: string,
+ *  width: string,
+ *  align: string,
+ *  subcomponent: function,
+ *  filter: function
+ * }
+ *
+ *
+ */
+
+const tableBtn = [
+  {
+    type: 'see',
+    btnName: 'btn.see'
+  }
+]
+const tableProps = [
+  {
+    prop: 'name',
+    label: i18n.t('module.basicData.Warehouse.OrderName'),
+    align: 'center'
+  },
+  {
+    prop: 'createTime',
+    label: i18n.t('module.basicData.Warehouse.IssueOrderTime'),
+    filter: timeFormatter,
+    align: 'center'
+  },
+  {
+    prop: 'craftName',
+    label: i18n.t('module.basicData.Warehouse.TotalProcessName'),
+    align: 'center'
+  },
+  {
+    prop: 'priority',
+    label: i18n.t('module.basicData.Warehouse.Priority'),
+    filter: basicData('priority'),
+    align: 'center'
+  },
+  {
+    prop: 'status',
+    label: i18n.t('module.basicData.Warehouse.OrderStatus'),
+    filter: basicData('workOrderStatus'),
+    align: 'center'
+  }
+]
+
+export default {
+  name: 'ExecutionInfo',
+  components: { Pagination, BaseTable, MethodBtn, HeadForm, FactoryAdd },
+  filters: {
+    statusFilter(status) {
+      const statusMap = {
+        published: 'success',
+        draft: 'info',
+        deleted: 'danger'
+      }
+      return statusMap[status]
+    }
+  },
+  data() {
+    return {
+      keyName: i18n.t('module.basicData.Warehouse.OrderName'),
+      placeholderName: this.$t('module.basicData.Warehouse.OrderName'),
+      addOrUpdateVisible: false,
+      tableBtn,
+      trueWidth: 200,
+      tableProps,
+      list: [],
+      total: 0,
+      listLoading: true,
+      listQuery: {
+        current: 1,
+        size: 10,
+        name: '',
+        code: ''
+      }
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    handleClick(raw) {
+      this.addNew(raw.data.id)
+    },
+    getList(key) {
+      this.listLoading = true
+      this.listQuery.code = key
+      ExecutionInfoList(this.listQuery).then(response => {
+        if (response.data.records) {
+          this.list = response.data.records
+        } else {
+          this.list.splice(0, this.list.length)
+        }
+        this.total = response.data.total
+        this.listLoading = false
+      })
+    },
+    // 新增 / 修改
+    addNew(id) {
+      this.addOrUpdateVisible = true
+      this.$nextTick(() => {
+        this.$refs.addOrUpdate.init(id)
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.edit-input {
+  padding-right: 100px;
+}
+.cancel-btn {
+  position: absolute;
+  right: 15px;
+  top: 10px;
+}
+</style>

src/views/orderManage/ProcessInfo.vue

@@ -0,0 +1,184 @@
+<!--
+ * @Author: zwq
+ * @Date: 2020-12-29 15:41:11
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-01-17 15:32:00
+ * @Description:
+-->
+<template>
+  <div class="app-container">
+    <head-form
+      :placeholder-name="placeholderName"
+      :key-name="keyName"
+      :show-add="false"
+      @getDataList="getList"
+      @add="addNew"
+    />
+    <base-table
+      :page="listQuery.current"
+      :limit="listQuery.size"
+      :table-config="tableProps"
+      :table-data="list"
+      :is-loading="listLoading"
+    >
+      <method-btn
+        slot="handleBtn"
+        :width="trueWidth"
+        :method-list="tableBtn"
+        @clickBtn="handleClick"
+      />
+    </base-table>
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="listQuery.current"
+      :limit.sync="listQuery.size"
+      @pagination="getList()"
+    />
+    <Factory-add v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getList" />
+  </div>
+</template>
+
+<script>
+import { ProcessInfoList } from '@/api/orderManage/00A'
+import FactoryAdd from './components/ProcessInfoDetail.vue'
+import HeadForm from '@/components/basicData/HeadForm'
+import BaseTable from '@/components/BaseTable'
+import Pagination from '@/components/Pagination' // Secondary package based on el-pagination
+import MethodBtn from '@/components/BaseTable/subcomponents/MethodBtn'
+import { timeFormatter } from '@/filters'
+import basicData from '@/filters/basicData'
+import processLinkBtn from './components/processLinkBtn'
+import i18n from '@/lang'
+/**
+ * 表格表头配置项 TypeScript接口注释
+ * tableConfig<ConfigItem> = []
+ *
+ * Interface ConfigItem = {
+ *  prop: string,
+ *  label: string,
+ *  width: string,
+ *  align: string,
+ *  subcomponent: function,
+ *  filter: function
+ * }
+ *
+ *
+ */
+
+const tableBtn = [
+  {
+    type: 'see',
+    btnName: 'btn.see'
+  }
+]
+const tableProps = [
+  {
+    prop: 'name',
+    label: i18n.t('module.basicData.Warehouse.OrderName'),
+    align: 'center'
+  },
+  {
+    prop: 'createTime',
+    label: i18n.t('module.basicData.Warehouse.IssueOrderTime'),
+    filter: timeFormatter,
+    align: 'center'
+  },
+  {
+    prop: 'craftName',
+    label: i18n.t('module.basicData.Warehouse.TotalProcessName'),
+    align: 'center'
+  },
+  {
+    prop: 'priority',
+    label: i18n.t('module.basicData.Warehouse.Priority'),
+    filter: basicData('priority'),
+    align: 'center'
+  },
+  {
+    prop: 'status',
+    label: i18n.t('module.basicData.Warehouse.OrderStatus'),
+    filter: basicData('workOrderStatus'),
+    align: 'center'
+  },
+  {
+    prop: 'attribute',
+    label: i18n.t('module.basicData.Warehouse.RelateProcess'),
+    subcomponent: processLinkBtn,
+    align: 'center'
+  }
+]
+
+export default {
+  name: 'ProcessInfo',
+  components: { Pagination, BaseTable, MethodBtn, HeadForm, FactoryAdd },
+  filters: {
+    statusFilter(status) {
+      const statusMap = {
+        published: 'success',
+        draft: 'info',
+        deleted: 'danger'
+      }
+      return statusMap[status]
+    }
+  },
+  data() {
+    return {
+      keyName: i18n.t('module.basicData.Warehouse.OrderName'),
+      placeholderName: this.$t('module.basicData.Warehouse.OrderName'),
+      addOrUpdateVisible: false,
+      tableBtn,
+      trueWidth: 200,
+      tableProps,
+      list: [],
+      total: 0,
+      listLoading: true,
+      listQuery: {
+        current: 1,
+        size: 10,
+        name: '',
+        code: ''
+      }
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    handleClick(raw) {
+      this.addNew(raw.data.id)
+    },
+    getList(key) {
+      this.listLoading = true
+      this.listQuery.code = key
+      ProcessInfoList(this.listQuery).then(response => {
+        if (response.data.records) {
+          this.list = response.data.records
+        } else {
+          this.list.splice(0, this.list.length)
+        }
+        this.total = response.data.total
+        this.listLoading = false
+      })
+    },
+    // 新增 / 修改
+    addNew(id) {
+      this.addOrUpdateVisible = true
+      this.$nextTick(() => {
+        this.$refs.addOrUpdate.init(id)
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.edit-input {
+  padding-right: 100px;
+}
+.cancel-btn {
+  position: absolute;
+  right: 15px;
+  top: 10px;
+}
+</style>

src/views/orderManage/components/ExecutionInfoDetail.vue

@@ -0,0 +1,115 @@
+<!--
+ * @Author: zwq
+ * @Date: 2020-12-29 16:37:56
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-01-17 15:21:50
+ * @Description:
+-->
+<template>
+  <el-dialog
+    :title="'btn.see' | i18nFilter"
+    :visible.sync="visible"
+  >
+    <el-row :gutter="10">
+      <el-form
+        ref="dataForm"
+        :model="dataForm"
+        size="medium"
+        label-width="110px"
+        label-position="left"
+      >
+        <el-col :span="8">
+          <el-row>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.OrderName')" prop="name">
+                <el-input v-model="dataForm.name" :placeholder="$t('module.basicData.Warehouse.OrderName')" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.IssueOrderTime')" prop="createTime">
+                <el-input v-model="dataForm.createTime" :placeholder="$t('module.basicData.Warehouse.IssueOrderTime')" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.PlanProcessQuantity')" prop="planQuantity">
+                <el-input v-model="dataForm.planQuantity" :placeholder="$t('module.basicData.Warehouse.PlanProcessQuantity')" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-col>
+        <el-col :span="8">
+          <el-row>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.OrderCode')" prop="taskCode">
+                <el-input v-model="dataForm.taskCode" :placeholder="$t('module.basicData.Warehouse.OrderCode')" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.OrderStatus')" prop="taskType">
+                <el-input v-model="dataForm.taskType" :placeholder="$t('module.basicData.Warehouse.OrderStatus')" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-col>
+        <el-col :span="8">
+          <el-row>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.TotalProcessName')" prop="craftName">
+                <el-input v-model="dataForm.craftName" :placeholder="$t('module.basicData.Warehouse.TotalProcessName')" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.SubProcessName')" prop="subProccessName">
+                <el-input
+                  v-model="dataForm.subProccessName"
+                  :placeholder="$t('module.basicData.Warehouse.SubProcessName')"
+                  readonly
+                  :style="{width: '100%'}"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-col>
+      </el-form>
+    </el-row>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ 'btn.cancel' | i18nFilter }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { ExecutionInfoDetail } from '@/api/orderManage/00A'
+
+export default {
+  data() {
+    return {
+      visible: false,
+      dataForm: {
+        id: 0,
+        name: undefined,
+        createTime: undefined,
+        taskCode: undefined,
+        taskType: undefined,
+        craftName: undefined,
+        planQuantity: undefined,
+        subProccessName: undefined
+      }
+    }
+  },
+  methods: {
+    init(id) {
+      this.dataForm.id = id || ''
+      this.visible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].resetFields()
+        if (this.dataForm.id) {
+          ExecutionInfoDetail(this.dataForm.id).then(res => {
+            this.dataForm = res.data
+          })
+        }
+      })
+    }
+  }
+}
+</script>

src/views/orderManage/components/ProcessInfoDetail.vue

@@ -0,0 +1,115 @@
+<!--
+ * @Author: zwq
+ * @Date: 2020-12-29 16:37:56
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-01-17 15:22:08
+ * @Description:
+-->
+<template>
+  <el-dialog
+    :title="'btn.see' | i18nFilter"
+    :visible.sync="visible"
+  >
+    <el-row :gutter="10">
+      <el-form
+        ref="dataForm"
+        :model="dataForm"
+        size="medium"
+        label-width="110px"
+        label-position="left"
+      >
+        <el-col :span="8">
+          <el-row>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.OrderName')" prop="name">
+                <el-input v-model="dataForm.name" :placeholder="$t('module.basicData.Warehouse.OrderName')" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.IssueOrderTime')" prop="createTime">
+                <el-input v-model="dataForm.createTime" :placeholder="$t('module.basicData.Warehouse.IssueOrderTime')" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.PlanProcessQuantity')" prop="planQuantity">
+                <el-input v-model="dataForm.planQuantity" :placeholder="$t('module.basicData.Warehouse.PlanProcessQuantity')" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-col>
+        <el-col :span="8">
+          <el-row>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.OrderCode')" prop="taskCode">
+                <el-input v-model="dataForm.taskCode" :placeholder="$t('module.basicData.Warehouse.OrderCode')" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.OrderStatus')" prop="taskType">
+                <el-input v-model="dataForm.taskType" :placeholder="$t('module.basicData.Warehouse.OrderStatus')" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-col>
+        <el-col :span="8">
+          <el-row>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.TotalProcessName')" prop="craftName">
+                <el-input v-model="dataForm.craftName" :placeholder="$t('module.basicData.Warehouse.TotalProcessName')" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.SubProcessName')" prop="subProccessName">
+                <el-input
+                  v-model="dataForm.subProccessName"
+                  :placeholder="$t('module.basicData.Warehouse.SubProcessName')"
+                  readonly
+                  :style="{width: '100%'}"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-col>
+      </el-form>
+    </el-row>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ 'btn.cancel' | i18nFilter }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { ProcessInfoDetail } from '@/api/orderManage/00A'
+
+export default {
+  data() {
+    return {
+      visible: false,
+      dataForm: {
+        id: 0,
+        name: undefined,
+        createTime: undefined,
+        taskCode: undefined,
+        taskType: undefined,
+        craftName: undefined,
+        planQuantity: undefined,
+        subProccessName: undefined
+      }
+    }
+  },
+  methods: {
+    init(id) {
+      this.dataForm.id = id || ''
+      this.visible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].resetFields()
+        if (this.dataForm.id) {
+          ProcessInfoDetail(this.dataForm.id).then(res => {
+            this.dataForm = res.data
+          })
+        }
+      })
+    }
+  }
+}
+</script>

src/views/orderManage/components/processLinkBtn.vue

@@ -0,0 +1,64 @@
+<!--
+ * @Date: 2021-01-07 20:09:37
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-01-17 15:16:29
+ * @FilePath: \basic-admin\src\components\BaseTable\subcomponents\CheckDetail.vue
+ * @Description:
+-->
+<template>
+  <span>
+    <el-popover
+      v-model="visible"
+      placement="top"
+      width="160"
+    >
+      <div>
+        <el-select v-model="value" placeholder="请选择">
+          <el-option
+            v-for="item in options"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </div>
+      <div style="text-align: right; margin: 0">
+        <el-button size="mini" type="text" @click="visible = false">取消</el-button>
+        <el-button type="primary" size="mini" @click="emitClick">确定</el-button>
+      </div>
+      <el-button slot="reference" type="text">{{ $t('module.basicData.Warehouse.RelateProcess') }}</el-button>
+    </el-popover>
+  </span>
+</template>
+
+<script>
+export default {
+  props: {
+    injectData: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      visible: false,
+      options: [{
+        value: '选项1',
+        label: '黄金糕'
+      }, {
+        value: '选项2',
+        label: '双皮奶'
+      }
+      ],
+      value: ''
+    }
+  },
+  methods: {
+    emitClick() {
+      console.log(this.injectData)
+      console.log(this.value)
+      this.visible = false
+    }
+  }
+}
+</script>

vue.config.js

@@ -46,8 +46,8 @@ module.exports = {
     // 这里写入需要代理的api和对应的目标地址
     proxy: {
       '/api': {
-        target: 'http://localhost:8080',
-        // target: 'http://192.168.0.198:8080',
+        // target: 'http://192.168.0.148:8080',
+        target: 'http://a.wms.picaiba.com/api',
         // target: 'http://192.168.0.127:8080',
         // target: 'http://192.168.0.165:8080',
         // target: 'http://192.168.43.105:8080',
@@ -58,7 +58,7 @@ module.exports = {
         ws: true,
         changeOrigin: true,
         pathRewrite: {
-          '^/portapi': ''
+          '^/api': ''
         }
         // 使用了proxy 就需要开启下面的选项 (http-proxy-middleware会将post请求给parse了 所以需要再次进行string化)
         // onProxyReq: (proxyReq, req, res, options) => {