1

wankeda

2026-03-16 d5538af4a0bbc5511990aceb3431fb1caa9bbc65

 ÏîÄ¿´úÂë/WMS/WIDESEA_WMSClient/src/extension/outbound/extend/outOrderDetail.vue

@@ -14,13 +14,13 @@
              <span>已选中 {{ selection.length }} é¡¹</span>
            </el-col>
            <el-col :span="8">
              <!-- <el-link
              <el-link
                type="primary"
                size="small"
                style="float: right; height: 20px"
                @click="lockstocks"
                >锁定库存</el-link
              > -->
                style="float: left; height: 20px;"
                @click="cancelOutFeedbackERP"
                >出库明细取消推送ERP</el-link
              >
              <el-link
                type="primary"
                size="small"
@@ -69,6 +69,7 @@
            align="center"
          >
            <template #default="scoped">
              <!-- å›¾æ ‡åˆ— -->
              <div v-if="item.type == 'icon'">
                <el-tooltip
                  class="item"
@@ -83,10 +84,29 @@
                ></el-tooltip>
              </div>

              <!-- æ ‡ç­¾åˆ— -->
              <div v-else-if="item.type == 'tag'">
                <el-tag size="small">
                  {{ getDictionary(scoped.row, item) }}
                </el-tag>
              </div>

              <!-- æ™®é€šæ–‡æœ¬åˆ— - å¸¦æº¢å‡ºéšè—å’ŒTooltip -->
              <div v-else>
                <el-tooltip
                  class="item"
                  effect="dark"
                  :content="formatCellContent(scoped.row[item.prop])"
                  placement="top"
                  :disabled="!shouldShowTooltip(scoped.row[item.prop], item)"
                >
                  <span 
                    class="ellipsis-cell" 
                    :style="{ width: calculateCellWidth(item) }"
                  >
                    {{ formatCellContent(scoped.row[item.prop]) }}
                  </span>
                </el-tooltip>
              </div>
            </template>
          </el-table-column>
@@ -131,14 +151,15 @@
          hidden: true,
        },
        {
          prop: "materielCode",
          title: "物料编号",
          type: "string",
          width: 150,
          prop: "viewDetail",
          title: "出库详细",
          type: "icon",
          width: 90,
          icon: "el-icon-s-operation",
        },
        {
          prop: "materielName",
          title: "物料名称",
          prop: "materielCode",
          title: "物料编号",
          type: "string",
          width: 150,
        },
@@ -146,18 +167,18 @@
          prop: "batchNo",
          title: "批次号",
          type: "string",
          width: 90,
          width: 180,
        },
        {
          prop: "supplierBatch",
          title: "供应商批次号",
          type: "string",
          width: 180,
        },
        {
          prop: "orderQuantity",
          title: "单据数量",
          type: "string",
          width: 90,
        },
        {
          prop: "lockQuantity",
          title: "锁定数量",
          type: "int",
          width: 90,
        },
        {
@@ -167,10 +188,10 @@
          width: 90,
        },
        {
          prop: "unit",
          title: "单位",
          prop: "remark",
          title: "备注",
          type: "string",
          width: 90,
          width: 180,
        },
        {
          prop: "orderDetailStatus",
@@ -180,18 +201,16 @@
          bindKey: "orderDetailStatusEnum",
        },
        {
          prop: "assignStock",
          title: "指定库存",
          type: "icon",
          width: 90,
          icon: "el-icon-s-grid",
          prop: "materielName",
          title: "物料名称",
          type: "string",
          width: 150,
        },
        {
          prop: "viewDetail",
          title: "出库详细",
          type: "icon",
          width: 90,
          icon: "el-icon-s-operation",
          prop: "locationName",
          title: "出库货位",
          type: "string",
          width: 200,
        },
        {
          prop: "creater",
@@ -218,9 +237,10 @@
          width: 160,
        },
        {
          prop: "remark",
          title: "备注",
          type: "string",
          prop: "lockQuantity",
          title: "锁定数量",
          type: "int",
          width: 90,
        },
      ],
      paginations: {
@@ -228,9 +248,8 @@
        order: "desc",
        Foots: "",
        total: 0,
        // 2020.08.29增加自定义分页条大小
        sizes: [60, 100, 120],
        size: 60, // é»˜è®¤åˆ†é¡µå¤§å°
        size: 60,
        Wheres: [],
        page: 1,
        rows: 60,
@@ -283,20 +302,24 @@
          return
        }
        
        // ä»…对数值列求和
        // ä»…对某一列求和
        if (column.property === 'lockQuantity' || column.property === 'overOutQuantity' || column.property === 'orderQuantity') {
        // ä»…对指定数值列求和并保留两位小数
        if (['lockQuantity', 'overOutQuantity', 'orderQuantity'].includes(column.property)) {
          const values = data.map(item => Number(item[column.property]))
        console.log(values);
        if (!values.every(value => isNaN(value))) {
          sums[index] = values.reduce((prev, curr) => {
            return prev + (isNaN(curr) ? 0 : curr)
          }, 0)
          
          if (!values.every(value => isNaN(value))) {
            // è®¡ç®—总和
            const total = values.reduce((prev, curr) => {
              return prev + (isNaN(curr) ? 0 : curr)
            }, 0)
            
            // ä¿ç•™ä¸¤ä½å°æ•°
            sums[index] = total.toFixed(2)
          } else {
            sums[index] = '-'
          }
        } else {
          sums[index] = '-'
          sums[index] = ''
        }
        }
        
      })

      return sums
