辅料仓功能添加(空箱入库，空箱出库，AGV任务完成，组盘入库，拣选入库，入平库)，WMS前端界面优化

dengjunjie

2025-01-09 3dc164dc1ff1d08d29ec7ea5beabaf93a300a70b

 ´úÂë¹ÜÀí/WMS/WIDESEA_WMSClient/src/extension/stock/stockView.js

@@ -17,6 +17,61 @@
    methods: {
       //下面这些方法可以保留也可以删除
      onInit() {  
        let InOrder = this.buttons.find(x => x.value == 'StockOutbound');
        if (InOrder) {
          InOrder.onClick = function () {
            let rows = this.$refs.table.getSelected();
            if (rows.length == 0) return this.$error("请选择数据!");
            if (rows.length > 1) return this.$error("请选择单条数据!");
            var keys = rows.map(x => { return x.stockId });
            this.http
              .post("api/Task/Outbound?id="+keys[0], null, "数据处理中")
              .then((x) => {
                if (!x.status) return this.$message.error(x.message);
                this.$message.success("操作成功");
                this.refresh();
              });
          }
        }
        this.columns.forEach(column => {
          if (column.field == 'materielCode') {
            column.formatter = (row) => {
              var str='';
              var list=row.materielCode.split(',');
              for (let index = 0; index < list.length; index++) {
                str+=list[index]+'<br>';
              }
              return str; 
            }
          }
          if (column.field == 'batchNo') {
            column.formatter = (row) => {
              var str='';
              var list=row.batchNo.split(',');
              for (let index = 0; index < list.length; index++) {
                str+=list[index]+'<br>';
              }
              return str; 
            }
          }
          if (column.field == 'materielInfo') {
            const today = new Date()
            column.formatter = (row) => {
              const today = new Date();
              const closestDate = row.details
              .map(x => {
                  const date = new Date(x.effectiveDate);
                  const diffInDays = Math.ceil(Math.abs((today - date) / (1000 * 60 * 60 * 24)));
                  return { date, diffInDays };
                })
              .reduce((closest, current) => (current.diffInDays < closest.diffInDays? current : closest))
              .date;

              const daysSinceClosest = Math.ceil(Math.abs((today - closestDate) / (1000 * 60 * 60 * 24)));
              return '<span style="color: #F56C6C">'+ daysSinceClosest+"天"+'</span>';
            }
          }
        })
      },
      onInited() {
        //框架初始化配置后