src/views/productionManagement/workOrder/index.vue
@@ -24,10 +24,12 @@
                :page="page"
                :tableLoading="tableLoading"
                @pagination="pagination">
                <template #completionStatus="{ row }">
                  <el-progress :percentage="toProgressPercentage(row?.completionStatus)" :color="progressColor(toProgressPercentage(row?.completionStatus))" :status="toProgressPercentage(row?.completionStatus) >= 100 ? 'success' : ''" />
                </template>
              </PIMTable>
        <template #completionStatus="{ row }">
          <el-progress :percentage="toProgressPercentage(row?.completionStatus)"
                       :color="progressColor(toProgressPercentage(row?.completionStatus))"
                       :status="toProgressPercentage(row?.completionStatus) >= 100 ? 'success' : ''" />
        </template>
      </PIMTable>
    </div>
    <el-dialog v-model="editDialogVisible"
               title="编辑时间"
@@ -104,7 +106,6 @@
                transferCardRowData.status 
              }}</span>
            </div> -->
            <div class="info-item">
              <span class="info-label">计划开始时间</span>
              <span class="info-value">{{ transferCardRowData.planStartTime }}</span>
@@ -166,26 +167,34 @@
    <el-dialog v-model="reportDialogVisible"
               title="报工"
               width="500px">
      <el-form :model="reportForm"
      <el-form ref="reportFormRef"
               :model="reportForm"
               :rules="reportFormRules"
               label-width="120px">
        <el-form-item label="待生产数量">
          <el-input v-model="reportForm.planQuantity"
                    readonly
                    style="width: 300px" />
        </el-form-item>
        <el-form-item label="本次生产数量">
        <el-form-item label="本次生产数量"
                      prop="quantity">
          <el-input v-model.number="reportForm.quantity"
                    type="number"
                    min="1"
                    step="1"
                    style="width: 300px"
                    placeholder="请输入本次生产数量" />
                    placeholder="请输入本次生产数量"
                    @input="handleQuantityInput" />
        </el-form-item>
        <el-form-item label="报废数量">
        <el-form-item label="报废数量"
                      prop="scrapQty">
          <el-input v-model.number="reportForm.scrapQty"
                    type="number"
                    min="1"
                    min="0"
                    step="1"
                    style="width: 300px"
                    placeholder="请输入报废数量" />
                    placeholder="请输入报废数量"
                    @input="handleScrapQtyInput" />
        </el-form-item>
        <el-form-item label="班组信息">
          <el-select v-model="reportForm.userId"
@@ -196,7 +205,7 @@
                     @change="handleUserChange">
            <el-option v-for="user in userOptions"
                       :key="user.userId"
                       :label="user.userName"
                       :label="user.nickName"
                       :value="user.userId" />
          </el-select>
        </el-form-item>
@@ -210,11 +219,52 @@
      </template>
    </el-dialog>
    <FilesDia ref="workOrderFilesRef" />
      <el-dialog v-model="allocationDialogVisible"
                title="工单分配"
                width="500px">
         <el-form :model="allocationForm"
                 :rules="allocationFormRules"
                 ref="allocationFormRef"
                 label-width="120px">
            <el-form-item label="工单编号">
               <el-input v-model="allocationForm.workOrderNo"
                        readonly
                        disabled
                        style="width: 300px" />
            </el-form-item>
            <el-form-item label="产品名称">
               <el-input v-model="allocationForm.productName"
                        readonly
                        disabled
                        style="width: 300px" />
            </el-form-item>
            <el-form-item label="分配人员" prop="userId">
               <el-select v-model="allocationForm.userId"
                         style="width: 300px"
                         placeholder="请选择班组信息"
                         clearable
                         filterable
                         @change="handleAllocationUserChange">
                  <el-option v-for="user in userOptions"
                            :key="user.userId"
                            :label="user.nickName"
                            :value="user.userId" />
               </el-select>
            </el-form-item>
         </el-form>
         <template #footer>
        <span class="dialog-footer">
          <el-button type="primary"
                     @click="handleAllocationSubmit">确定</el-button>
          <el-button @click="allocationDialogVisible = false">取消</el-button>
        </span>
         </template>
      </el-dialog>
  </div>