@@ -308,7 +331,7 @@
        rows: this.paginations.rows,
        sort: this.paginations.sort,
        order: this.paginations.order,
        wheres: JSON.stringify(wheres), // æŸ¥è¯¢æ¡ä»¶ï¼Œæ ¼å¼ä¸º[{ name: "字段", value: "xx" }]
        wheres: JSON.stringify(wheres),
      };
      this.http
        .post("api/OutboundOrderDetail/GetPageData", param, "查询中")
@@ -320,7 +343,6 @@
      if (column.prop == "assignStock") {
        this.$refs.child.open(row);
      } else {
        //点击打开出库详情
        this.$refs.selectedStock.open(row);
      }
    },
@@ -328,7 +350,7 @@
      if (this.selection.length === 0) {
        return this.$message.error("请选择单据明细");
      }
      var keys = this.selection.map((item) => item.id); // èŽ·å–选中行的id
      var keys = this.selection.map((item) => item.id);
      this.http
        .post("api/OutboundOrderDetail/LockOutboundStocks", keys, "数据处理中")
        .then((x) => {
@@ -344,8 +366,7 @@
      if (this.selection.length === 0) {
        return this.$message.error("请选择单据明细");
      }
      var keys = this.selection.map((item) => item.id); // èŽ·å–选中行的id
console.log(keys);
      var keys = this.selection.map((item) => item.id);
      this.http
        .post("api/Task/WMSGenerateOutboundTask", keys, "数据处理中")
        .then((x) => {
@@ -357,6 +378,31 @@
          });
        });
    },

    cancelOutFeedbackERP() {
      if (this.selection.length === 0) {
        return this.$message.error("请选择单据明细");
      }
      var keys = this.selection.map((item) => item.id);
      this.$confirm("是否取消该出库单明细","单据取消警告",{
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
        center: true,
        }).then(() => {
          this.http
          .post("api/OutboundOrderDetail/CancelOutFeedbackERP", keys, "数据处理中")
          .then((x) => {
            if (!x.status) return this.$message.error(x.message);
            this.$message.success("操作成功");
            this.showDetialBox = false;
            this.$emit("parentCall", ($vue) => {
              $vue.getData();
            });
          });
        });
    },

    setCurrent(row) {
      this.$refs.singleTable.setCurrentRow(row);
    },
@@ -413,7 +459,6 @@
        var item = this.dictionaryList.find((x) => x.dicNo == column.bindKey);
        if (item) {
          var dicItem = item.data.find((x) => x.key == row[column.prop]);
          console.log(dicItem);
          if (dicItem) {
            return dicItem.value;
          } else {
@@ -424,12 +469,56 @@
        }
      }
    },
    // æ ¼å¼åŒ–单元格内容，处理null/undefined
    formatCellContent(content) {
      if (content === null || content === undefined) {
        return "无数据";
      }
      // å¯¹æ—¥æœŸç±»åž‹è¿›è¡Œç‰¹æ®Šå¤„理（如果需要）
      return content.toString();
    },
    // è®¡ç®—单元格宽度，预留边距
    calculateCellWidth(column) {
      // å¦‚果列定义了宽度，减去20px作为内边距
      if (column.width) {
        return `${column.width - 20}px`;
      }
      // æœªå®šä¹‰å®½åº¦åˆ™ä½¿ç”¨100%
      return "100%";
    },
    // åˆ¤æ–­æ˜¯å¦éœ€è¦æ˜¾ç¤ºTooltip
    shouldShowTooltip(content, column) {
      // æ ‡è®°ä¸ºä¸éœ€è¦æº¢å‡ºå¤„理的列不显示Tooltip
      if (column.noEllipsis) {
        return false;
      }
      
      // ç©ºå†…容不显示Tooltip
      const cellContent = this.formatCellContent(content);
      if (cellContent === "无数据") {
        return false;
      }
      
      // å†…容较短时也不显示Tooltip（根据实际需求调整长度阈值）
      return cellContent.length > 8;
    }
  },
};
</script>
<style scoped>
.text-button {
  border: 0px;
}

/* æ–‡æœ¬æº¢å‡ºéšè—æ ·å¼ */
.ellipsis-cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  z-index: 1;
  display: inline-block;
  max-width: 100%;
}
</style>

@@ -444,12 +533,10 @@

.box-table .el-table tbody tr:hover > td {
  background-color: #d8e0d4 !important;
  /* color: #ffffff; */
}

.box-table .el-table tbody tr.current-row > td {
  background-color: #f0f9eb !important;
  /* color: #ffffff; */
}

.el-table .success-row {
@@ -459,4 +546,13 @@
.box-table .el-table {
  border: 1px solid #ebeef5;
}

/* åˆè®¡è¡Œæ–‡æœ¬æº¢å‡ºå¤„理 */
.el-table__footer-wrapper .el-table__cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  z-index: 1;
}
</style>