打卡增加夜班逻辑

zhangwencui

2026-06-12 6739faebc8bac0aa168a6f61573466b1c80bbecd

 src/pages/procurementManagement/procurementLedger/detail.vue

@@ -31,8 +31,7 @@
      </up-form-item>
      <up-form-item label="供应商名称"
                    prop="supplierName"
                    required
                    >
                    required>
        <up-input v-model="form.supplierName"
                  readonly
                  :disabled="isReadOnly"
@@ -56,6 +55,18 @@
        <up-input v-model="form.paymentMethod"
                  :disabled="isReadOnly"
                  placeholder="请输入付款方式" />
      </up-form-item>
      <up-form-item label="车牌号"
                    prop="carPlateNumber">
        <up-input v-model="form.carPlateNumber"
                  :disabled="isReadOnly"
                  placeholder="请输入车牌号" />
      </up-form-item>
      <up-form-item label="运输单位/个人"
                    prop="transportUnitOrPerson">
        <up-input v-model="form.transportUnitOrPerson"
                  :disabled="isReadOnly"
                  placeholder="请输入运输单位/个人" />
      </up-form-item>
      <up-form-item label="签订日期"
                    required
@@ -82,55 +93,6 @@
                  placeholder="请输入"
                  disabled />
      </up-form-item>
      <view class="approval-process">
        <view class="approval-header">
          <text class="approval-title">审核流程</text>
          <text class="approval-desc">每个步骤只能选择一个审批人</text>
        </view>
        <view class="approval-steps">
          <view v-for="(step, stepIndex) in approverNodes"
                :key="stepIndex"
                class="approval-step">
            <view class="step-dot"></view>
            <view class="step-title">
              <text>审批人</text>
            </view>
            <view class="approver-container">
              <view v-if="step.nickName"
                    class="approver-item">
                <view class="approver-avatar">
                  <text class="avatar-text">{{ step.nickName.charAt(0) }}</text>
                  <view class="status-dot"></view>
                </view>
                <view class="approver-info">
                  <text class="approver-name">{{ step.nickName }}</text>
                </view>
                <view class="delete-approver-btn"
                      v-if="!isReadOnly"
                      @click="removeApprover(stepIndex)">×</view>
              </view>
              <view v-else-if="!isReadOnly"
                    class="add-approver-btn"
                    @click="addApprover(stepIndex)">
                <view class="add-circle">+</view>
                <text class="add-label">选择审批人</text>
              </view>
            </view>
            <view class="step-line"
                  v-if="stepIndex < approverNodes.length - 1"></view>
            <view class="delete-step-btn"
                  v-if="approverNodes.length > 1 && !isReadOnly"
                  @click="removeApprovalStep(stepIndex)">删除节点</view>
          </view>
        </view>
        <view class="add-step-btn" v-if="!isReadOnly">
          <u-button icon="plus"
                    plain
                    type="primary"
                    style="width: 100%"
                    @click="addApprovalStep">新增节点</u-button>
        </view>
      </view>
      <up-popup :show="showTimePicker"
                mode="bottom"
                @close="showTimePicker = false">
@@ -306,6 +268,24 @@
                        placeholder="请输入"
                        @blur="formatAmount(idx)" />
            </up-form-item>
            <up-form-item label="运费单价(元)"
                          prop="freightUnitPrice"
                          :rules="productRules">
              <up-input v-model="product.freightUnitPrice"
                        type="number"
                        :disabled="!canEditProducts"
                        placeholder="请输入"
                        @blur="formatFreightUnitPrice(idx)" />
            </up-form-item>
            <up-form-item label="总运费(元)"
                          prop="totalFreight"
                          :rules="productRules">
              <up-input v-model="product.totalFreight"
                        type="number"
                        :disabled="!canEditProducts"
                        placeholder="请输入"
                        @blur="formatTotalFreight(idx)" />
            </up-form-item>
            <!-- 含税总价 -->
            <up-form-item label="含税总价(元)"
                          prop="taxInclusiveTotalPrice"
@@ -432,6 +412,8 @@
    supplierName: "",
    projectName: "",
    paymentMethod: "",
    carPlateNumber: "",
    transportUnitOrPerson: "",
    recorderId: "",
    recorderName: "",
    entryDate: "",
@@ -582,6 +564,8 @@
      taxRate: "",
      taxInclusiveUnitPrice: "",
      quantity: "",
      freightUnitPrice: "",
      totalFreight: "",
      taxInclusiveTotalPrice: "",
      taxExclusiveTotalPrice: "",
      invoiceType: "",
@@ -800,6 +784,34 @@
    }
  };

  const formatFreightUnitPrice = idx => {
    if (productData.value[idx].freightUnitPrice) {
      const value = parseFloat(productData.value[idx].freightUnitPrice);
      if (!isNaN(value)) {
        productData.value[idx].freightUnitPrice = value.toFixed(2);
      }
    }
    const quantity = parseFloat(productData.value[idx].quantity);
    const unitPrice = parseFloat(productData.value[idx].freightUnitPrice);
    if (!quantity || quantity <= 0 || !unitPrice) return;
    productData.value[idx].totalFreight = (unitPrice * quantity).toFixed(2);
  };

  const formatTotalFreight = idx => {
    if (productData.value[idx].totalFreight) {
      const value = parseFloat(productData.value[idx].totalFreight);
      if (!isNaN(value)) {
        productData.value[idx].totalFreight = value.toFixed(2);
      }
    }
    const quantity = parseFloat(productData.value[idx].quantity);
    const totalFreight = parseFloat(productData.value[idx].totalFreight);
    if (!quantity || quantity <= 0 || !totalFreight) return;
    productData.value[idx].freightUnitPrice = (totalFreight / quantity).toFixed(
      2
    );
  };

  // 数量输入框失焦
  const formatAmount = idx => {
    if (productData.value[idx].quantity) {
@@ -1002,6 +1014,11 @@
        approverNodes.value = [{ id: 1, userId: null, nickName: null }];
        nextApproverId = 2;
      }

      form.value.carPlateNumber =
        res?.carPlateNumber ?? editData.value?.carPlateNumber ?? "";
      form.value.transportUnitOrPerson =
        res?.transportUnitOrPerson ?? editData.value?.transportUnitOrPerson ?? "";
    });
    console.log(editData.value);
    // 填充基本信息
@@ -1018,6 +1035,8 @@
    form.value.id = editData.value.id || "";
    form.value.supplierId = editData.value.supplierId || "";
    form.value.executionDate = editData.value.executionDate || "";
    form.value.carPlateNumber = editData.value.carPlateNumber || "";
    form.value.transportUnitOrPerson = editData.value.transportUnitOrPerson || "";
  };

  const getSalesNoList = () => {
@@ -1550,4 +1569,4 @@
    color: #3b82f6;
    font-size: 14px;
  }
</style>
</style>