同库区移库

647556386

2026-03-31 6f0ffcf4a6e75ac3a76c6cfd75e02de3a17d46e3

 ÏîÄ¿´úÂë/WIDESEA_WMSClient/src/extension/stock/stockView.js

@@ -159,169 +159,182 @@
      })

      let SelectTake = this.buttons.find(x => x.value == 'SelectStockTake');
if (SelectTake) {
  // æ”¹ä¸ºç®­å¤´å‡½æ•°ç¡®ä¿this指向Vue组件实例
  SelectTake.onClick = async () => {
    // èŽ·å–选中数据（与原逻辑一致，确保是数组格式）
    let stockViews = this.$refs.table.getSelected();
    
    // æ•°æ®æ ¡éªŒï¼šè‡³å°‘选择一条数据
    if (stockViews.length === 0) return ElMessage.error("请选择需要操作的数据!");
    
    // ç«™å°é€‰é¡¹ï¼ˆå¯æ ¹æ®å®žé™…业务调整选项值）
    const stationOptions = [
      { label: "站台2", value: "2-1" },
      { label: "站台3", value: "3-1" },
      { label: "站台4", value: "4-1" },
    ];
    
    // åˆ›å»ºå¼¹çª—挂载节点
    const mountNode = document.createElement("div");
    document.body.appendChild(mountNode);
    
    // è¡¨å•æ•°æ®ï¼ˆç»‘定选中的站台）
    const formData = reactive({
      outStation: stationOptions[0].value, // é»˜è®¤é€‰ä¸­ç¬¬ä¸€ä¸ªç«™å°
    });
    
    // åˆ›å»ºå¼¹çª—VNode
    const vnode = createVNode(
      ElDialog,
      {
        title: "库存操作 - é€‰æ‹©å‡ºåº“站台",
        width: "500px",
        modelValue: true,
        appendToBody: true,
        "onUpdate:modelValue": (isVisible) => {
          if (!isVisible) {
            render(null, mountNode);
            document.body.removeChild(mountNode);
          }
        },
        style: {
          padding: "20px 0",
          borderRadius: "8px",
        },
      },
      {
        default: () =>
          h(
            ElForm,
      if (SelectTake) {
        // æ”¹ä¸ºç®­å¤´å‡½æ•°ç¡®ä¿this指向Vue组件实例
        SelectTake.onClick = async () => {
          // èŽ·å–选中数据（与原逻辑一致，确保是数组格式）
          let stockViews = this.$refs.table.getSelected();
          
          // æ•°æ®æ ¡éªŒï¼šè‡³å°‘选择一条数据
          if (stockViews.length === 0) return ElMessage.error("请选择需要操作的数据!");
          
          // ç«™å°é€‰é¡¹ï¼ˆå¯æ ¹æ®å®žé™…业务调整选项值）
          const stationOptions = [
            { label: "站台2", value: "2-1" },
            { label: "站台3", value: "3-1" },
            { label: "站台4", value: "4-1" },
          ];
          
          // åˆ›å»ºå¼¹çª—挂载节点
          const mountNode = document.createElement("div");
          document.body.appendChild(mountNode);
          
          // è¡¨å•æ•°æ®ï¼ˆç»‘定选中的站台）
          const formData = reactive({
            outStation: stationOptions[0].value, // é»˜è®¤é€‰ä¸­ç¬¬ä¸€ä¸ªç«™å°
          });
          
          // åˆ›å»ºå¼¹çª—VNode
          const vnode = createVNode(
            ElDialog,
            {
              model: formData,
              rules: {
                outStation: [
                  { required: true, message: "请选择出库站台", trigger: "change" },
                ],
              title: "库存操作 - é€‰æ‹©å‡ºåº“站台",
              width: "500px",
              modelValue: true,
              appendToBody: true,
              "onUpdate:modelValue": (isVisible) => {
                if (!isVisible) {
                  render(null, mountNode);
                  document.body.removeChild(mountNode);
                }
              },
              ref: "stockTakeForm", // è¡¨å•ref标识
              labelWidth: "100px",
              style: {
                padding: "0 30px",
                padding: "20px 0",
                borderRadius: "8px",
              },
            },
            [
              // ç«™å°é€‰æ‹©ä¸‹æ‹‰æ¡†
              h(ElFormItem, {
                label: "出库站台",
                prop: "outStation",
                style: { marginBottom: "24px" },
              }, [
                h(ElSelect, {
                  placeholder: "请选择出库站台",
                  modelValue: formData.outStation,
                  "onUpdate:modelValue": (val) => {
                    formData.outStation = val;
            {
              default: () =>
                h(
                  ElForm,
                  {
                    model: formData,
                    rules: {
                      outStation: [
                        { required: true, message: "请选择出库站台", trigger: "change" },
                      ],
                    },
                    ref: "stockTakeForm", // è¡¨å•ref标识
                    labelWidth: "100px",
                    style: {
                      padding: "0 30px",
                    },
                  },
                  style: {
                    width: "100%",
                    height: "40px",
                    borderRadius: "4px",
                    borderColor: "#dcdfe6",
                  },
                }, stationOptions.map((station) =>
                  h(ElOption, { label: station.label, value: station.value })
                )),
              ]),
              // åº•éƒ¨æŒ‰é’®åŒºåŸŸ
              h("div", {
                style: {
                  textAlign: "right",
                  marginTop: "8px",
                  paddingRight: "4px",
                },
              }, [
                // å–消按钮
                h(ElButton, {
                  type: "text",
                  onClick: () => {
                    render(null, mountNode);
                    document.body.removeChild(mountNode);
                    ElMessage.info("取消库存操作");
                  },
                  style: { marginRight: "8px", color: "#606266" },
                }, "取消"),
                // ç¡®å®šæŒ‰é’®
                h(ElButton, {
                  type: "primary",
                  onClick: async () => {
                    // ç¡®ä¿è¡¨å•ref已挂载
                    await this.$nextTick();
                    const formRef = vnode.component.refs.stockTakeForm;
                  [
                    // ç«™å°é€‰æ‹©ä¸‹æ‹‰æ¡†
                    h(ElFormItem, {
                      label: "出库站台",
                      prop: "outStation",
                      style: { marginBottom: "24px" },
                    }, [
                      h(ElSelect, {
                        placeholder: "请选择出库站台",
                        modelValue: formData.outStation,
                        "onUpdate:modelValue": (val) => {
                          formData.outStation = val;
                        },
                        style: {
                          width: "100%",
                          height: "40px",
                          borderRadius: "4px",
                          borderColor: "#dcdfe6",
                        },
                      }, stationOptions.map((station) =>
                        h(ElOption, { label: station.label, value: station.value })
                      )),
                    ]),
                    // åº•éƒ¨æŒ‰é’®åŒºåŸŸ
                    h("div", {
                      style: {
                        textAlign: "right",
                        marginTop: "8px",
                        paddingRight: "4px",
                      },
                    }, [
                      // å–消按钮
                      h(ElButton, {
                        type: "text",
                        onClick: () => {
                          render(null, mountNode);
                          document.body.removeChild(mountNode);
                          ElMessage.info("取消库存操作");
                        },
                        style: { marginRight: "8px", color: "#606266" },
                      }, "取消"),
                      // ç¡®å®šæŒ‰é’®
                      h(ElButton, {
                        type: "primary",
                        onClick: async () => {
                          // ç¡®ä¿è¡¨å•ref已挂载
                          await this.$nextTick();
                          const formRef = vnode.component.refs.stockTakeForm;

                    if (!formRef) {
                      ElMessage.error("表单初始化失败，请重试");
                      return;
                    }
                          if (!formRef) {
                            ElMessage.error("表单初始化失败，请重试");
                            return;
                          }

                    // è¡¨å•éªŒè¯
                    try {
                      await formRef.validate();
                    } catch (err) {
                      return;
                    }
                          // è¡¨å•éªŒè¯
                          try {
                            await formRef.validate();
                          } catch (err) {
                            return;
                          }

                    const requestBody = stockViews;
                    const outStation = formData.outStation;
                          const requestBody = stockViews;
                          const outStation = formData.outStation;

                    try {
                          try {

                      const url = `api/Task/TakeOutbound?outStation=${encodeURIComponent(outStation)}`;
                      
                      const x = await this.http.post(
                        url, // å¸¦æŸ¥è¯¢å‚æ•°çš„URL
                        requestBody, // è¯·æ±‚体：stockViews数组
                        "数据处理中"
                      );
                            const url = `api/Task/TakeOutbound?outStation=${encodeURIComponent(outStation)}`;
                            
                            const x = await this.http.post(
                              url, // å¸¦æŸ¥è¯¢å‚æ•°çš„URL
                              requestBody, // è¯·æ±‚体：stockViews数组
                              "数据处理中"
                            );

                      if (!x.status) {
                        ElMessage.error(x.message || "库存操作失败");
                        return;
                      }
                            if (!x.status) {
                              ElMessage.error(x.message || "库存操作失败");
                              return;
                            }

                      ElMessage.success("操作成功");
                      this.refresh(); // åŽŸåˆ·æ–°é€»è¾‘保留
                    } catch (error) {
                      console.error("库存接口请求失败：", error);
                      ElMessage.error("请求失败，请稍后重试");
                    } finally {
                      // æ— è®ºæˆåŠŸå¤±è´¥ï¼Œå…³é—­å¼¹çª—
                      render(null, mountNode);
                      document.body.removeChild(mountNode);
                    }
                  },
                  style: { borderRadius: "4px", padding: "8px 20px" },
                }, "确定操作"),
              ]),
            ]),
                            ElMessage.success("操作成功");
                            this.refresh(); // åŽŸåˆ·æ–°é€»è¾‘保留
                          } catch (error) {
                            console.error("库存接口请求失败：", error);
                            ElMessage.error("请求失败，请稍后重试");
                          } finally {
                            // æ— è®ºæˆåŠŸå¤±è´¥ï¼Œå…³é—­å¼¹çª—
                            render(null, mountNode);
                            document.body.removeChild(mountNode);
                          }
                        },
                        style: { borderRadius: "4px", padding: "8px 20px" },
                      }, "确定操作"),
                    ]),
                  ]),
            }
          );

          // ç»‘定app上下文（确保弹窗内组件正常工作）
          vnode.appContext = this.$.appContext;
          render(vnode, mountNode);
        };
      }
    );

    // ç»‘定app上下文（确保弹窗内组件正常工作）
    vnode.appContext = this.$.appContext;
    render(vnode, mountNode);
  };
}
      let SelectTakeArea = this.buttons.find(x => x.value == 'SelectStockAreaOut');
      if (SelectTakeArea) {
        SelectTakeArea.onClick = function () {
          let stockViews = this.$refs.table.getSelected();
          this.http
            .post("api/Task/AreaOutbound",stockViews, "数据处理中")
            .then((x) => {
              if (!x.status) return this.$message.error(x.message);
              this.$message.success("操作成功");
              this.refresh();
            });
        }
      }
    },
    onInited() {
      //框架初始化配置后