</template>
<script setup>
  import { onMounted, ref } from "vue";
  import { onMounted, ref, nextTick } from "vue";
  import { ElMessageBox } from "element-plus";
  import dayjs from "dayjs";
  import {
@@ -229,7 +279,14 @@
  import FilesDia from "./components/filesDia.vue";
  const { proxy } = getCurrentInstance();
  const allocationFormRef = ref(null);
  const tableColumn = ref([
    {
      label: "工单类型",
      prop: "workOrderType",
      width: "80",
    },
    {
      label: "工单编号",
      prop: "workOrderNo",
@@ -324,11 +381,25 @@
          clickFun: row => {
            showReportDialog(row);
          },
          disabled: row => row.planQuantity <= 0 || !canReportByUser(row),
        },
        {
          name: "分配",
          clickFun: row => {
            allocationDialog(row);
          },
          disabled: row => row.planQuantity <= 0,
        },
      ],
    },
  ]);
  // 计算属性:待生产数量 = 计划 - 已完成
  const waitProduceQuantity = computed(() => {
    const plan = Number(currentReportRowData.value?.planQuantity) || 0;
    const complete = Number(currentReportRowData.value?.completeQuantity) || 0;
    return plan - complete;
  });
  const tableData = ref([]);
  const tableLoading = ref(false);
  const qrCodeUrl = ref("");
