BOM产品选择弹窗改接口

zhangwencui

9 天以前 4be9b07e00bea78ae394aec67062b4db9895b565

 src/views/inventoryManagement/stockManagement/Subtract.vue

@@ -1,14 +1,14 @@
<template>
  <div>
    <el-dialog
        v-model="isShow"
    <el-dialog v-model="isShow"
        title="领用"
        width="800"
        @close="closeModal"
    >
      <el-form label-width="140px" :model="formState" label-position="top" ref="formRef">
        <el-form-item
            label="产品名称"
               @close="closeModal">
      <el-form label-width="140px"
               :model="formState"
               label-position="top"
               ref="formRef">
        <el-form-item label="产品名称"
            prop="productModelId"
            :rules="[
                {
@@ -16,48 +16,45 @@
                message: '请选择产品',
                trigger: 'change',
              }
            ]"
        >
          <el-button type="primary" @click="showProductSelectDialog = true" disabled>
            ]">
          <el-button type="primary"
                     @click="showProductSelectDialog = true"
                     disabled>
            {{ formState.productName ? formState.productName : '选择产品' }}
          </el-button>
        </el-form-item>

        <el-form-item
            label="规格"
            prop="productModelName"
        >
          <el-input v-model="formState.model"  disabled />
        <el-form-item label="规格"
                      prop="productModelName">
          <el-input v-model="formState.model"
                    disabled />
        </el-form-item>

        <el-form-item
            label="单位"
            prop="unit"
        >
          <el-input v-model="formState.unit"  disabled />
        <el-form-item label="单位"
                      prop="unit">
          <el-input v-model="formState.unit"
                    disabled />
        </el-form-item>

        <el-form-item
            label="数量"
            prop="qualitity"
        >
          <el-input-number v-model="formState.qualitity" :step="1" :min="1" :max="maxQuality" style="width: 100%" />
        <el-form-item label="数量"
                      prop="qualitity">
          <el-input-number v-model="formState.qualitity"
                           :step="1"
                           :min="1"
                           :max="maxQuality"
                           style="width: 100%" />
        </el-form-item>

        <el-form-item label="备注" prop="remark">
          <el-input v-model="formState.remark" type="textarea" />
        <el-form-item label="备注"
                      prop="remark">
          <el-input v-model="formState.remark"
                    type="textarea" />
        </el-form-item>
      </el-form>

      <!-- 产品选择弹窗 -->
      <ProductSelectDialog
          v-model="showProductSelectDialog"
      <ProductSelectDialog v-model="showProductSelectDialog"
          @confirm="handleProductSelect"
          single
      />
                           single />
      <template #footer>
        <div class="dialog-footer">
          <el-button type="primary" @click="handleSubmit">确认</el-button>
          <el-button type="primary"
                     @click="handleSubmit">确认</el-button>
          <el-button @click="closeModal">取消</el-button>
        </div>
      </template>
@@ -83,27 +80,27 @@
  type: {
    type: String,
    required: true,
    default: 'qualified',
      default: "qualified",
  },
});

const emit = defineEmits(['update:visible', 'completed']);
  const emit = defineEmits(["update:visible", "completed"]);

onMounted(() => {
  initFormData()
})
    initFormData();
  });

const maxQuality = computed(() => {
  return props.record.unLockedQuantity ? props.record.unLockedQuantity :  0;
})
  });

const initFormData = () => {
  if (props.record) {
    formState.value = {
      ...props.record,
      };
    }
  }
}
  };

// 响应式数据（替代选项式的 data）
const formState = ref({
@@ -113,7 +110,7 @@
  model: "",
  unit: "",
  qualitity: 0,
  remark: '',
    remark: "",
});

const isShow = computed({
@@ -121,13 +118,13 @@
    return props.visible;
  },
  set(val) {
    emit('update:visible', val);
      emit("update:visible", val);
  },
});

const showProductSelectDialog = ref(false);

let { proxy } = getCurrentInstance()
  let { proxy } = getCurrentInstance();

const closeModal = () => {
  // 重置表单数据
@@ -136,24 +133,24 @@
    productModelId: undefined,
    productName: "",
    productModelName: "",
    description: '',
      description: "",
  };
  isShow.value = false;
};

// 产品选择处理
const handleProductSelect = async (products) => {
  const handleProductSelect = async products => {
  if (products && products.length > 0) {
    const product = products[0];
    console.log(product)
    formState.value.productId = product.productId;
    formState.value.productName = product.productName;
    formState.value.productModelName = product.model;
    formState.value.productModelId = product.id;
    formState.value.unit = product.unit;
      console.log(product);
      formState.value.productId = product.skuId;
      formState.value.productName = product.materialName;
      formState.value.productModelName = product.specification;
      formState.value.productModelId = product.skuId;
      formState.value.unit = product.baseUnit;
    showProductSelectDialog.value = false;
    // 触发表单验证更新
    proxy.$refs["formRef"]?.validateField('productModelId');
      proxy.$refs["formRef"]?.validateField("productModelId");
  }
};

@@ -169,27 +166,26 @@
        proxy.$modal.msgError("请选择规格");
        return;
      }
      if (props.type === 'qualified') {
        if (props.type === "qualified") {
        subtractStockInventory(formState.value).then(res => {
          // 关闭模态框
          isShow.value = false;
          // 告知父组件已完成
          emit('completed');
            emit("completed");
          proxy.$modal.msgSuccess("提交成功");
        })
          });
      } else {
        subtractStockUnInventory(formState.value).then(res => {
          // 关闭模态框
          isShow.value = false;
          // 告知父组件已完成
          emit('completed');
            emit("completed");
          proxy.$modal.msgSuccess("提交成功");
        })
          });
      }
    }
  })
    });
};


defineExpose({
  closeModal,