@@ -339,7 +410,7 @@
  const transferCardQrUrl = ref("");
  const transferCardRowData = ref(null);
  const reportDialogVisible = ref(false);
  const workOrderFilesRef = ref(null);
  const allocationDialogVisible = ref(false);
  const userOptions = ref([]);
  const reportForm = reactive({
    planQuantity: 0,
@@ -351,7 +422,18 @@
    userId: "",
    productMainId: null,
  });
  const allocationForm = reactive({
    workOrderId: "",
    workOrderNo: "",
    productName: "",
    currentReportWork: "",
    nickName: "",
    userId: "",
  });
  const currentAllocationRowData = ref(null);
  const currentReportRowData = ref(null);
  const currentUserId = ref("");
  const currentUserName = ref("");
  const page = reactive({
    current: 1,
    size: 100,
@@ -379,6 +461,12 @@
    return "#67c23a";
  };
  let editrow = ref(null);
  const allocationFormRules = {
    userId: [
      { required: true, message: '请选择分配人员', trigger: 'change' }
    ]
  }
  // 查询列表
  /** 搜索按钮操作 */
@@ -425,7 +513,9 @@
      // 创建 Blob URL
      const fileBlob =
        blob instanceof Blob ? blob : new Blob([blob], { type: blob.type || "application/octet-stream" });
        blob instanceof Blob
          ? blob
          : new Blob([blob], { type: blob.type || "application/octet-stream" });
      const url = window.URL.createObjectURL(fileBlob);
      // 创建隐藏 iframe,用于触发浏览器打印
@@ -486,21 +576,100 @@
      });
  };
  // 分配功能
  const allocationDialog = row => {
    currentAllocationRowData.value = row;
    allocationForm.workOrderId = row.id;
    allocationForm.workOrderNo = row.workOrderNo || "";
    allocationForm.productName = row.productName || "";
    allocationForm.currentReportWork = row.reportWork || "";
    allocationForm.nickName =row.nickName || "";
    allocationForm.userId =row.userId ||  "";
    allocationDialogVisible.value = true;
  };
  const canReportByUser = row => {
    if (!row || !row.userId) {
      return true;
    }
    if (!currentUserId.value) {
      return false;
    }
    return String(row.userId) === String(currentUserId.value);
  };
  const handleAllocationUserChange = userId => {
    if (!userId) {
      allocationForm.nickName = "";
      return;
    }
    const selectedUser = userOptions.value.find(user => user.userId === userId);
    allocationForm.nickName = selectedUser ? selectedUser.nickName : "";
  };
  const handleAllocationSubmit = async () => {
    if (!allocationFormRef.value) {
      return;
    }
    try {
      await allocationFormRef.value.validate();
    } catch {
      return;
    }
    if (!currentAllocationRowData.value) {
      return;
    }
    const payload = {
      ...currentAllocationRowData.value,
      id: allocationForm.workOrderId,
      userId: allocationForm.userId,
      nickName: allocationForm.nickName,
    };
    try {
      await updateProductWorkOrder(payload);
      proxy.$modal.msgSuccess("分配成功");
      allocationDialogVisible.value = false;
      getList();
    } catch (err) {
      const apiMsg =
        err?.response?.data?.msg ||
        err?.msg ||
        (err?.userId && Array.isArray(err.userId)
          ? (err.userId[0]?.message || err.userId[0] || "")
          : "");
      ElMessageBox.alert(apiMsg || "分配失败", "提示", {
        confirmButtonText: "确定",
      });
    }
  };
  const showReportDialog = row => {
    if (!canReportByUser(row)) {
      ElMessageBox.alert("该工单已分配给其他班组,当前用户无报工权限", "提示", {
        confirmButtonText: "确定",
      });
      return;
    }
    currentReportRowData.value = row;
    reportForm.planQuantity = row.planQuantity;
    reportForm.quantity = row.quantity;
      reportForm.planQuantity = row.planQuantity - row.completeQuantity;
    reportForm.quantity =
      row.quantity !== undefined && row.quantity !== null ? row.quantity : null;
    reportForm.productProcessRouteItemId = row.productProcessRouteItemId;
    reportForm.workOrderId = row.id;
    reportForm.reportWork = row.reportWork;
    reportForm.productMainId = row.productMainId;
    reportForm.scrapQty = row.scrapQty;
    reportForm.scrapQty =
      row.scrapQty !== undefined && row.scrapQty !== null ? row.scrapQty : null;
    nextTick(() => {
      reportFormRef.value?.clearValidate();
    });
    // 获取当前登录用户信息,设置为默认选中
    getUserProfile()
      .then(res => {
        if (res.code === 200) {
          reportForm.userId = res.data.userId;
          reportForm.userName = res.data.userName;
          reportForm.userName = res.data.nickName;
        }
      })
      .catch(err => {
@@ -515,35 +684,79 @@
  };
  const handleReport = () => {
    if (reportForm.planQuantity <= 0) {
      ElMessageBox.alert("待生产数量为0,无法报工", "提示", {
        confirmButtonText: "确定",
      });
      return;
    }
    if (!reportForm.quantity || reportForm.quantity <= 0) {
      ElMessageBox.alert("请输入有效的本次生产数量", "提示", {
        confirmButtonText: "确定",
      });
      return;
    }
    if (reportForm.quantity > reportForm.planQuantity) {
      ElMessageBox.alert("本次生产数量不能超过待生产数量", "提示", {
        confirmButtonText: "确定",
      });
      return;
    }
    // console.log(reportForm);
    addProductMain(reportForm).then(res => {
      if (res.code === 200) {
        proxy.$modal.msgSuccess("报工成功");
        reportDialogVisible.value = false;
        getList();
      } else {
        ElMessageBox.alert(res.msg || "报工失败", "提示", {
    reportFormRef.value?.validate(valid => {
      if (!valid) {
        return false;
      }
      if (reportForm.planQuantity <= 0) {
        ElMessageBox.alert("待生产数量为0,无法报工", "提示", {
          confirmButtonText: "确定",
        });
        return;
      }
      // 验证本次生产数量
      if (
        reportForm.quantity === null ||
        reportForm.quantity === undefined ||
        reportForm.quantity === ""
      ) {
        ElMessageBox.alert("请输入本次生产数量", "提示", {
          confirmButtonText: "确定",
        });
        return;
      }
      const quantity = Number(reportForm.quantity);
      const scrapQty =
        reportForm.scrapQty === null ||
        reportForm.scrapQty === undefined ||
        reportForm.scrapQty === ""
          ? 0
          : Number(reportForm.scrapQty);
      // 本次生产数量
      if (isNaN(quantity) || !Number.isInteger(quantity) || quantity < 1) {
        ElMessageBox.alert("本次生产数量必须大于等于1", "提示", {
          confirmButtonText: "确定",
        });
        return;
      }
      // 报废数量必须是整数且大于等于0
      if (isNaN(scrapQty) || !Number.isInteger(scrapQty) || scrapQty < 0) {
        ElMessageBox.alert("报废数量必须大于等于0", "提示", {
          confirmButtonText: "确定",
        });
        return;
      }
      if (quantity > reportForm.planQuantity) {
        ElMessageBox.alert("本次生产数量不能超过待生产数量", "提示", {
          confirmButtonText: "确定",
        });
        return;
      }
      const submitData = {
        ...reportForm,
        quantity: quantity,
        scrapQty: scrapQty,
      };
      // console.log(submitData);
      addProductMain(submitData).then(res => {
        if (res.code === 200) {
          proxy.$modal.msgSuccess("报工成功");
          reportDialogVisible.value = false;
          getList();
        } else {
          ElMessageBox.alert(res.msg || "报工失败", "提示", {
            confirmButtonText: "确定",
          });
        }
      });
    });
  };
@@ -561,11 +774,11 @@
  };
  // 用户选择变化时更新 userName
  const handleUserChange = (userId) => {
  const handleUserChange = userId => {
    if (userId) {
      const selectedUser = userOptions.value.find(user => user.userId === userId);
      if (selectedUser) {
        reportForm.userName = selectedUser.userName;
        reportForm.userName = selectedUser.nickName;
      }
    } else {
      reportForm.userName = "";